Ruoyi的用户菜单权限

目录

前言

后端（定义一个新接口）

前端

新建菜单，配置菜单权限

修改源码

测试

---

前言

在同一个系统中，不同等级的用户的界面应有能见度上的区别，好比学生不能查看其他同学的成绩，但是老师可以。具体可以体现在教师端有一个管理学生成绩的界面，而学生端没有。

在Ruoyi中，我们可以通过“角色管理”功能实现这点，下面是效果对比

前者是管理员，后者是普通角色

接下来我们自定义一个接口并设置权限验证

后端（定义一个新接口）

    @PreAuthorize("@ss.hasPermi('system:student:permTest')")
    @GetMapping("/permTest")
    public AjaxResult permTest(MyStudent myStudentent)
    {
        return AjaxResult.success("permTest success");
    }

前端

新建菜单，配置菜单权限

在角色管理界面修改普通角色的权限，勾选“权限测试”

（“前言”中的差异来自此处功能的勾选）

修改源码

进入前端源码

添加按钮

按钮触发的事件

与后端通信

回来导入一下

测试

保存各个文件后，重新启动若依，打开开发者工具，点击“菜单权限测试”

请求成功，出现弹窗

点击确定后，“预览”出现内容（两个请求是因为我点了两次）

大功告成