ruoyi自定义接口并设置权限验证

目录

一:后端自定义接口

        后端代码

        前端代码

二:前端新建按钮和配置菜单权限


一:后端自定义接口

        后端代码

在SysDeptController.java中添加如下代码

ruoyi自定义接口并设置权限验证_第1张图片

        前端代码

找到ruoyi-ui/src/vue/tool/gen/index.vue路径下的文件

添加如下三张图的代码

ruoyi自定义接口并设置权限验证_第2张图片

ruoyi自定义接口并设置权限验证_第3张图片

ruoyi自定义接口并设置权限验证_第4张图片接下来在tool/gen.js中为后端代码添加api接口,如下图

ruoyi自定义接口并设置权限验证_第5张图片

二:前端新建按钮和配置菜单权限

ruoyi自定义接口并设置权限验证_第6张图片点击确认会提示“修改成功”

ruoyi自定义接口并设置权限验证_第7张图片

接下来为普通用户配置权限

ruoyi自定义接口并设置权限验证_第8张图片

然后退出管理员登录,换成普通角色登录

ruoyi自定义接口并设置权限验证_第9张图片

然后进入到下图界面点击”权限测试“按钮

ruoyi自定义接口并设置权限验证_第10张图片

当有以下弹窗出现时,证明自定义接口正常运行

ruoyi自定义接口并设置权限验证_第11张图片

你可能感兴趣的:(ruoyi)