[发明专利]页面代码生成方法、装置、设备及存储介质

权利要求书

1.一种页面代码生成方法，其特征在于，所述页面代码生成方法包括：

获取预设的页面配置数据，所述预设的页面配置数据用于采用预置页面标识关联同一页面中的至少一个初始元素信息，所述至少一个初始元素信息包括输入框信息、按钮信息和表格信息；

按照预置元素标识和预设元素标签对所述至少一个初始元素信息进行元素匹配并归类统计，得到每个页面的目标元素信息，所述预置元素标识与所述至少一个初始元素信息之间为一对一的关系，所述预设元素标签用于指示所述至少一个初始元素信息是否属于同一业务功能的元素；

从预置组件模板库中查询所述每个页面的目标元素信息对应的目标组件模板；

从所述目标组件模板中抽取出所述每个页面的目标元素信息对应的初始组件模块，并按照所述预置页面标识对所述初始组件模块进行代码封装和模块集成，得到所述每个页面的页面源代码；

所述从所述目标组件模板中抽取出所述每个页面的目标元素信息对应的初始组件模块，并按照所述预置页面标识对所述初始组件模块进行代码封装和模块集成，得到所述每个页面的页面源代码包括：

基于所述预置元素标识和所述预设元素标签从所述目标组件模板中抽取出所述每个页面的目标元素信息对应的初始组件模块，所述初始组件模块包括预置样式代码、预置超文本标记语言代码和预置脚本代码；

按照预置元素标识和预设元素标签对所述预置样式代码、所述预置超文本标记语言代码和所述预置脚本代码分别进行代码占位符替换和封装，得到目标组件模块，所述目标组件模块包括样式切换后的页面显示代码、结构转换后的元素内容代码和事件操作代码；

采用所述预置页面标识对所述目标组件模块进行模块集成，得到所述每个页面的页面源代码，所述每个页面的页面源代码中相同业务功能均采用同一初始组件模块。

2.根据权利要求1所述的页面代码生成方法，其特征在于，所述获取预设的页面配置数据，所述预设的页面配置数据用于采用预置页面标识关联同一页面中的至少一个初始元素信息，所述至少一个初始元素信息包括输入框信息、按钮信息和表格信息，包括：

向目标服务器发送获取数据配置的请求，并接收所述目标服务器返回的响应数据；

对所述响应数据按照预置数据格式进行解析，得到预设的页面配置数据，所述预设的页面配置数据用于采用预置页面标识关联同一页面中的至少一个初始元素信息，所述至少一个初始元素信息包括输入框信息、按钮信息和表格信息。

3.根据权利要求2所述的页面代码生成方法，其特征在于，所述按照预置元素标识和预设元素标签对所述至少一个初始元素信息进行元素匹配并归类统计，得到每个页面的目标元素信息，包括：

向所述目标服务器发送获取预置元素信息的请求，得到所述预置元素信息；

从所述预设的页面配置数据中读取所述至少一个初始元素信息对应的预置元素标识和预设元素标签；

通过所述预置元素标识从预置元素信息中匹配所述至少一个初始元素信息；

对匹配后的初始元素信息按照所述预设元素标签进行归类统计，得到每个页面的目标元素信息，所述每个页面的目标元素信息包括目标元素在所述每个页面出现的次数以及对应的位置信息。

4.根据权利要求1所述的页面代码生成方法，其特征在于，所述从预置组件模板库中查询所述每个页面的目标元素信息对应的目标组件模板，包括：

从所述每个页面的目标元素信息中获取对应的预置元素类型；

通过所述预置元素类型检索所述预置组件模板库，得到所述每个页面的目标元素信息对应的目标组件模板。

5.根据权利要求1所述的页面代码生成方法，其特征在于，所述按照预置元素标识和预设元素标签对所述预置样式代码、所述预置超文本标记语言代码和所述预置脚本代码分别进行代码占位符替换和封装，得到目标组件模块，包括：

分别从所述预置样式代码、所述预置超文本标记语言代码和所述预置脚本代码提取对应的代码占位符；

按照预置元素标识和预设元素标签查询所述代码占位符对应的预设配置规则；

基于所述对应的预设配置规则进行代码占位符替换和封装，得到目标组件模块。