若依前后端分离 获取动态菜单路由_若依动态路由

 前端

在全局路由中GetRouters

  getRouters方法获取全局路由

 后端

接收前端信息

调用方法获取路由信息

 先获取id 再根据查找menus 路由菜单

查询所有menu

	<select id="selectMenuTreeAll" resultMap="SysMenuResult">
		select distinct m.menu_id, m.parent_id, m.menu_name, m.path, m.component, m.`query`, m.visible, m.status, ifnull(m.perms,'') as perms, m.is_frame, m.is_cache, m.menu_type, m.icon, m.order_num, m.create_time
		from sys_menu m where m.menu_type in ('M', 'C') and m.status = 0
		order by m.parent_id, m.order_num
	</select>

查询menu表

 返回的menu菜单集合是一个三级树

 递归获取一个节点的所有子节点 直到没有子节点为止

 传入列表 看是否还有子节点 size为0则没有

 前端路由跳转

跳转到根路径 

 依靠Layout组件完成跳转

sidebar为侧边栏

app_main为主要内容

v-for 遍历循环加载出来页面

      <sidebar-item
                    v-for="(route, index) in sidebarRouters"
                    :key="route.path  + index"
                    :item="route"
                    :base-path="route.path"
                />

 总结

 前端getRouters 请求路由到后端

后端将数据打包成三级树发到前端

前端用for循环遍历展示出来 

  前端首页如何展示出来的

rediect重定向跳转到views/index