一种展示样式的生成方法和系统技术方案

本发明专利技术公开了一种展示样式的生成方法和系统，涉及计算机技术领域。该方法的一具体实施方式包括：获取包含有展示样式的图片；识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件；组合所述组件以生成所述展示样式对应的样式文件；响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示。该实施方式避免了样式代码的重复开发，提高了样式代码的开发效率。样式代码的开发效率。样式代码的开发效率。

【技术实现步骤摘要】
一种展示样式的生成方法和系统


[0001]本专利技术涉及计算机
，尤其涉及一种展示样式的生成方法和系统。

技术介绍

[0002]布局合理的展示样式对用户快速获取信息、提升用户体验具有关键作用，因而常需要根据用户需求不断更新或者新增展示样式。
[0003]目前，在更新或新增展示样式时，对于不同的客户端，如IOS客户端、Android客户端，需要分别开发各自的代码才能更新或生成展示样式，工作量较大；且每一次新增或更新样式都需要新开发对应的代码，尤其是在不同应用系统存在相同的展示样式的情况下，开发的代码存在大量重合，开发效率低下。

技术实现思路

[0004]有鉴于此，本专利技术实施例提供了一种展示样式的生成方法和系统，能够通过组合组件的方式生成样式文件，简化了样式的生成流程，且具有通用性，实现了代码的重复利用，避免了重复开发，提高了展示样式的生成效率。
[0005]为实现上述目的，根据本专利技术实施例的第一方面，提供了一种展示样式的生成方法，包括：
[0006]获取包含有展示样式的图片；
[0007]识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件；
[0008]组合所述组件以生成所述展示样式对应的样式文件；
[0009]响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示。
[0010]可选地，所述识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件，包括：
[0011]获取下述一种或多种图形信息：图形的颜色值、图形中字体、图形大小、图形的宽与高、图形的相对位置；
[0012]根据所述图形信息从组件库中确定与所述图形相匹配的组件。
[0013]可选地，所述组合所述组件以生成所述展示样式对应的样式文件，包括：
[0014]根据所述图形的相对位置，将与所有所述图形相匹配的组件按顺序存储至临时变量；
[0015]将所述临时变量编译为二进制文件并加密以生成所述样式文件。
[0016]可选地，还包括：
[0017]在识别所述图片中的图形之前，判断云配置平台中是否存在所述展示样式对应的业务场景：
[0018]若不存在，则为所述展示样式创建对应的业务场景；
[0019]若存在，则继续判断在所述业务场景下是否存在所述展示样式对应的应用版本
号，以在所述版本号不存在的情况下获取所述展示样式对应的应用版本号。
[0020]可选地，所述为所述展示样式创建对应的业务场景，包括：
[0021]生成所述业务场景对应的业务编号；
[0022]配置下述与所述业务编号对应的一种或多种信息：业务场景名称、业务场景所属应用系统、业务场景所属应用模块。
[0023]可选地，还包括：为所述样式文件配置下述一种或多种信息，以根据所配置的信息确定是否向所述客户端提供所述样式文件：用户白名单、AB实验范围、不可用操作系统版本、不可用终端类型。
[0024]可选地，所述响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示，包括：
[0025]接收所述客户端发送的HTTP请求，所述HTTP请求指示了业务编号、应用版本号；
[0026]查询与所述业务编号、所述应用版本号对应的样式文件；
[0027]将所述样式文件下发至所述客户端，以使所述客户端通过解析所述样式文件并渲染业务数据进行展示。
[0028]为实现上述目的，根据本专利技术实施例的第二方面，提供了一种展示样式的生成方法，包括：
[0029]向存储有展示样式对应的样式文件的云配置平台发送页面生成请求，所述页面生成请求指示了待获取的样式文件；
[0030]接收所述云配置平台返回的样式文件；所述样式文件是通过组合一个或多个组件生成的，且所述组件与包含有展示样式的图片中的图形相匹配；
[0031]解析所述样式文件以进行页面展示。
[0032]为实现上述目的，根据本专利技术实施例的第三方面，提供了一种用于生成展示样式的云配置平台，包括：图片获取模块、图片识别模块、样式文件生成模块、样式文件提供模块；其中，
[0033]所述图片获取模块，用于获取包含有展示样式的图片；
[0034]所述图片识别模块，用于识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件；
[0035]所述样式文件生成模块，用于组合所述组件以生成所述展示样式对应的样式文件；
[0036]所述样式文件提供模块，用于响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示。
[0037]可选地，所述识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件，包括：
[0038]获取下述一种或多种图形信息：图形的颜色值、图形中字体、图形大小、图形的宽与高、图形的相对位置；
[0039]根据所述图形信息从组件库中确定与所述图形相匹配的组件。
[0040]可选地，所述组合所述组件以生成所述展示样式对应的样式文件，包括：
[0041]根据所述图形的相对位置，将与所有所述图形相匹配的组件按顺序存储至临时变量；
[0042]将所述临时变量编译为二进制文件并加密以生成所述样式文件。
[0043]可选地，还包括：业务场景创建模块；其中，
[0044]所述业务场景创建模块，用于在识别所述图片中的图形之前，判断所述云配置平台中是否存在所述展示样式对应的业务场景：
[0045]若不存在，则为所述展示样式创建对应的业务场景；
[0046]若存在，则继续判断在所述业务场景下是否存在所述展示样式对应的应用版本号，以在所述版本号不存在的情况下获取所述展示样式对应的应用版本号。
[0047]可选地，所述为所述展示样式创建对应的业务场景，包括：
[0048]生成所述业务场景对应的业务编号；
[0049]配置下述与所述业务编号对应的一种或多种信息：业务场景名称、业务场景所属应用系统、业务场景所属应用模块。
[0050]可选地，所述业务场景创建模块，还用于，
[0051]为所述样式文件配置下述一种或多种信息，以根据所配置的信息确定是否向所述客户端提供所述样式文件：用户白名单、AB实验范围、不可用操作系统版本、不可用终端类型。
[0052]可选地，所述响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示，包括：
[0053]接收所述客户端发送的HTTP请求，所述HTTP请求指示了业务编号、应用版本号；
[0054]查询与所述业务编号、所述应用版本号对应的样式文件；
[0055]将所述样式文件下发至所述客户端，以使所述客户端通过解析所述样式文件并渲染业务数据进行展示。
[0056]为本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种展示样式的生成方法，其特征在于，包括：获取包含有展示样式的图片；识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件；组合所述组件以生成所述展示样式对应的样式文件；响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示。2.根据权利要求1所述的展示样式的生成方法，其特征在于，所述识别所述图片中的图形，以从组件库中确定与所述图形相匹配的组件，包括：获取下述一种或多种图形信息：图形的颜色值、图形中字体、图形大小、图形的宽与高、图形的相对位置；根据所述图形信息从组件库中确定与所述图形相匹配的组件。3.根据权利要求2所述的生成展示样式的方法，其特征在于，所述组合所述组件以生成所述展示样式对应的样式文件，包括：根据所述图形的相对位置，将与所有所述图形相匹配的组件按顺序存储至临时变量；将所述临时变量编译为二进制文件并加密以生成所述样式文件。4.根据权利要求1所述的展示样式的生成方法，其特征在于，还包括：在识别所述图片中的图形之前，判断云配置平台中是否存在所述展示样式对应的业务场景：若不存在，则为所述展示样式创建对应的业务场景；若存在，则继续判断在所述业务场景下是否存在所述展示样式对应的应用版本号，以在所述版本号不存在的情况下获取所述展示样式对应的应用版本号。5.根据权利要求4所述的展示样式的生成方法，其特征在于，所述为所述展示样式创建对应的业务场景，包括：生成所述业务场景对应的业务编号；配置下述与所述业务编号对应的一种或多种信息：业务场景名称、业务场景所属应用系统、业务场景所属应用模块。6.根据权利要求5所述的展示样式的生成方法，其特征在于，还包括：为所述样式文件配置下述一种或多种信息，以根据所配置的信息确定是否向所述客户端提供所述样式文件：用户白名单、AB实验范围、不可用操作系统版本、不可用终端类型。7.根据权利要求6所述的展示样式的生成方法，其特征在于，所述响应于客户端发送的页面生成请求，向所述客户端提供所述样式文件，以使所述客户端根据所述样式文件进行页面展示，包括：接收所述客户端发送的HTTP请求，所述HTTP请求指示了业务编号、应用版本号；查询与所述业务编号、所述应用版本号对应的样式文件；将所述样式文件下发至所述客户端，以使所述客户端通过解析所述样式文件并渲染业务数据进行展示。8....

【专利技术属性】
技术研发人员：刘旭升，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：