vue 按钮权限应用

最新推荐文章于 2024-08-06 14:11:45 发布

不瞅不啾子

最新推荐文章于 2024-08-06 14:11:45 发布

阅读量462

点赞数

文章标签： 1024程序员节 vue

本文链接：https://blog.csdn.net/weixin_46871290/article/details/127496106

版权

本文介绍如何在Vue应用中实现按钮权限控制。通过数据库角色表、角色菜单表和角色分配表存储用户权限，后端查询用户权限，前端利用接口获取权限并使用v-permission指令动态显示增删改按钮。

摘要由CSDN通过智能技术生成

前言:

需求:一个页面,管理员登陆可见增删改按钮,普通用户不可见

1.数据库

数据库需要存储用户权限

(1)角色表

(2)角色菜单表

(3)角色分配表

2.后端

后端根据id查询用户权限

<select id="getPermissons" parameterType="String" resultType="String">
    select m.permissname
    from we_role_menu m
             LEFT JOIN we_role r
                       on m.role_id=r.role_id
             LEFT JOIN we_role_user u
                       on r.role_id=u.role_id
    where u.user_id=#{userId}
</select>

3.前端

一.获取用户权限

(1).js接口文