[发明专利]一种根据后台配置自动生成H5业务办理页面的方法

说明书

本发明公开了一种根据后台配置自动生成H5业务办理页面的方法，采用后台配置加通用页面动态生成技术，由后台根据页面组件设置以及设定的数据源，对JavaScript与后台交互部分进行统一封装，访问时动态生成H5页面，实现了标记语言和逻辑语言的分离。该方法精简了前后台分离模式下的开发过程，减少了角色配置，只需要后台人员即可独立完成整个业务开发，大大提升了开发效率。整个开发过程，只需要掌握JAVA开发的后台开发人员，不需要前台开发人员参与，极大减轻了前后台人员之间沟通协调压力，提高了应用上线效率。

技术领域

本发明属于H5开发技术领域，尤其涉及一种根据后台配置自动生成H5业务办理页面的方法，在移动互联网环境下，实现通过后台配置，自动生成前台业务办理页面，实现移动办事事项的快速开发。

背景技术

CNNIC报告显示，在线政务服务用户规模达到4.85亿，占总体网民的62.9％。随着政务服务线上化速度明显加快，服务越来越向线上迁移，App、城市服务、微信公众号及微博等政务新媒体及服务平台不断扩张服务范围，人社、交通、住房等无所不包。移动互联网，成为老百姓重要办事渠道。

从界面美观和开发实现经济性角度，通常使用H5(HTML5)页面技术来开发政务经办前台的受理功能，这样就能利用H5的终端自适应特性，以及丰富的CSS样式，实现多渠道适配，不需要为每个渠道重复开发，一定程度上降低了工作量，H5已成为前端界面标准化的开发方式。

在政务领域，H5属于新兴开发技术，需要专业前端开发人员参与，对开发人员技术要求较高；同时，H5前台+JAVA后台的开发模式，属于前后台分离开发模式，在前后端人员之间存在大量接口和联调工作，对于需求理解的不同，接口实现的不同，一定程度上给业务实现带来了风险，提高了实现成本，整体效率不高，对于开发商来说加大了经济负担，对于政府客户来说功能实现周期也变得更长。VUE

发明内容

本发明的目的是提供一种根据后台配置自动生成H5业务办理页面的方法，解决业务系统开发过程中，需要配备H5前端人员，或者后端开发人员需要掌握前端+后端技术，才可进行开发、开发周期长等问题，可开发出前台H5页面，实现前后台分离架构的开发方法。

为了实现上述目的，本发明技术方案如下：

一种根据后台配置自动生成H5业务办理页面的方法，包括：

根据接口及其对应的业务办理事项，配置事项表、动态元素表、事项与动态元素关系表，存储在数据库中；

根据用户选择的业务办理事项，获取对应的事项ID，从数据库中获取与事项ID有关的动态元素，返回给前台；

前台获得动态元素列表后，进行逐一解析，展示出最终的H5页面。

优选地，所述事项表包括事项ID、事项名称、接口配置；所述动态元素表包括元素ID、元素名称、元素类型、界面配置、数据配置；所述事项与动态元素关系表包括事项ID和元素ID。

优选地，所述根据用户选择的业务办理事项，获取对应的事项ID，从数据库中获取与事项ID有关的动态元素，包括：

根据用户选择的业务办理事项，获取对应的事项ID；

根据事项ID，从事项与动态元素关系表中获取对应的元素ID；

根据元素ID，从动态元素表中获取动态元素。

优选地，所述前台获得动态元素列表后，进行逐一解析，展示出最终的H5页面，包括：

逐一读取元素列表，从每一个元素中，按照元素类型字段，匹配相应的前台组件，并将返回的数据内容，填充到相应组件中。