[发明专利]一种前端表单配置化显示系统及其方法在审
申请号: | 202210110033.6 | 申请日: | 2022-01-29 |
公开(公告)号: | CN114528009A | 公开(公告)日: | 2022-05-24 |
发明(设计)人: | 赵陈红;欧阳小兵;司倍敏;熊柄铸;陈泽艇;范园;马倩昱;谢裕;朱煜 | 申请(专利权)人: | 中银金融科技有限公司 |
主分类号: | G06F8/71 | 分类号: | G06F8/71 |
代理公司: | 上海科盛知识产权代理有限公司 31225 | 代理人: | 叶敏华 |
地址: | 200120 上海市浦东新区中国(*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 前端 表单 配置 显示 系统 及其 方法 | ||
1.一种前端表单配置化显示系统,其特征在于,包括前端页面(1)和后台处理中心(2),所述后台处理中心(2)包括配置化解析模块(21)和数据库(22),所述前端页面(1)与配置化解析模块(21)相互连接,所述配置化解析模块(21)与数据库(22)相互连接,所述数据库(22)内更新存储有字段参数配置表和数据信息存储表;
所述配置化解析模块(21)用于将表单字段配置信息处理加工为存储信息,以及读取存储信息、并处理加工为前端显示表单;
所述前端页面(1)用于进行选择表单标志操作、数据查询操作以及用于显示表单。
2.根据权利要求1所述的一种前端表单配置化显示系统,其特征在于,所述字段参数配置表用于配置不同表单需要显示的字段,所述字段参数配置表内存储有不同字段对应的配置信息。
3.根据权利要求2所述的一种前端表单配置化显示系统,其特征在于,所述数据信息存储表用于配置表单信息、字段信息以及存储不同字段对应的数据信息,从而建立表单、字段、数据信息之间的映射关系。
4.根据权利要求2所述的一种前端表单配置化显示系统,其特征在于,所述字段参数配置表中存储的字段对应的配置信息包括字段所属表单标志、中文名称、英文名称、字段类型、是否展示、是否可为空、显示顺序。
5.根据权利要求3所述的一种前端表单配置化显示系统,其特征在于,所述数据信息存储表中存储的字段对应的数据信息包括表单标志、数据主键、字段取值。
6.根据权利要求1所述的一种前端表单配置化显示系统,其特征在于,所述配置化解析模块(21)包括Java处理单元(210)和VUE处理单元(211),所述Java处理单元(210)用于从字段参数配置表读取表单字段的配置信息,包括表单信息及字段信息,以动态生成表单需要的展示字段;
所述VUE处理单元(211)用于解析表单传入的数据信息,完成表单展示或者数据存储。
7.一种应用权利要求1所述前端表单配置化显示系统的前端表单配置化显示方法,其特征在于,包括以下步骤:
S1、根据用户操作,前端页面将表单加工成包含每个字段实体的数组,并提交至配置化解析模块;
配置化解析模块获取数组后,根据字段在数据信息存储表中的存储顺序,通过反射机制,将对应的字段取值映射到数据信息存储实体,完成数据的保存工作;
S2、根据用户操作,配置化解析模块从前端页面获取待查询数据,根据表单标志以及数据的存储顺序,通过反射机制,将数据映射到每个字段取值;
再将所有字段组装成数组后返回给前端页面,前端页面根据返回的字段对象数组动态加载出表单用于显示。
8.根据权利要求7所述的一种前端表单配置化显示方法,其特征在于,所述步骤S1的用户操作具体为选择表单标志,所述步骤S2的用户操作具体为选择需要查询的数据。
9.根据权利要求8所述的一种前端表单配置化显示方法,其特征在于,所述步骤S1具体包括以下步骤:
S11、配置化解析模块根据前端页面选择的表单标志,从数据库查询字段参数配置表,并返回前端页面所需要展示的表单字段;
S12、前端页面根据返回的字段动态展示出表单,之后提交表单内容,配置化解析模块根据获取的表单的字段数组,读取出表单标志信息;
S13、配置化解析模块根据字段在数据信息存储表中的存储顺序,通过反射机制,将对应的字段取值映射到数据信息存储实体;
S14、配置化解析模块处理得到数据的主键、表单标志、各字段的取值,完成数据的保存工作。
10.根据权利要求8所述的一种前端表单配置化显示方法,其特征在于,所述步骤S2具体包括以下步骤:
S21、配置化解析模块根据前端页面选择的需要查询的数据,从数据库查询数据信息存储表和字段参数配置表;
S22、配置化解析模块根据字段在数据信息存储表中的存储顺序,通过反射机制,将对应的字段取值映射到表单字段实体,组装成数组返回给前端页面;
S23、前端页面根据返回的字段数组,动态加载出表单用于显示。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中银金融科技有限公司,未经中银金融科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210110033.6/1.html,转载请声明来源钻瓜专利网。