[发明专利]一种基于H5的可视化业务界面动态配置方法

摘要

一种基于H5的可视化业务界面动态配置方法，所述方法需提供动态配置界面核心引擎、界面展示模块、界面数据实时刷新模块、数据实时提交模块、界面配置模块以及数据读写模块；动态页面配置引擎、动态页面配置数据库、动态页面缓存、动态页面解析引擎、动态页面渲染引擎；通过对系统对象进行描述，并建立界面展示的界面模板，描述对象同界面模板双向关联映射，从而实现动态界面配置的方法。本发明实现跨平台、跨终端、跨浏览器支撑基于H5的响应式自适配布局自封装页面解析引擎，无需二次开发，自动适配PC、PAD、和移动端应用一次开发多种平台自动适配，极大提升业务发布范围。

主权项

一种基于H5的可视化业务界面动态配置方法，其特征在于：所述方法需提供动态配置界面核心引擎、界面展示模块、界面数据实时刷新模块、数据实时提交模块、界面配置模块以及数据读写模块；所述数据实时提交模块：负责在用户操作配置化界面时，触发界面数据实时提交到系统后端服务，并将界面数据赋值给系统后端的系统对象，系统对象处理输出赋值结果，并对需要更新界面展示的事件通过所述界面数据实时刷新模块进行更新；界面的更新是由触发的事件来完成更新的；所述界面数据实时刷新模块：在界面进行更新时，对需要更新界面展示的事件进行实时刷新；所述界面配置模块：实现动态界面的配置功能，并将配置完成的界面通过所述动态配置界面核心引擎格式处理后得到界面模板数据，并通过数据读写模块进行读取或写入一数据库进行持久化存储；所述动态配置界面核心引擎：为操作人员提供进行界面配置化的操作模块、为操作人员提供界面控件的服务、提供界面模版同所述系统对象的映射关联关系的转换；所述界面展示模块：获取由动态配置界面核心引擎输出的界面模版数据，并根据界面模版数据进行界面展示给用户；所述数据读写模块：在界面展示模块进行展示界面时从数据库中读取界面模板数据，在动态配置界面核心引擎格式处理后得到界面模板数据需要进行保存时，写入到数据库中进行数据持久化存储；还包括：动态页面配置引擎、动态页面配置数据库、动态页面缓存、动态页面解析引擎、动态页面渲染引擎；所述动态页面配置引擎：采用可视化的界面拖拽技术实现动态页面的配置、页面元素的属性设置、排版布局和页面的预览功能，并负责将配置的动态界面持久化到数据库中；所述动态页面配置数据库：负责存储动态界面配置引擎定义的动态界面的页面结构，元素属性，并存储属性对应的相关取值等元数据、系统配置类数据，为页面的渲染提供数据基础；所述动态页面缓存：负责对配置完成发布后的页面进行页面缓存，用于提升页面访问的性能，降低对数据库的频繁访问和数据库压力，减少数据库故障的可能性；所述动态页面解析引擎：负责解析从数据库中加载出来的页面配置数据进行实例页面的重构，包括页面布局，元素的取值、权限的控制，在后端构建一棵动态的Dom树，为进一步实现界面的静态化渲染奠定基础；所述动态页面渲染引擎：负责根据后端构建的Dom树进行页面的渲染展示，包括对页面样式、页面的响应式布局、自适配分辨率、提示进行渲染，最终实现页面的静态化HTML展示。