(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211018166.7 (22)申请日 2022.08.24 (71)申请人 中电莱斯信息系统有限公司 地址 210000 江苏省南京市秦淮区苜蓿园 东街1号 (72)发明人 王琮　陈鹏　王妍妍　朱翔鹰　 邵聪　 (74)专利代理 机构 江苏圣典律师事务所 32 237 专利代理师 胡建华 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/30(2018.01) G06F 9/451(2018.01) G06F 16/958(2019.01) (54)发明名称 一种基于数据驱动的动态 表单生成方法 (57)摘要 本发明公开了一种基于数据驱动 的动态表 单生成方法， 包括步骤1， 后端确定动态表单中控 件信息以及控件组合顺序， 所述控件信息包括控 件类型、 属性和校验条件； 步骤2， 制定动态表单 数据格式， 后端将待生成动态表单使用的控件组 合转化为数据表， 组织成为JSON标准格式数据； 步骤3， 前端获取所述JSON标准格式数据， 进行表 单渲染， 生成动态表单。 该方法由后端提供数据， 驱动前端渲染表单控件组合的处理方式， 比较好 的解决了 各类表单控件变化的需求， 解决了表单 使用场景未知、 表单数目未知、 表单控件组合未 知的情况， 能够应对动态表单复杂变化的需求， 更加灵活通用。 权利要求书2页 说明书10页 附图1页 CN 115495072 A 2022.12.20 CN 115495072 A 1.一种基于数据驱动的动态 表单生成方法， 其特 征在于， 包括以下步骤： 步骤1， 后端确定动态表单中控件信息以及控件组合顺序， 所述控件信息包括控件类 型、 属性和校验条件； 步骤2， 制定动态表单数据格式， 后端将待生成动态表单使用的控件组合转化为数据 表， 组织成为JSON标准格式数据； 步骤3， 前端获取 所述JSON标准格式数据， 进行表单渲染， 生成动态 表单。 2.根据权利要求1所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 所述步 骤3中进行表单渲染前， 根据控 件类型， 选择渲染方式， 包括： 若控件属于MVVM框架类型， 采用动态 组件的方式， 直接渲染该控件， 并绑定相应的属性 信息和校验条件信息； 若控件不属于MVVM框架类型， 根据该控件定义不同控件类型的方式， 通过动态绑定的 方式， 绑定控件的类型、 属性和校验条件信息， 在DOM更新循环结束之后重新解析DOM， 渲染 为对应的控 件。 3.根据权利要求2所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤2 中所述JSON标准格式数据包括dictionary、 dataFrame和data三个部分， 其中 dictionary部 分表示动态表单中用到的字典表以及 级联控件的数据， dataFrame部分表 示动态表单框架， data部分表示动态 表单的数据。 4.根据权利要求3所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤2 中所述JS ON标准格式数据中的dataFrame部分包括field、 name、 disabled、 type、 required 和maxlength字段， field字段是表单元素的唯一标识， 用来对应字典表、 级 联数据或树形控 件数据的渲 染， 以及和表单数据的对应； name字段表 示表单元素名称， type字段表 示表单元 素对应控件类型， disabled字段表示禁用属性， require字段表示必填属性， maxlengt h字段 表示最大输入属性。 5.根据权利要求4所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 所述步 骤3中进行表单渲染， 生成动态 表单， 包括以下步骤： 步骤3.1， 获取 所有字典表并保存， 找到对应的表单 元素赋字典值； 步骤3.2， 根据所述JS ON标准格式数据中的表单元素先后顺序， 通过动态组件或动态绑 定控件类名的方式渲染不同类型的表单控 件， 添加表单 元素的特定属性和校验信息； 步骤3.3， 根据所述JSON标准格式数据中data部分的数据， 给对应表单元素的控件赋 值， 进行表单渲染， 生成动态 表单。 6.根据权利要求5所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤2 中所述JSON标准格式数据中的dictionary部分的字典表遵循key和value键值对的标准形 式， 级联数据遵循value、 label和c hildren标准字段的形式。 7.根据权利要求6所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤 3.1中找到对应的表单元素赋字典值包括当表单元素渲染为下拉框或者级联控件时， 依据 其field字段值， 在dicti onary部分取 得相应字典表或级联控 件的数据。 8.根据权利要求7所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤 3.3包括依据data部分的属性， 对应到dataFrame部分控件的field字段值， 将数据赋予控 件， 完成字典表渲染。权　利　要　求　书 1/2 页 2 CN 115495072 A 29.根据权利要求8所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤1 中控件信息包括MVVM框架类型的控件信息， 其中控件类型包括文本输入框Inpute、 单选框 Radio、 多选框Checkbox、 开关选择器Switch、 单选多选下拉框Select、 日期选择器 DatePicker、 时间选择器TimePicker、 级联选择器Cascader和数字输入框InputNumber， 属 性包括是否可用di sabled、 只读readonly、 是否可清空clearable、 控件大小siz e、 空白占位 文本placeholder和是否支持多选multiple， 校验条件包括是否必填required和最长输入 字符maxlength 。 10.根据权利要求9所述的一种基于数据驱动的动态表单生成方法， 其特征在于， 步骤1 中控件信息还包括不属于MVVM类控件类型的控件信息， 其中控件类型包括文本输入框 textbox、 下拉选择框combobox、 单选框radiobuttonlist、 多选框checkbox、 日期选择器 datepicker、 数字输入框spinner和级联选择器treeselect， 属性包 括是否可用enabled、 空 白占位文本emptyText和是否支持多选multiSelect， 校验条件包括是否必填required和最 长输入字符maxlength 。权　利　要　求　书 2/2 页 3 CN 115495072 A 3