基于Vue的表单生成方法及装置.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115658060A(43)申请公布日2023.01.31(21)申请号202211365800.4(22)申请日2022.10.31(71)申请人江苏税软软件科技有限公司地址214000江苏省无锡市新吴区菱湖大道111号软件园天鹅座A座1层(72)发明人黄听杨智敏(74)专利代理机构无锡华源专利商标事务所(普通合伙)32228专利代理师过顾佳(51)Int.Cl.G06F8/38(2018.01)G06F8/36(2018.01)权利要求书2页说明书7页附图1页(54)发明名称基于Vue的表单生成方法及装置(57)摘要本申请涉及一种基于Vue的表单生成方法及装置。其包括：对所创建组件页面的一父组件，配置所述父组件的表单信息，对父组件的表单信息的表单组件结构信息解析，以得到与父组件双向绑定的表单绑定对象model以及用于动态检验的动态生成检验规则，其中，利用动态生成检验规则动态检验后生成相应的Validate校验数组，基于表单绑定对象model确定父组件的渲染格栅布局，且基于Validate校验数组与所确定渲染格栅的布局生成待渲染的表单组件；对生成待渲染的表单组件，利用Vue进行渲染，以在组件页面上生成所需表单的父组件。本申请能高效进行系统开发中的表单生成，提高表单生成时的可扩展性与可维护性。CN115658060ACN115658060A权利要求书1/2页1.一种基于Vue的表单生成方法，其特征是，所述表单生成方法包括：创建基于Vue的组件页面；对所创建组件页面的一父组件，配置所述父组件的表单信息，其中，所配置父组件的表单信息包括用于配置父组件表单信息的表单组件结构信息；对父组件的表单信息的表单组件结构信息解析，以得到与父组件双向绑定的表单绑定对象model以及用于动态检验的动态生成检验规则，其中，利用动态生成检验规则动态检验后生成相应的Validate校验数组，基于表单绑定对象model确定父组件的渲染格栅布局，且基于Validate校验数组与所确定渲染格栅的布局生成待渲染的表单组件；对生成待渲染的表单组件，利用Vue进行渲染，以在组件页面上生成所需表单的父组件。2.根据权利要求1所述基于Vue的表单生成方法，其特征是：对配置父组件的表单信息，所述表单组件结构信息为基于JSON的表单组件结构信息；基于JSON的表单组件结构信息通过config信息传递至对应的父组件，Vue通过props获取父组件传递包含基于JSON的表单组件结构信息的config对象，并对所获取的config对象解析。3.根据权利要求2所述基于Vue的表单生成方法，其特征是：对表单绑定对象model，包括表单元素配置信息组，其中，表单元素配置信息组包括若干相互独立的表单元素配置信息item以及与所述表单元素配置信息item对应的表单元素匹配itemKey；表单元素配置信息组内的表单元素配置信息item包括显示名称label、表单元素属性props、元素事件listeners、元素默认值default、元素自定义栅格Col、元素显示规则showRule、自定义元素插槽名称soltName和/或特定集合元素的数据集options。4.根据权利要求3所述基于Vue的表单生成方法，其特征是：对动态生成检验规则，利用一表单元素匹配itemKey匹配表单元素的props校验规则，其中，所述动态生成检验规则包括内置校验规则，所述内置校验规则包括是否必填校验required、是否中文校验chinese、输入类型校验inputType和/或最大输入长度校验maxLength。5.根据权利要求3所述基于Vue的表单生成方法，其特征是：对config对象解析生成绑定对象model时，遍历表单元素配置信息组内的每个表单元素配置信息item，以解析每个表单元素配置信息item中对应的自定义属性；当解析到指定表单元素配置信息item的属性时，先通过所述表单元素配置信息item的表单元素匹配itemKey在动态生成检验规则中匹配校验规则，并将动态生成检验规则中的校验规则信息添加到表单元素配置信息item的属性中。6.根据权利要求4所述基于Vue的表单生成方法，其特征是，对解析得到的动态生成校验规则，则有：动态生成校验规则为非空时，则遍历动态生成校验规则，以判断所述动态生成校验规则内的任一校验规则是否为内置校验规则；当一校验规则为内置校验规则时，则将当前校验规则生成并返回validate对象，然后将validate对象加入到validates校验数组中；2CN115658060A权利要求书2/2页当一校验规则为非内置校验规则时，获取传入的自定义校验规则对象，然后将自定义的校验规则对象加入到validates校验数组中。7.根