若依用户菜单权限

后端实现

首先如果想先要实现菜单权限,那么得现在后端添加一个与之对应的权限字段

若依权限日志管理架构图 若依按钮权限_字段


这样就有权限字段了

前端实现

前端得需要调用这个权限字段的按钮

若依权限日志管理架构图 若依按钮权限_普通用户_02


调用该权限字段的按钮

若依权限日志管理架构图 若依按钮权限_字段_03


点击事件

若依权限日志管理架构图 若依按钮权限_字段_04


接口请求

若依前端功能

这里得需要在ruoyi的管理端进行权限的分配

若依权限日志管理架构图 若依按钮权限_spring_05

因为我们的关于这个权限的实现是按钮,所以在菜单管理中,在一个菜单下新增一个按钮

在权限字段那里输入我们刚刚在后端设置好的权限字段

若依权限日志管理架构图 若依按钮权限_若依权限日志管理架构图_06


若依权限日志管理架构图 若依按钮权限_spring_07


由于我们现在是超级管理员的状态,有着全部的权限,所以我们能看见所有的菜单

若依权限日志管理架构图 若依按钮权限_后端_08


即我们可以看到我们刚刚设置好的测试按钮,但这样体现不出来我是否增加了这个按钮的权限

普通用户测试

若依权限日志管理架构图 若依按钮权限_spring_09


回到ruoyi的角色管理上

这里拥有一个普通角色,点击修改会弹出这样一个菜单

若依权限日志管理架构图 若依按钮权限_若依权限日志管理架构图_10


这里就有着菜单权限

然后我们寻找到我们刚刚在那个页面下添加的测试按钮,我们转过去到那个下拉框

若依权限日志管理架构图 若依按钮权限_后端_11


可以看到,由于我们没有给任何的关于这个菜单的权限,所以在普通的用户下是看不到这个菜单的

我们登录被授予普通角色的用户账号下进行测试

若依权限日志管理架构图 若依按钮权限_普通用户_12


可以看到我们在没有勾选任何的该菜单的按钮下,他是没有这个功能选项的

那我们回到超级管理员的账号下,给他一个该菜单下的按钮权限

若依权限日志管理架构图 若依按钮权限_spring_13


然后转到普通用户查看

若依权限日志管理架构图 若依按钮权限_后端_14


可以看到他就显示了刚刚我们勾选的该按钮所属的主菜单

若依权限日志管理架构图 若依按钮权限_若依权限日志管理架构图_15


可以看到我们只勾选了新增,所以他只显示了新增按钮,而我们刚刚所添加的测试按钮我们也并没有勾选所以也不能看见,这样菜单权限就实现了