Vue动态生成Router

Vue路由介绍

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌，一般直观体现在页面的侧边路由中，依照RBAC模型动态地为不同用户生成不同的路由配置。

实现思路

1. 用户登录后获取资源数据 ，向服务端发送请求，要求获取当前的菜单信息和组件信息，服务端根据当前用户所具备的角色，以及角色所对应的资源，返回一个json字符串。
2. 后端获取json语句: 即从用户表、角色表、资源表、用户角色中间表、角色资源中间表中获取该用户可访问的资源。

<sql id="ResourceColumns">
   r1.`id`,
   r1.`name`,
   r1.`code`,
   r1.`url`,
   r1.`open_img`,
   r1.`status`,
   r2.`name` AS name2,
   r2.`code` AS code2,
   r2.`url` AS url2,
   r2.`open_img` AS open_img2,
   r2.`status` AS status2
</sql>

< select id=“getResourcesByUserId” resultMap=“ResourcesMap”>
SELECT

FROM t_resource r1, t_resource r2