[发明专利]一种WEB信息系统前端页面自动生成的系统及其方法

说明书

一种WEB信息系统前端页面自动生成的系统，包括有数据配置模块、后端生成模块、前端生成模块；该方法包括以下步骤：步骤一，在数据配置模块进行业务逻辑数据配置；步骤二，根据步骤一的数据配置生成数据查询服务接口；步骤三，根据步骤一的数据配置和步骤二的服务接口，生成前端页面；该方法解决了开发周期长，人员技能要求高，修改生效周期长，开发成本高的问题。

技术领域

本发明属于WEB页面生成技术领域，具体涉及一种WEB信息系统前端页面自动生成的系统及其方法。

背景技术

Web页面定义的方法很多，有采用Sun公司的JSP文件格式、微软公司的ASP、XAML格式，有PHP文件格式，有Adobe公司采用的 SWFXML文件格式，每种格式都有它的优势和劣势。针对各种文件格式，都对页面展现的基本元素进行了定义，包括页面、布局、控件、事件的定义。

针对每个业务，用户看到的每个界面，以及统一业务的每个端(如 PC、AndroidAPP、IOSAPP、微信公众号界面、微信小程序、WAP界面)，通常开发者都要进行逐一的开发，代码重复度高，业务与代码耦合度高，同一业务逻辑规则在系统中多处代码分布(如数据库规则，服务端处理代码，前端界面数据字段及呈现、校验规则及用户交互与提示处理代码)频繁出现不一致及用户不友好，对于业务的频繁变化难以应对，人员技能要求高(例如要懂CSS布局、html、JavaScript，以及各种响应式布局和前端框架如Angular、VUE、React)，造成了巨大的开发工作量的浪费，复杂度高，可重用度低，维护成本高。

发明内容

为克服上述现有技术的不足，本发明的目的是提供一种WEB信息系统前端页面自动生成的系统及其方法，以解决开发周期长，人员技能要求高，修改生效周期长，开发成本高的问题。

为实现上述目的，本发明采用的方案是：一种WEB信息系统前端页面自动生成的系统，包括有数据配置模块、后端生成模块、前端生成模块；

所述的数据配置模块是后端生成模块和前端生成模块的基础，后端生成模块依赖数据配置模块，前端生成模块通过获取数据配置的参数进行界面展示。数据配置模块具体包含业务表配置、表MAP关系配置、树形表属性配置、字段关联关系配置、业务表字段相关配置、字段显示特性配置、字段分组配置和业务逻辑配置。

所述的后端生成模块是指在后端把数据配置完成后，系统执行热加载操作，系统自动处理数据配置模块的配置，生成增加、删除、更新和查询接口和数据表信息。

所述的前端生成模块是指系统按照接口的定义，查询出配置的信息，根据配置信息进行前端界面生成。

一种WEB信息系统前端页面自动生成的系统，包括有数据库，数据库存储信息系统业务逻辑相关的内容，作为数据库数据或者脚本文件的方式进行维护和存储以及独立维护，数据库通过服务接口将数据库的存储内容供前端查询；采用web前后端分离的架构；使用通用的后端代码解析配置内容，提供服务端服务接口；使用通用的前端代码解析后端返回的配置内容，构造业务页面相关内容及用户交互组件。

一种WEB信息系统前端页面自动生成的方法，包括以下步骤：

步骤一，在数据配置模块进行业务逻辑数据配置，具体包括以下内容：

业务表配置，包括业务表英文名、中文名、业务表类型、业务表间关系，业务表唯一性约束，主键，行数据显示标签字段配置；

业务表字段相关配置，包括字段英文名、中文名、字段自定义类型、字段缺省值、字段是否必须输入、字段长度、字段顺序编号、字段校验规则配置、字段校验规则相关提示配置、字段placeholder配置、字段帮助配置；

表MAP关系配置，对于是MAP关系表的，标记MAP表关系以及相关的字段，从而在业务界面、用户交互及业务数据处理时，按 MAP特定业务逻辑进行处理；