2.页面开发完成如何配置权限

把新开发的页面添加为菜单

打开菜单管理页面

点击【新增】一个菜单

菜单目前最多支持2级（1个顶级可以有多个2级）

1. 我们先添加一个顶级菜单 名称叫 测试 如下图：

添加成功如下图：

2. 然后在刚刚添加的顶级菜单下面添加一个2级菜单叫HelloWorld

注意点：

• 添加2级菜单的时候得选择某一个顶级
• 划重点： 2级菜单的访问地址是必填项 填写的规则为 ~/开头 + Controller的访问路径 + Controller的View访问路径

2级菜单添加成功如下图：

刷新页面 如下图：

注意：菜单表的id主键得是自增从1开始的，我生产环境也就不到300个菜单，有个朋友反馈说登录不了，最终找到原因是他的菜单id值有超过1w以上。不能搞一个id非常大的，会出问题

权限配置

进入权限配置页面

• HelloWorld这个页面的访问不需要什么接口 所以可以不用设置
• 测试1这个权限按钮是需要 对应HelloWorldController的HelloWorld1这个接口
• 测试2这个权限按钮是需要 对应HelloWorldController的HelloWorld2这个接口

测试1这个权限按钮配置如下图：

测试2这个权限按钮配置如下图：

角色配置

1. 这边方便测试新增2角色

• 角色A 用来测试可以同时访问 测试1和测试2
• 角色B 用来测试只能访问测试1 按钮

角色A创建如下图

角色B创建如下图

用户管理

默认zdyu是上帝模式，我们不能用上帝模式的用户测试。 创建2个用户 分别叫 用户A 和 用户B

• 用户A 授予 角色A

• 用户B 授予 角色B

使用用户A账号测试

登录成功如下图：

• 如上图菜单显示没有问题

• 确认了测试1和测试2 按钮都能正常交互

使用用户B账号测试

如上图 用户B 由于是 角色B 所以没有展示 测试2 按钮

如下图 测试1 按钮交互正常

那如果我在console上用ajax模拟发出 测试2 按钮的请求看看会不会被拦截？

如下图 提示没有权限访问 HelloWorld2接口！

总体上权限的配置这块我觉得还是比较简单的，只要按照2个约定 剩下的都是在页面上进行配置就可以了