System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种动态表单设计装置、方法、设备及存储介质制造方法及图纸_技高网

一种动态表单设计装置、方法、设备及存储介质制造方法及图纸

技术编号:42009005 阅读:30 留言:0更新日期:2024-07-12 12:29
本申请公开了一种动态表单设计装置、方法、设备及存储介质,涉及计算机技术领域,包括:表单字段配置模块,用于通过前端获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据;动态表单生成模块,用于通过后端获取所述表单字段配置模块发送的所述目标格式数据,并基于所述目标格式数据生成动态表单组件;页面渲染模块,用于获取所述动态表单生成模块发送的所述动态表单组件,并对所述动态表单组件中的要素信息进行渲染后,生成目标动态表单。这样一来,通过根据前端发送的数据在后端生成动态表单,可以降低动态表单代码生成难度、维护复杂度。

【技术实现步骤摘要】

本专利技术涉及计算机,特别涉及一种动态表单设计装置、方法、设备及存储介质


技术介绍

1、现有技术方案的维护动态表单方案存在以下几点缺陷:脚本配置的动态表单字段不灵活、前端代码维护困难、沟通成本增加、并行项目迭代都涉及到字段新增,页面会报错。整个动态表单的代码维护复杂且代码耦合度很高,维护成本逐渐增加、业务风险逐渐增加。因此,如何降低动态表单代码生成难度、维护复杂度是需要解决的


技术实现思路

1、有鉴于此,本专利技术的目的在于提供一种动态表单设计装置、方法、设备及存储介质,能够降低动态表单代码生成难度、维护复杂度。其具体方案如下:

2、第一方面,本申请公开了一种动态表单设计装置,包括:

3、表单字段配置模块,用于通过前端获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据;

4、动态表单生成模块,用于通过后端获取所述表单字段配置模块发送的所述目标格式数据,并基于所述目标格式数据生成动态表单组件;

5、页面渲染模块,用于获取所述动态表单生成模块发送的所述动态表单组件,并对所述动态表单组件中的要素信息进行渲染后,生成目标动态表单。

6、可选的,所述表单字段配置模块,包括:

7、脚本获取单元,用于基于设置在前端的预设数据接收接口获取json字符串脚本数据;所述json字符串脚本数据为基于预先设置的表单配置规则生成的配置数据。

8、可选的,所述动态表单生成模块,包括:>

9、对象创建单元,用于获取所述脚本获取单元发送的所述json字符串脚本数据,并基于所述json字符串脚本数据创建json对象;

10、表单组件生成子模块,用于通过后端的控件处理工具中获取json对象,并利用所述控件处理工具中的逻辑处理工具对所述json对象进行配置处理以生成动态表单组件。

11、可选的,所述表单组件生成子模块,还包括:

12、控件布局自适应单元,用于基于预设列数展示规则确定初始分辨率临界值并根据自定义设置指令对所述初始分辨率临界值进行修改,以利用修改后的分辨率临界值确定所述目标动态表单的展示规格;所述展示规格包括在预设可视化界面上展示所述目标动态表单的行列数和单元格规格。

13、可选的,所述表单组件生成子模块,包括:

14、基础属性配置单元,用于获取基础属性配置指令对所述json对象中基础属性的控件类型、基础字段的属性和控件options进行设置,并通过建立目标配置事件与onchange事件之间的绑定关系对组件事件类型进行设置,然后对组件置灰和目标特殊场景的组件数据类型进行设置以得到相应的动态表单组件。

15、可选的,所述表单组件生成子模块,包括:

16、控件套件属性配置单元,用于获取控件套件属性配置指令对所述json对象中form-item的基础字段、目标数据格式和目标业务场景对应的数据类型进行设置,并通过对支持字符类和函数类组件的限制实现对所述form-item的label信息的设置,然后通过控件自带校验规则和预设自定义校验规则对所述form-item的配置参数进行校验规则设置以得到相应的动态表单组件。

17、第二方面,本申请公开了一种动态表单设计方法,包括:

18、通过前端获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据;

19、通过后端并基于所述目标格式数据生成动态表单组件;

20、对所述动态表单组件中的要素信息进行渲染后,生成目标动态表单。

21、可选的,所述获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据,包括:

22、基于设置在前端的预设数据接收接口获取json字符串脚本数据;所述json字符串脚本数据为基于预先设置的表单配置规则生成的配置数据。

23、第三方面,本申请公开了一种电子设备,包括:

24、存储器,用于保存计算机程序;

25、处理器,用于执行所述计算机程序以实现前述的动态表单设计方法。

26、第四方面,本申请公开了一种计算机可读存储介质,用于保存计算机程序,所述计算机程序被处理器执行时实现前述的动态表单设计方法。

27、可见,本申请中,首先表单字段配置模块,用于通过前端获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据;动态表单生成模块,用于通过后端获取所述表单字段配置模块发送的所述目标格式数据,并基于所述目标格式数据生成动态表单组件;页面渲染模块,用于获取所述动态表单生成模块发送的所述动态表单组件,并对所述动态表单组件中的要素信息进行渲染后,生成目标动态表单。这样一来,通过动态表单生成模块对预先生成的目标格式数据进行处理,自动生成动态表单组件。这样一来,开发过程中不需要强依赖后端,通过前端的目标格式数据,开发过程中可以本地先引入实现功能,且不会因为后端脚本改动,前端代码没有提交,影响到其他开发页面报错。

本文档来自技高网...

【技术保护点】

1.一种动态表单设计装置,其特征在于,包括:

2.根据权利要求1所述的动态表单设计装置,其特征在于,所述表单字段配置模块,包括:

3.根据权利要求2所述的动态表单设计装置,其特征在于,所述动态表单生成模块,包括:

4.根据权利要求3所述的动态表单设计装置,其特征在于,所述表单组件生成子模块,还包括:

5.根据权利要求3所述的动态表单设计装置,其特征在于,所述表单组件生成子模块,包括:

6.根据权利要求3所述的动态表单设计装置,其特征在于,所述表单组件生成子模块,包括:

7.一种动态表单设计方法,其特征在于,包括:

8.根据权利要求7所述的动态表单设计方法,其特征在于,所述获取预先生成的目标格式数据;所述目标格式数据为基于预先设置的表单配置规则生成的配置数据,包括:

9.一种电子设备,其特征在于,包括:

10.一种计算机可读存储介质,其特征在于,用于保存计算机程序,所述计算机程序被处理器执行时实现如权利要求7或8所述的动态表单设计方法。

【技术特征摘要】

1.一种动态表单设计装置,其特征在于,包括:

2.根据权利要求1所述的动态表单设计装置,其特征在于,所述表单字段配置模块,包括:

3.根据权利要求2所述的动态表单设计装置,其特征在于,所述动态表单生成模块,包括:

4.根据权利要求3所述的动态表单设计装置,其特征在于,所述表单组件生成子模块,还包括:

5.根据权利要求3所述的动态表单设计装置,其特征在于,所述表单组件生成子模块,包括:

6.根据权利要求3所述的动态表...

【专利技术属性】
技术研发人员:龙海兰曾美婷
申请(专利权)人:招银云创信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1