目录

一.后端

二.前端

三.前端页面


一.后端

涉及到权限验证,首先需要一个接口,这里推荐新增一个接口而不是修改过去的接口,因为很多接口有它自己的功能,请不要打扰它们。

   @PreAuthorize("@ss.hasPermi('system:student:test')")
    @GetMapping("/Test")
    public String TestAuthority()
    {
        return "\uD83E\uDD24\uD83E\uDD24\uD83E\uDD24\uD83E\uDD24\uD83E\uDD24";
    }

 利用注释以及权限验证参数,来设置接口访问权限。

后端接口这样就完成了,现在我们去前端。

二.前端

 前端同样从代码入手,首先是接口函数,这里只能写一个新的了。

 像这样,在vue中使用这个函数,同时绑定一个新的按钮

 

 前端代码如此,现在启动修改完成的ruoyi,剩下的部分需要在页面中完成。

三.前端页面

ruoyi对菜单权限的配置可以在页面中完成,反正首先添加一个菜单

 这个菜单类型选择按钮,名称就权限验证就好了

然后为角色配置权限信息,将按钮的权限信息加入

 最后测试一下,单击按钮是否正常运行

 能正常运行就算胜利。

Logo

快速构建 Web 应用程序

更多推荐