[发明专利]一种前端表单配置化显示系统及其方法

说明书

本发明涉及一种前端表单配置化显示系统及其方法，该系统包括前端页面和后台处理中心，后台处理中心包括配置化解析模块和数据库，前端页面与配置化解析模块相互连接，配置化解析模块与数据库相互连接，数据库内更新存储有字段参数配置表和数据信息存储表；配置化解析模块用于将表单字段配置信息处理加工为存储信息，以及读取存储信息、并处理加工为前端显示表单；前端页面用于进行选择表单标志操作、数据查询操作以及用于显示表单。与现有技术相比，本发明在字段发生变化的场景下，只需简单修改字段参数配置表即可，不需要改动任何前端后台程序，能够快速响应表单需求变化或定制化需求，提高开发效率、方便后期维护和移交。

技术领域

本发明涉及web前端开发技术领域，尤其是涉及一种前端表单配置化显示系统及其方法。

背景技术

目前，web应用系统大多采用前后端分离的开发方式，传统模式上，前端需要定义每个表单所有需显示的字段，后端应用表结构也需要定义所有字段，开发人员需要针对每个表单单独开发，即一个表单对应有单独的显示及后台数据处理程序，当表单的需求较为固定时，采用这种方法没有问题；当表单需求变化或者定制化需求较高，由于每一个表单都基于一个程序来实现，不仅在开发过程中费时费力，一旦出现业务需求变化，就必须频繁地进行前端和后台程序的调整，在后期维护过程中以及技术移交过程中都会存在极大的困难。

发明内容

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种前端表单配置化显示系统及其方法，以能够快速响应表单需求变化或定制化需求，提高开发效率、方便后期维护和移交。

本发明的目的可以通过以下技术方案来实现：一种前端表单配置化显示系统，包括前端页面和后台处理中心，所述后台处理中心包括配置化解析模块和数据库，所述前端页面与配置化解析模块相互连接，所述配置化解析模块与数据库相互连接，所述数据库内更新存储有字段参数配置表和数据信息存储表；

所述配置化解析模块用于将表单字段配置信息处理加工为存储信息，以及读取存储信息、并处理加工为前端显示表单；

所述前端页面用于进行选择表单标志操作、数据查询操作以及用于显示表单。

进一步地，所述字段参数配置表用于配置不同表单需要显示的字段，所述字段参数配置表内存储有不同字段对应的配置信息。

进一步地，所述数据信息存储表用于配置表单信息、字段信息以及存储不同字段对应的数据信息，从而建立表单、字段、数据信息之间的映射关系。

进一步地，所述字段参数配置表中存储的字段对应的配置信息包括字段所属表单标志、中文名称、英文名称、字段类型、是否展示、是否可为空、显示顺序。

进一步地，所述数据信息存储表中存储的字段对应的数据信息包括表单标志、数据主键、字段取值。

进一步地，所述配置化解析模块包括Java处理单元和VUE处理单元，所述Java处理单元用于从字段参数配置表读取表单字段的配置信息，包括表单信息及字段信息，以动态生成表单需要的展示字段；

所述VUE处理单元用于解析表单传入的数据信息，完成表单展示或者数据存储。

一种前端表单配置化显示方法，包括以下步骤：

S1、根据用户操作，前端页面将表单加工成包含每个字段实体的数组，并提交至配置化解析模块；

配置化解析模块获取数组后，根据字段在数据信息存储表中的存储顺序，通过反射机制，将对应的字段取值映射到数据信息存储实体，完成数据的保存工作；

S2、根据用户操作，配置化解析模块从前端页面获取待查询数据，根据表单标志以及数据的存储顺序，通过反射机制，将数据映射到每个字段取值；

再将所有字段组装成数组后返回给前端页面，前端页面根据返回的字段对象数组动态加载出表单用于显示。