[发明专利]一种动态生成页面的数据处理方法和系统

说明书

本发明公开了一种动态生成页面的数据处理方法和系统，通过获取基于产品内容生成的自定义配置文件，进而生成页面模块和元素模块，最后生成展示页面。生成的移动端页面还可以自定义页面的数量和顺序，同时还支持页面数据的校验。该方法区别传统的开发模式，针对不同的业务产品对应的开发页面的方式，以降低技术复杂度对开发和应用的影响，支持构建随需应变的应用，同时提升了产品的上线发布速度。

技术领域

本发明涉及数据处理的技术领域，特别是涉及到一种动态生成页面的数据处理方法和系统。

背景技术

动态生成页面对于提升用户体验和好感有很大作用。目前，市场上使用动态生成页面的技术方案包括阿里巴巴集团的飞冰(ICE)，飞冰(ICE)提供组件、物料、构建工具和常用的前端方案帮助构建中后台应用，通过海量的物料复用和图形化的操作界面，通过拖拽的形式快速的构建应用的解决方案。

然而，在对飞冰(ICE)的研究和实践过程中发现，飞冰系统根据图形界面自动生成json配置文件，页面元素的类型、校验规则的字段都是固定的，如果动态的读取则代码的开发量太大，同时程序逻辑复杂，容易存在潜在异常。并且，如果只提供文本输入框、选择框、日期和单选框等形式的组件，无法进行自定义的组件生成，不能根据自定义的json配置文件类来生成动态页面。特别是在金融行业中，产品内容(例如，保险承保方案)配置复杂多变，需要针对不同类型产品内容及时配置，动态生成相对应的页面并保证上线，现有的动态生成页面方法难以满足上述需求。

发明内容

为解决上述问题，本发明提出一种动态生成页面的数据处理方法和系统。总体而言，本发明通过服务器端配置产品内容，基于前端资源模块化管理工具，采用数据模板引擎和配套路由插件，在移动端UI(用户界面)组件库的基础上进行自定义开发配置文件来动态生成页面。

本发明提供的动态生成页面的方法，能够根据不同产品配置动态生成移动端页面，

具体包含以下步骤：获取服务器端生成的自定义配置文件，通过广度遍历方式遍历所述配置文件中的页面，所述页面包括页面模块和元素模块，生成所述配置文件对应的树状结构，通过所述树状结构生成页面数据结构；根据所述页面数据结构生成移动端的页面模块，所述移动端的页面模块之间可以进行跳转，所述移动端的页面模块的跳转顺序与所述配置文件中的页面模块的跳转顺序一致；每一个所述移动端的页面模块根据所述页面数据结构生成若干个移动端的元素模块，同时将所述配置文件中元素属性传递给对应的所述移动端的元素模块；所述移动端的元素模块根据所述配置文件，生成包括文本输入框、文本展示框、滑动选择器、日期选择器、或单选框的展示元素，同时给所述展示元素添加包括标题、内容、是否必填校验、格式校验的属性；当触发页面跳转时，会将所述移动端的页面模块和元素模块中的数据发送给所述服务器端。

在一些实施例中，根据所述自定义配置文件中的数据对象划分所述页面，所述配置文件中每个数据对象都会被当作一个页面模块来进行来处理，所述数据对象中的名词属性会被当作所述页面的唯一标识，根据所述标识在本地存储中开辟对应的空间来存储对应的用户输入数据。

在一些实施例中，上述方法还包括校验数据步骤，将所述配置文件中的校验规则保存到校验对象中，依次拿所述数据和对应的规则进行校验。

在一些实施例中，生成页面模块时，根据所述根节点的子节点个数增加从初始状态到页面内容完整展示的过渡效果块，加载完成后所述页面模块替换所述过渡效果块，从而提高了页面变换过程中的过渡顺滑度。

在一些实施例中，若存在嵌套模块时，所述移动端的页面模块按照递归方式生成嵌套子模块，所述树状结构自上而下依次解析所述嵌套模块，所述树状结构的每个层级解析完毕后更新显示页面。