前端权限控制

权限控制分为三大块:路由权限、菜单权限、按钮权限

1、路由权限

用户只能看到自己有权访问的页面,如果访问的不是自己能看到的页面就是404,不同的权限账号看到的页面是不同的,有的能看到全部,有的只能看到一部分。

实现思路:前端路由维护了两份路由表,即静态路由和动态路由,静态路由是所有人都可以看到的,直接在路由实例router上挂载的,动态路由表要根据用户当前的权限 动态筛选addRoutes添加上去的

2、菜单权限

后台左侧侧边栏导航是v-for动态渲染出来的,有的用户能看到所有的菜单,有的只能看到部分

实现思路:菜单是根据当前用户自己的路由表v-for动态渲染出来的

3、按钮权限

页面上的新增、修改、删除按钮,不同的账号登录后有的可以操作全部的功能,有的只能使用部分功能(可以把按钮disabled禁用掉,或者隐藏起来)

实现思路:登录成功会得到一份权限点列表,里面记录了各个页面上面的按钮能不能操作的标识,我们可以定义一个mixin混入,在里面定义一个方法,用于判断当前这个页面某个按钮的权限点是不是在权限点列表中,如果这个按钮是启用或者显示,如果不是就禁用或者隐藏

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值