(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210146314.7 (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) G06F 9/455(2006.01) (54)发明名称 一种基于VUE框架的系统菜单生成方法、 装 置和存储介质 (57)摘要 本发明公开了一种基于VUE框架的系统菜单 生成方法、 装置和存储介质， 根据用户登录请求 获取对应数据模板信息， 根据数据模板信息通过 循环遍历的方式补充路由， 调用新增路由函数来 将动态路由绑定到系统的路由库， vue根据最新 路由更新菜 单； 并根据用户点击事件配置脚本文 件， 然后根据配置脚本文件中第一字段赋值来判 断菜单呈现框架， 若第一字段为第一值则搭建表 单显示， 否则搭建表格显示， 并根据其它字段信 息对菜单呈现框架内数据进行填充。 通过动态加 载功能菜单， 提供用户可自主配置功能菜单的功 能， 在系统原有菜单的基础上让用户自行定制化 创建需要的功能菜单， 从而满足用户的多元化需 求。 权利要求书2页 说明书8页 附图3页 CN 114564196 A 2022.05.31 CN 114564196 A 1.一种基于VUE 框架的系统菜单生成方法， 其特 征在于， 包括如下步骤： S1， 根据用户登录请求获取对应数据模板信息， 根据数据模板信息通过循环遍历的方 式补充router路由， 调用新增路由函数， 将动态路由绑定到系统的路由库， vue根据最新路 由更新菜单； S2， 根据用户点击事件， 调用mixin ‑template.js配置脚本文件， 所述配置脚本文件根 据数据字段信息来搭建用户处 理界面， 并配置正则校验来限制界面输入； S3， 根据配置脚本文件中第一字段赋值来判断菜单呈现框架， 若第一字段为第一值则 使用template ‑form‑item动态表单组件搭建表单显示， 否则使用IVIEW的表格组件动态创 建表格columns信息来搭建表格显示， 并根据其它字段信息对菜单呈现框架 内数据进行填 充。 2.根据权利要求1所述的基于VUE框架的系统菜单生成方法， 其特征在于： 所述数据字 段信息包括但不限于文本字段组、 数值字段组和日期字段组， 其中所述文本字段组包括但 不限于关联字段、 关联数据模板、 检验类型、 最小长度值和最大长度值， 所述数值字段组包 括但不限于关联字段、 关联数据模板、 检验类型、 最小值和最大值， 所述关联字段为当前字 段的值可通过关联数据模板内的关联字段获取， 所述检验类型为用于配置正则表表达式以 辅助校验数据合法性， 所述关联 数据模板为记录与当前字段相关联的字段 所在模板 。 3.根据权利要求2所述的基于VUE框架的系统菜单生成方法， 其特征在于， 所述步骤S3 还包括： S31， 提取配置脚本文件中的第二字段内公式信息， 对公式信息内信息进行识别分类， 提取第一类特征、 第二类特征和 第三类特征， 所述第一类特征为字段名称， 所述第二类特征 为公式符合， 所述第三类特征为前后均为运算符号的数字、 或位于首尾部且另一侧 为运算 符号的数字； S32， 判断第 一类特征是否对应该数据模板或其它数据模板中已预存的匹配字段， 若存 在则调取第一类特征所匹配字段的对应赋值， 将所述赋值代入公式信息内计算获取第二字 段最终数据。 4.根据权利 要求3所述的基于VUE框架的系统菜单生成方法， 其特征在于， 所述步骤S32 还包括： S321， 判断第一类特征是否对应数据模板或其它数据模板中已预存的匹配字段， 如具 有对应匹配字段则调取第一类特 征所匹配字段的对应赋值； S322， 否则判断该第一类特征对应字段是否属于文本字段组， 如果属于文本字段组则 获取该字段预设范围内的属于数值字段 组的各字段名称， 并将这些字段名称组成可选字段 组生成推荐替换列表； S323， 如果第一类特征对应字段在本数据模板或其它数据模板中均不存在， 则输出字 段名称错误通知， 并获取本模板内其余属于数值字段组的各字段名称以及关联数据模板中 属于数值字段组的各字段名称组成可选 字段组生成推荐替换列表。 5.根据权利要求4所述的基于VUE框架的系统菜单生成方法， 其特征在于， 所述步骤S3 还包括： 在提取配置脚本文件中的第 三字段内关联字段名称后， 搜寻并获取该配置脚本文件中 的第四字段内的关联数据模板信息， 查找位于所述关联数据模板中的关联字段名称并将该权　利　要　求　书 1/2 页 2 CN 114564196 A 2关联字段名称内对应值赋予第三字段。 6.一种基于VUE 框架的系统菜单生成装置， 其特 征在于， 包括： 菜单更新模块， 用于根据用户登录请求获取对应数据模板信息， 根据数据模板信息通 过循环遍历的方式补 充router路由， 调用新增路由函数， 将动态路由绑定到系统的路由库， vue根据最 新路由更新菜单； 配置脚本文件调用模块， 用于根据用户点击事件， 调用mixin ‑template.js配置脚本文 件， 所述配置脚本文件根据数据字段信息来搭建用户处理界面， 并配置正则校验来限制界 面输入； 菜单呈现模块， 用于根据配置脚本文件中第一字段赋值来判断菜单呈现框架， 若第一 字段为第一值则使用template ‑form‑item动态表单组件搭建表单显示， 否则使用IVIEW的 表格组件动态创建表格columns信息来搭建表格显示， 并根据其它字段信息对菜单呈现框 架内数据进行填充。 7.根据权利要求6所述的基于VUE框架的系统菜单生成装置， 其特征在于： 所述数据字 段信息包括但不限于文本字段组、 数值字段组和日期字段组， 其中所述文本字段组包括但 不限于关联字段、 关联数据模板、 检验类型、 最小长度值和最大长度值， 所述数值字段组包 括但不限于关联字段、 关联数据模板、 检验类型、 最小值和最大值， 所述关联字段为当前字 段的值可通过关联数据模板内的关联字段获取， 所述检验类型为用于配置正则表表达式以 辅助校验数据合法性， 所述关联 数据模板为记录与当前字段相关联的字段 所在模板 。 8.根据权利要求7所述的基于VUE框架的系统菜单生成装置， ， 其特征在于， 所述菜单呈 现模块还 包括： 公式识别模块， 用于提取配置脚本文件中的第二字段内公式信息， 对公式信息内信息 进行识别分类， 提取第一类特征、 第二类特征和第三类特征， 所述第一类特征为字段名称， 所述第二类特征为公式符合， 所述第三类特征为前后均为运算符号的数字、 或位于首尾部 且另一侧为 运算符号的数字； 字段匹配模块， 用于判断第 一类特征是否对应该数据模板或其它数据模板 中已预存的 匹配字段， 若存在则调 取第一类特征所匹配字段的对应赋值， 将所述赋值代入公式信息内 计算获取第二字段最终数据。 9.一种服务器， 包括存储器、 处理器以及存储在所述存储器中并可在所述处理器上运 行的计算机程序， 其特征在于： 所述处理器执行所述计算机程序时实现如权利要求 1‑5任一 所述方法的步骤。 10.一种计算机可读存储介质， 所述计算机可读存储介质存储有计算机程序， 其特征在 于： 所述计算机程序被处 理器执行时实现如权利要求1 ‑5任一所述方法的步骤。权　利　要　求　书 2/2 页 3 CN 114564196 A 3