Vue路由介绍
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌,一般直观体现在页面的侧边路由中,依照RBAC模型动态地为不同用户生成不同的路由配置。
实现思路
- 用户登录后获取资源数据 ,向服务端发送请求,要求获取当前的菜单信息和组件信息,服务端根据当前用户所具备的角色,以及角色所对应的资源,返回一个json字符串。
- 后端获取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