若依（ruoyi）框架：如何实现灵活自定义路由配置(若依框架是什么框架)

编辑：rootadmin

若依（ruoyi）框架：如何实现灵活自定义路由配置如何灵活自定义路由配置业务背景如何实现方式一：直接在前端路由表（router/index.js）里面某个路由的meta属性里面配置。方式二：在后台返回动态路由的接口中组装meta信息如何改造效果展示使用方法总结业务背景

推荐整理分享若依（ruoyi）框架：如何实现灵活自定义路由配置(若依框架是什么框架)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:若依idea,若依框架是什么框架,若依框架好用吗,若依框架简介,若依框架是谁家的,若依框架是干嘛的,若依框架简介,若依框架系列视频教程,内容如对您有帮助，希望把文章链接给更多的朋友！

随着项目的深入开发，我们可能会对路由做特殊化处理。比如：访问路由A时需要传入routerType=A，前端会根据routerType=A做一些特殊的处理。

如何实现方式一：直接在前端路由表（router/index.js）里面某个路由的meta属性里面配置。若依（ruoyi）框架：如何实现灵活自定义路由配置(若依框架是什么框架)

这种方法可用于公共路由或固定路由中，而现实开发过程中我们经常遇到的对某个菜单路由的做特殊化处理。还有经常遇到对动态路由的特殊化处理。所以就需要第二种方式。

方式二：在后台返回动态路由的接口中组装meta信息

在若依框架中，获取路由信息接口 /getRouters 中是对存在sys_menu表里的菜单数据进行拼装。

如何改造

步骤：

在sys_menu表中增加一个属性 meta。将 RouterVo 类中的 private MetaVo meta 改为 private Map<String,Object> meta在 SysMenuServiceImpl类里增加 assembleMeta方法。/** * 装配路由的Meta信息 * * @param menu 菜单 * @return Map类型 */ public Map<String,Object> assembleMeta(SysMenu menu) { Map<String,Object> meta = new HashMap<>(); if (StringUtils.isNotEmpty(menu.getMenuName())) { meta.put("title",menu.getMenuName()); } if (StringUtils.isNotEmpty(menu.getIcon())) { meta.put("icon",menu.getIcon()); } if (StringUtils.isNotEmpty(menu.getIsCache())) { meta.put("noCache",StringUtils.equals("1", menu.getIsCache())); } if (StringUtils.isNotEmpty(menu.getPath())) { meta.put("link",menu.getPath()); } //往路由里面添加扩展元数据 if (StringUtils.isNotEmpty(menu.getMeta())) { try { Map<String,Object> metaInfo = (Map<String,Object>)JSONObject.parse(menu.getMeta()); meta.putAll (metaInfo); } catch (Exception e) { log.error("元数据JSON数据转换异常{}", e.getMessage()); } } return meta; }将 SysMenuServiceImpl类里的buildMenus方法中setMeta(new MetaVo(menu...))改为setMeta(assembleMeta(menu))。效果展示

使用方法router.beforeEach((to, from) => { // 而不是去检查每条路由记录 if (to.meta.routerType === 'A') { console.log("做一些特殊的处理.....") return { path: '/login', // 保存我们所在的位置，以便以后再来 query: { redirect: to.fullPath }, } }})总结

以上只是在实际开发过程中，根据实际需要做个一下改造，个性化比较强。你也可以在你的项目中做适合自己项目的改造。

本文链接地址:https://www.jiuchutong.com/zhishi/288935.html 转载请保留说明！

上一篇：伫立枝头的旅鸫鸟，加拿大 (© marcophotos/Getty Images)

下一篇：nvidia显卡驱动、cuda、cudnn、tensorflow对应版本(nvidia显卡驱动怎么安装)