基于React的可视化表单生成方法及系统技术方案

本发明专利技术实施例提供一种基于React的可视化表单生成方法及系统，该方法包括：根据预设表单配置信息，确定对应的表单元素组件和表单元素属性；基于React技术，根据所述表单元素组件和所述表单元素属性，生成所述预设表单配置信息对应的表单。本发明专利技术实施例通过React技术，灵活便捷的配置用户所需要的表单，具有配置灵活，操作方便，易于维护和易于扩展等特点。

【技术实现步骤摘要】
基于React的可视化表单生成方法及系统
本专利技术涉及可视化表单数据管理
，尤其涉及一种基于React的可视化表单生成方法及系统。
技术介绍
随着WEB技术的发展，在日常工作中，随处可见各种填写表单的场景。而表单都是由若干内容和格式不同的表单元素构成，通过运维人员填写对应的表单即可发起相应的流程。现有表单一般是两种形式：1、针对表单内容，进行定制开发，即每个表单都需要开发相关的数据模型和表单呈现；2、提供一套或多套表单模版，运维人员根据需要去选择模版，配置相应的表单，构成一张新的表单。然而，现有的表单形式，已经不能满足现在越来越多的表单需求。现有技术方案缺点主要为：1、针对单一表单定制开发，工作量大，不易于维护；2、针对提供表单模版，存在表单模版需要预定义，配置灵活度低，预定义模版与用户实际需求可能存在差异。因此，现在亟需一种基于React的可视化表单生成方法及系统来解决上述问题。
技术实现思路
针对现有技术存在的问题，本专利技术实施例提供一种基于React的可视化表单生成方法及系统。本文档来自技高网...

【技术保护点】
1.一种基于React的可视化表单生成方法，其特征在于，包括：/n根据预设表单配置信息，确定对应的表单元素组件和表单元素属性；/n基于React技术，根据所述表单元素组件和所述表单元素属性，生成所述预设表单配置信息对应的表单。/n

【技术特征摘要】
1.一种基于React的可视化表单生成方法，其特征在于，包括：
根据预设表单配置信息，确定对应的表单元素组件和表单元素属性；
基于React技术，根据所述表单元素组件和所述表单元素属性，生成所述预设表单配置信息对应的表单。


2.根据权利要求1所述的基于React的可视化表单生成方法，其特征在于，在所述基于React技术，根据所述表单元素组件和所述表单元素属性，生成所述预设表单配置信息对应的表单之后，所述方法还包括：
通过React技术，对所述表单进行编辑，并将编辑后的表单进行显示。


3.根据权利要求2所述的基于React的可视化表单生成方法，其特征在于，所述通过React技术，对所述表单进行编辑，并将编辑后的表单进行显示，包括：
获取扩展属性信息；
根据所述扩展属性信息，确定对应的表单元素扩展组件和表单元素扩展属性；
基于React技术，根据所述表单元素扩展组件和所述表单元素扩展属性，对所述表单进行编辑，得到编辑后的表单；
将所述编辑后的表单进行显示。


4.根据权利要求1所述的基于React的可视化表单生成方法，其特征在于，所述表单元素组件包括基础组件字段、高级组件字段和布局组件字段；所述表单元素属性包括字段属性和表单属性。


5.根据权利要求1所述的基于React的可视化表单生...

【专利技术属性】
技术研发人员：白志凌，涂美政，戴相龙，李继鸿，
申请(专利权)人：北京北信源软件股份有限公司，
类型：发明
国别省市：北京;11