菜单权限作用

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

后端:控制接口访问

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

一、后端定义新接口

后端代码:

在StudentController中添加代码:

前端代码:

在index中添加代码:

在student中添加代码:

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

1.新建菜单

添加成功

2.配置角色菜单权限

3.登录普通用户

4.进入学生管理

这里上方按钮在原有的四个上(新增、修改、删除、导出)又新增了菜单权限测试

5.alert

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

6.查看开发者工具

查看浏览器端开发者工具

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐