(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211048060.1 (22)申请日 2022.08.30 (71)申请人 上海迪塔班克数据科技有限公司 地址 201805 上海市嘉定区南 安路188号 16-1 (72)发明人 邓俊宇　柯廷文　施伟章　孟素文　 (74)专利代理 机构 上海硕力知识产权代理事务 所(普通合伙) 31251 专利代理师 童素珠 (51)Int.Cl. G06F 40/18(2020.01) G06F 40/183(2020.01) G06F 9/445(2018.01) (54)发明名称 一种基于ElementUI的可配置动态表单的生 成方法及装置 (57)摘要 本发明提供一种基于ElementU I的可配置动 态表单的生成方法， 包括步骤： 创建组件文件， 对 ElementU I表单进行封装； 基于 预设数据配置， 对 所述ElementUI表单的数据进行初始化； 基于预 设功能配置， 对所述ElementUI表单的子组件进 行动态配置。 本发明对ElementUI表单进行二次 开发， 对文本框、 下拉框、 数字框等组件进行封 装， 实现表单的可配置化开发， 减少业务功能开 发中的代码量， 从而提高代码质量， 提高样式统 一性， 提高代码可维护性， 降低文 件大小。 权利要求书1页 说明书12页 附图2页 CN 115358199 A 2022.11.18 CN 115358199 A 1.一种基于 ElementUI的可配置动态 表单的生成方法， 其特 征在于， 包括 步骤： 创建组件文件， 对ElementUI表单进行封装； 基于预设数据配置， 对所述ElementUI表单的数据进行初始化； 基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置 。 2.根据权利要求1所述的基于ElementUI的可配置动态表单的生成方法， 其特征在于， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置， 包括： 基于预设渲染配置， 识别出 所述ElementUI的子组件类型， 对所述子组件进行渲染。 3.根据权利要求1所述的基于ElementUI的可配置动态表单的生成方法， 其特征在于， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置， 包括： 基于预设校验配置， 识别出 是否有校验规则的子组件。 4.根据权利要求1所述的基于ElementUI的可配置动态表单的生成方法， 其特征在于， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置， 包括： 基于预设选项重 置配置， 重 置所述子组件的选项数据和所述子组件的状态数据。 5.根据权利要求1所述的基于ElementUI的可配置动态表单的生成方法， 其特征在于， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置， 包括： 基于预设获取配置， 获取字段名， 并过 滤出所述字段名对应的所述子组件的数据。 6.一种基于 ElementUI的可配置动态 表单的生成装置， 其特 征在于， 包括： 创建模块， 用于创建组件文件， 对ElementUI表单进行封装； 初始化模块， 用于基于预设数据配置， 对所述ElementUI表单的数据进行初始化； 配置模块， 用于基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置 。 7.根据权利要求6所述的基于ElementUI的可配置动态表单的生成装置， 其特征在于， 所述配置模块， 用于： 基于预设渲染配置， 识别出 所述ElementUI的子组件类型， 对所述子组件进行渲染。 8.根据权利要求6所述的基于ElementUI的可配置动态表单的生成装置， 其特征在于， 所述配置模块， 用于： 基于预设校验配置， 识别出 是否有校验规则的子组件。 9.根据权利要求6所述的基于ElementUI的可配置动态表单的生成装置， 其特征在于， 所述配置模块， 用于： 基于预设选项重 置配置， 重 置所述子组件的选项数据和所述子组件的状态数据。 10.根据权利 要求6所述的基于ElementUI的可配置动态表单的生成方法， 其特征在于， 所述配置模块， 用于： 基于预设获取配置， 获取字段名， 并过 滤出所述字段名对应的所述子组件的数据。权　利　要　求　书 1/1 页 2 CN 115358199 A 2一种基于ElementUI的可配置动态表单的生成方 法及装置 技术领域 [0001]本发明涉及前端技术领域， 尤指一种基于ElementUI 的可配置动态表单的生成方 法及装置 。 背景技术 [0002]目前， 开发表单功能时， 会存在相同的样式布局， 不同的开发人员代码风格不统 一， 相同的功能逻辑， 在每个业务功能中都存在。 但是， 这种方式有以下缺点： 代码风格不统 一、 代码量冗余、 功能维护难、 开发效率低。 发明内容 [0003]本发明为了解决上述难题， 本发明是通过以下技 术实现的： [0004]一种基于 ElementUI的可配置动态 表单的生成方法， 包括 步骤： [0005]创建组件文件， 对ElementUI表单进行封装； [0006]基于预设数据配置， 对所述ElementUI表单的数据进行初始化； [0007]基于预设功能配置， 对所述ElementUI表单的子组件进行动态配置 。 [0008]在一些实施例中， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动 态配置， 包括： [0009]基于预设渲染配置， 识别出所述ElementUI的子组件类型， 对所述子组件进行渲 染。 [0010]在一些实施例中， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动 态配置， 包括： [0011]基于预设校验配置， 识别出 是否有校验规则的子组件。 [0012]在一些实施例中， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动 态配置， 包括： [0013]基于预设选项重 置配置， 重 置所述子组件的选项数据和所述子组件的状态数据。 [0014]在一些实施例中， 所述基于预设功能配置， 对所述ElementUI表单的子组件进行动 态配置， 包括： [0015]基于预设获取配置， 获取字段名， 并过 滤出所述字段名对应的所述子组件的数据。 [0016]一种基于 ElementUI的可配置动态 表单的生成装置， 包括： [0017]创建模块， 用于创建组件文件， 对ElementUI表单进行封装； [0018]初始化模块， 用于基于预设数据配置， 对所述ElementUI表单的数据进行初始化； [0019]配置模块， 用于基于预设功能配置， 对所述ElementUI表单的子组件进行动态配 置。 [0020]在一些实施例中， 所述配置模块， 用于： [0021]基于预设渲染配置， 识别出所述ElementUI的子组件类型， 对所述子组件进行渲 染。说　明　书 1/12 页 3 CN 115358199 A 3