基于ruoyi的自定义接口以及权限验证

目录

一.后端

二.前端

三.前端页面

---

一.后端

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

   @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对菜单权限的配置可以在页面中完成，反正首先添加一个菜单

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

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

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

 能正常运行就算胜利。