H5页面生成方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及研发管理领域，公开了一种基于H5页面生成方法、装置、设备及存储介质，用于解决现有的H5页面开发方式，其开发流程复杂，导致开发周期过长，工作量较大的问题。H5页面生成方法包括：控件编码和所述控件编码对应的控件的配置参数集；从所述UI控件区中查询出与所述控件编码对应的控件，得到初始配置参数集；构建H5页面的初始架构；根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值；将所述初始架构进行重新编译生成H5页面。本发明专利技术基于控件内聚化，将控件的功能都实现组件化，减少了人工重复开发，H5页面在获得需求后可以自动生成，将H5页面的开发效率提升。

【技术实现步骤摘要】
H5页面生成方法、装置、设备及存储介质
本专利技术涉及研发管理领域，尤其涉及一种H5页面生成方法、装置、设备及存储介质。
技术介绍
随着互联网技术的不断发展，互联网页面的快速开发已成为当前互联网发展的一种趋势，尤其是小程序网页的产生，更加要求页面开发的效率，例如现在常用的页面。目前，在H5页面的开发上，基本上是根据用户的需求来进行全新开发的过程，但是一个H5宣传页面，从构思到开发出来，其开发周期很短，这要求开发人员在短时间内全新开发出一个H5页面是非常消耗团队资源的，从而导致了短时间内大量增加开发人员的工作量，并且每次重复开发的过程中，都需要进行较多的重复操作，而这些重复操作是不必要的过程，由于开发的周期较短，而操作其开发出来的页面在稳定性上难以保证，从而降低了用户在使用页面时的体验。
技术实现思路
本专利技术的主要目的在于解决现有的H5页面开发方式，其开发流程复杂，且重复，导致开发周期过长，工作量较大的问题。本专利技术第一方面提供了一种H5页面生成方法，包括：接收H5页面的生成请求，所述生成请求包括：控件编码和所述控件编码对应的控件的配置参数集；从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集；调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构，其中，所述初始架构中包括至少一个控件；根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值；将所述初始架构进行重新编译，生成H5页面。可选的，在本专利技术第一方面的第一种实现方式中，所述在所述从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集之前，还包括：判断所述UI控件区中是否存在与所述控件编码对应的控件；若不存在，根据所述控件编码，查询预设的云端数据库中是否存在与所述控件编码对应的云端控件；若存在，获取所述云端控件与对应的控件图标，其中，所述云端控件包括；可编辑的参数项目及其对应的初始配置值。可选的，在本专利技术第一方面的第二种实现方式中，在所述获取所述云端控件与对应的控件图标之后，还包括：从所述云端数据库中，获取所述云端控件所在的云端资源包的第一版本信息；读取所述UI控件区的本地资源包的第二版本信息，其中，所述本地资源包为当前所述UI控件区中与所述云端资源包对应的资源包；所述第一版本信息与所述第二版本信息进行比较，得到比较结果；若所述比较结果为不一致，则从所述云端数据库中下载所述云端资源包，并根据所述云端资源包对所述UI控件区中的控件进行更新。可选的，在本专利技术第一方面的第三种实现方式中，所述调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构包括：将所述控件图标显示于所述实时预览编辑区中，根据页面坐标调整所述控件图标在所述实时预览编辑区中的显示位置得到所述初始架构，其中，所述页面坐标用于指示所述控件图标在所述实时预览编辑区中显示位置；提取所述初始架构中的至少一个控件的参数编辑界面，并根据所述初始可配置参数集对所述参数编辑界面中的参数项目进行标注；将标注后的参数编辑界面显示于所述配置项区中。可选的，在本专利技术第一方面的第四种实现方式中，所述根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值包括：提取所述初始配置参数集中所有参数项目的编号，与所述配置参数集里每个匹配的参数项目的编号进行第一次匹配；比较所述初始配置值与第一次匹配中对应的所述配置值是否一致，将所述配置参数集里所述配置值不一致的参数项目组合为模板参数项集；将所述模板参数项集里每个参数项目的编码与所述初始配置参数集里每个参数项目的编码进行第二次匹配；将所述初始配置值更改为第二次匹配中对应的所述配置值，将所述初始配置参数集改为所述配置参数项集。可选的，在本专利技术第一方面的第五种实现方式中，所述将所述初始架构进行重新编译，生成H5页面包括：将所述配置参数集与所述控件图标进行编译，生成控件图标编译程序与配置参数集编译程序；根据所述控件图标编译程序，基于所述页面坐标将控件图标显示在H5页面界面上；根据所述配置参数集编译程序，将所述H5页面界面中的所述控件的属性设置完成，生成H5页面。可选的，在本专利技术第一方面的第六种实现方式中，在所述将所述初始架构进行重新编译，生成H5页面之后，还包括：判断所述生成请求是否为二次生成请求，其中，所述二次生成请求中控件编码与初次生成请求一致；若是，则获取已经生成的第一H5页面，读取所述第一H5页面中H5控件和所述H5控件对应的H5配置参数集；根据所述生成请求，将所述H5配置参数集调整至与所述生成请求中的配置参数集一致，得到新的H5页面；将所述新的H5页面，按照调整后的H5配置参数集进行二次编译，生成第二H5页面，并发布所述第二H5页面。本专利技术第二方面提供了一种H5页面生成装置，包括：接收模块，用于接收H5页面的生成请求，所述生成请求包括：控件编码和所述控件编码对应的控件的配置参数集；查询模块，用于从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集；调用模块，用于调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构，所述初始架构中包括至少一个控件；配置模块，用于根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值；生成模块，用于将所述初始架构进行重新编译，生成H5页面。可选的，在本专利技术第二方面的第一种实现方式中，所述查询模块具体用于：判断所述UI控件区中是否存在与所述控件编码对应的控件；若不存在，根据所述控件编码，查询预设的云端数据库中是否存在与所述控件编码对应的云端控件；若存在，获取所述云端控件与对应的控件图标，其中，所述云端控件包括：可编辑的参数项目及其对应的初始配置值。可选的，在本专利技术第二方面的第二种实现方式中，所述查询模块具体用于：从所述云端数据库中，获取所述云端控件所在的云端资源包的第一版本信息；读取所述UI控件区的本地资源包的第二版本信息，其中，所述本地资源包为当前所述UI控件区中与所述云端资源包对应的资源包；将所述第一版本信息与所述第二版本信息进行比较，得到比较结果；若所述比较结果为不一致，则从所述云端数据库中下载所述云端资源包，并根据所述云端资源包对所述UI控件区中的控件进行更新。可选的，在本专利技术第二方面的第三种实现方式中，所述调用模块具体用于：将所述控件图标显示于所述实时预览编辑区中，根据页面坐标调整所述控件图标在所述实时预览编辑区中的显示位置得到所述初始架构，其中，所述页面坐标用于指示所述控件图标在所述实时预览编辑区中显示位置；提取所述初始架构中的至少一个控件的参数编辑界面，并根据所述初本文档来自技高网...

【技术保护点】
1.一种H5页面生成方法，其特征在于，应用于H5页面的开发平台，所述开发平台包括设有至少一个控件的UI控件区、预览配置区，所述H5页面生成方法包括：/n接收H5页面的生成请求，所述生成请求包括：控件编码和所述控件编码对应的控件的配置参数集；/n从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集；/n调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构，其中，所述初始架构中包括至少一个控件；/n根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值；/n将所述初始架构进行重新编译，生成H5页面。/n

【技术特征摘要】
1.一种H5页面生成方法，其特征在于，应用于H5页面的开发平台，所述开发平台包括设有至少一个控件的UI控件区、预览配置区，所述H5页面生成方法包括：
接收H5页面的生成请求，所述生成请求包括：控件编码和所述控件编码对应的控件的配置参数集；
从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集；
调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构，其中，所述初始架构中包括至少一个控件；
根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值；
将所述初始架构进行重新编译，生成H5页面。


2.根据权利要求1所述的H5页面生成方法，其特征在于，在所述从所述UI控件区中查询出与所述控件编码对应的控件，并读取所述控件中可编辑的参数项目以及对应的初始配置值，得到初始配置参数集之前，还包括：
判断所述UI控件区中是否存在与所述控件编码对应的控件；
若不存在，根据所述控件编码，查询预设的云端数据库中是否存在与所述控件编码对应的云端控件；
若存在，获取所述云端控件与对应的控件图标，其中，所述云端控件包括：可编辑的参数项目及其对应的初始配置值。


3.根据权利要求2所述的H5页面生成方法，其特征在于，在所述获取所述云端控件与对应的控件图标之后，还包括：
从所述云端数据库中，获取所述云端控件所在的云端资源包的第一版本信息；
读取所述UI控件区的本地资源包的第二版本信息，其中，所述本地资源包为当前所述UI控件区中与所述云端资源包对应的资源包；
将所述第一版本信息与所述第二版本信息进行比较，得到比较结果；
若所述比较结果为不一致，则从所述云端数据库中下载所述云端资源包，并根据所述云端资源包对所述UI控件区中的控件进行更新。


4.根据权利要求3所述的H5页面生成方法，其特征在于，所述预览配置区包括实时预览编辑区、配置项区；
所述调取所述控件的控件图标，并将所述控件图标和所述初始配置参数集显示于所述预览配置区，构建H5页面的初始架构包括：
将所述控件图标显示于所述实时预览编辑区中，根据页面坐标调整所述控件图标在所述实时预览编辑区中的显示位置得到所述初始架构，其中，所述页面坐标用于指示所述控件图标在所述实时预览编辑区中显示位置；
提取所述初始架构中的至少一个控件的参数编辑界面，并根据所述初始可配置参数集对所述参数编辑界面中的参数项目进行标注；
将标注后的参数编辑界面显示于所述配置项区中。


5.根据权利要求1-4任一项所述的H5页面生成方法，其特征在于，所述配置参数集包括参数项目的编号和对应的配置值；
所述根据所述配置参数集中各参数项目对应的配置值调整所述初始配置参数集中各参数项目对应的初始配置值包括：
提...

【专利技术属性】
技术研发人员：高翊竣，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44