(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221014546 0.8 (22)申请日 2022.02.17 (71)申请人 明度智云 （浙江） 科技有限公司 地址 310000 浙江省杭州市滨江区长河街 道江虹南路316号3号楼17层1701室 (72)发明人 吕国庆　王兴华　王永鸿　 (74)专利代理 机构 杭州合谱慧知识产权代理事 务所(特殊普通 合伙) 33290 专利代理师 张刚 (51)Int.Cl. G06F 8/38(2018.01) G06F 3/0482(2013.01) G06F 3/04847(2022.01) G06F 9/451(2018.01) (54)发明名称 基于VUE框架的表单自定义 开发方法和系统 (57)摘要 本发明公开了基于VUE框架的表单自定义开 发方法和系统， 通过新建数据模板， 并配置数据 模板编码、 名称和类型值； 然后添加表单上所需 呈现的数据模板字段信息， 根据不同的字段类型 来对应配置字段属性， 所述数据字段信息包括但 不限于文本字段组、 数值字段组和日期字段组。 在配置完 数据字段后保存数据到服务器， 并在用 户登录后向服务器发起请求， 获取所述数据模板 信息， 并通过循环遍历的方式补充router路由， 调用新增路由函数将动态路由绑定到系统的路 由库， vue根据最新路由更新菜单。 通过动态加载 功能菜单， 提供用户可自主配置功能菜单的功 能， 在系统原有菜单的基础上让用户自行定制化 创建需要的功能菜单， 从而满足用户的多元化需 求。 权利要求书2页 说明书8页 附图3页 CN 114564194 A 2022.05.31 CN 114564194 A 1.基于VUE 框架的表单自定义 开发方法， 其特 征在于， 包括如下步骤： S1， 新建一数据模板， 并配置数据模板编码、 名称和类型值， 当所述类型值为第一值时 用户完全自定义模板， 当所述类型值 为第二值时为基于系统菜单创建的模板； S2， 添加表单上所需呈现的数据模板字段信息， 根据不同的字段类型来对应配置字段 属性， 所述数据字段信息包括但不限于文本字段 组、 数值字段 组和日期字段 组， 其中所述文 本字段组包括但不限于关联字段、 关联模板、 检验类型、 最小输入长度值和最大输入长度 值， 所述数值字段 组包括但不限于 关联字段、 关联模板、 检验类型、 最小值和最大值， 所述关 联字段为当前字段的值可通过关联模板内的关联字段获取， 所述检验类型为用于配置正则 表表达式以辅助校验数据合法性， 所述关联模板为记录与当前字段相关联的字段所在模 板； S3， 配置完数据字段后， 保存数据到服 务器； S4， 在用户登录后向服务器发起请求， 获取所述数据模板信 息， 并通过循环遍历的方式 补充router路由， 调用新增路由函数将动态路由绑定到系统的路由库， vue根据最新路由更 新菜单。 2.根据权利要求1所述的基于VUE框架的表单自定义开发方法， 其特征在于， 所述数值 字段组还 包括公式字段， 所述 步骤S2包括： 获取完成配置的公式字段内容， 对公式字段内容进行识别分类， 提取第 一类特征、 第二 类特征和 第三类特征， 所述第一类特征为字段名称， 所述第二类特征为 公式符合， 所述第三 类特征为前后均为公式符号的数字、 或位于首尾部且另一侧为公式符号的数字； 获取公式内第 一类特征所对应字段内容的最大值和最小值限定的取值空间， 将各字段 的取值空间代入公式中进 行计算获取该公式的取值区域， 如果该取值区域在本数值字段 组 设置的最大值和最小值之外， 则发出 该公式字段 出错通知。 3.根据权利要求2所述的基于VUE框架的表单自定义开发方法， 其特征在于， 所述步骤 S2还包括： 判断公式字段内容中的各第一类特征是否均对应有 该数据模板或其它数据模板 中已预存的匹配字段， 若存在则调取第一类特征所匹配字段的对应赋值， 将所述赋值代入 公式信息内计算获取公式字段最终值。 4.根据权利要求3所述的基于VUE框架的表单自定义开发方法， 其特征在于， 所述步骤 S2还具体包括： 在公式字段内输入一第 二类特征后就对位于该第 二类特征前的第 一类特征进行判断， 如该第一类特征为本数据模板的预存字段名称， 则获取本数据模板的关联字段和关联模板 信息， 将所述关联模板中的对应关联字段名称作为可选字段组生成推荐字段名称列表， 并 对所选定的推荐字段名称列表中的字段名称自动添加至该第二类特 征后部。 5.根据权利要求4所述的基于VUE框架的表单自定义开发方法， 其特征在于， 所述步骤 S2还具体包括： 判断第一类特征是否对应数据模板或其它数据模板 中已预存的匹配字段， 如具有对应 匹配字段则调取第一类特 征所匹配字段的对应赋值； 否则判断该第 一类特征对应字段是否属于文本字段组， 如果属于文本字段组则则获取 该字段预设范围内的属于数值字段 组的各字段名称， 并将这些字段名称组成可选字段组生 成推荐替换列表；权　利　要　求　书 1/2 页 2 CN 114564194 A 2如果第一类特征对应字段在本数据模板或其它数据模板中均不存在， 则 输出字段名称 错误通知， 并获取本模板内其余属于数值字段 组的各字段名称以及关联模板中属于数值字 段组的各字段名称组成可选 字段组生成推荐替换列表。 6.一种基于VUE 框架的表单自定义 开发系统， 其特 征在于， 包括： 数据模板构建模块， 用于新建一数据模板， 并配置数据模板编码、 名称和类型值， 当所 述类型值为第一值时为用户完全自定义模板， 当所述类型值为第二值时为基于系统菜单创 建的模板； 字段信息添加模块， 用于添加表单上所需呈现的数据模板字段信息， 根据不同的字段 类型来对应配置字段属 性， 所述数据字段信息包括但不限于文本字段组、 数值字段组和日 期字段组， 其中所述文本字段组包括但不限于关联字段、 关联模板、 检验类型、 最小输入长 度值和最大输入长度值， 所述数值字段组包括但不限于关联字段、 关联模板、 检验类型、 最 小值和最大值， 所述关联字段为当前字段的值可通过关联模板内的关联字段获取， 所述检 验类型为用于配置正则表表达式以辅助校验数据合法性， 所述关联模板为记录与当前字段 相关联的字段 所在模板； 存储模块， 用于在配置 完数据字段后， 将数据保存到服 务器； 菜单更新模块， 用于在用户登录后向服务器发起请求， 获取所述数据模板信息， 并通过 循环遍历的方式补 充router路由， 调用新增路由函数将动态路由绑定到系统的路由库， vu e 根据最新路由更新菜单。 7.根据权利要求6所述的基于VUE框架的表单自定义开发系统， 其特征在于， 所述数值 字段组还包括公式字段， 所述字段信息添加模块还被配置为获取完成配置的公式字段内 容， 对公式字段内容进行识别分类， 提取第一类特征、 第二类特征和第三类特征， 所述第一 类特征为字段名称， 所述第二类特征为公式符合， 所述第三类特征为前后均为公式符号的 数字、 或位于首尾部且另一侧 为公式符号的数字； 获取公式内第一类特征所对应字段内容 的最大值和最小值限定的取值空间， 将各字段的取值空间代入公式中进 行计算获取该公式 的取值区域， 如果该取值区域在本数值字段组设置的最大值和最小值之外， 则发出该公式 字段出错通知。 8.根据权利要求7所述的基于VUE框架的表单自定义开发系统， 其特征在于： 所述字段 信息添加模块还被配置为判断公式字段内容中的各第一类特征是否均对应有该数据模板 或其它数据模板中已预存的匹配字段， 若存在则调取第一类特征所匹配字段 的对应赋值， 将所述赋值代入公式信息内计算获取公式字段最终值。 9.根据权利要求8所述的基于VUE框架的表单自定义开发系统， 其特征在于： 所述字段 信息添加模块还被配置为在公式字段内输入一第二类特征后就对位于该第二类特征前的 第一类特征进行判断， 如该第一类特征为本数据模板的预存字段名称， 则获取本数据模板 的关联字段和关联模板信息， 将所述关联模板中的对应关联字段名称作为可选字段 组生成 推荐字段名称列 表， 并对所选定的推荐字段名称列 表中的字段名称自动添加至该第二类特 征后部。 10.一种基于VUE框架的表单自定义开发装置， 包括存储器、 处理器以及存储在所述存 储器中并可在所述处理器上运行 的计算机程序， 其特征在于： 所述处理器执行所述计算机 程序时实现如权利要求1 ‑5任一所述方法的步骤。权　利　要　求　书 2/2 页 3 CN 114564194 A 3