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

目录

菜单权限作用

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

一、后端定义新接口

后端代码：

前端代码：

二、前端新建和配置菜单权限

步骤1：新建菜单

步骤2：给角色配置菜单权限

步骤3：普通用户登录

步骤4：进入学生管理

步骤5：前端alert

步骤6：开发者工具查看

---

菜单权限作用

前端：控制组件显示、给角色分配菜单权限

后端：控制接口访问

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

一、后端定义新接口

后端代码：

在MyStudentController.java中添加如下代码：

前端代码：

index.vue(以下三幅图为对应的修改)

student.js

二、前端新建和配置菜单权限

步骤1：新建菜单

点击确定之后，就会看到下方的“权限测试”

步骤2：给角色配置菜单权限

步骤3：普通用户登录

退出admin用户，并登录ry这个普通用户。

步骤4：进入学生管理

进入自定义的学生管理（自定义可以翻看之前的博客，有说明）

步骤5：前端alert

点击“菜单权限测试”即可看到alert。

看到alert中显示   “permTest sucess”  可以看到前端正确显示后台返回的字符串，表明前端拥有后端设定的访问权限。

步骤6：开发者工具查看

点击“F12”，并点击“permTest”