75-尚硅谷-硅谷通用权限项目-菜单管理模块-角色分配菜单功能分析

各位同学大家好，刚才呢，咱们已经完成了菜单管理的增删改，查接口，包括前端整合，那下面呢，我们继续往下来完成，下面咱们做什么呢？我们看一下我的课件中再来实现给角色分配权限，或者说叫给角色分配菜单，那这个功能怎么来做，给各位同学先做个分析，然后咱们进行实现。首先我在图里边给大家写一下，按照咱们之前说到的，我们目前呢，有这么几个组成部分，第一个部分咱们叫用户。然后第二部分我们叫角色，比如说用户是管理员，是游客，是普通的这个用户等等。然后第三部分是什么？就是菜单，包括里边的权限。这是我们的组成部分，然后这个组成部分它们之间有什么关系呢？给大家进一步说明一下。

首先我们来看一个用户他是不是可以有很多的角色，而一个角色里边又可以有很多用户，另外一个角色可以操作很多的菜单，而一个菜单也可以被很多角色进行操作，这是他们之间的一个关系，咱们之前呢，曾经完成了一个功能，就是这个功能。在用户里边，我可以给这个就是用户来分配角色，比如用户有不同角色，这是我们之前做到的，而之前我们这个过程中，大家看表里边啊，看这个表中有用户，有角色，另外有一张表就是用户角色的关系表，而目前什么关系，有角色，有菜单，另外还有一个表是什么？就是角色和菜单的关系表，这是咱们之间的这么一个关系的说明。我把这个给大家在图里边特别写一下啊。

我们有用户角色，另外有一个就是用户角色的关系表，同样角色菜单有角色菜单的关系表，所以咱们现在做的其实就是完成这个过程，给角色分配菜单的操作权限。以上就是他们之间的一个基本分析，那这功能要做成什么样子呢？给大家先看一下它的实现的事例，然后咱们再进行实现。我们看啊，这里边有一个就是实现好的这么一个项目模板，根据它我们看一下这功能到底该怎么去做，咱们来做一个简单的演示。首先第一步我点击角色管理，在角色管理中，每个角色后面是不是有个按钮，按钮就是分配权限按钮。那这个给大家啊，我在图里边截个图，再来说明一下这个一个实现的过程。

这一部分我先截个图，就是咱们角色里边有一个按钮，就是这个分配按钮，这是第一部分，而我们现在当我点击角色后面这个分配按钮之后，咱们要继续往下来实现，我在这里边画一下。这是分配按钮，然后分配按钮之后干什么，大家看啊，我点分配它会显示里边这个相关的角色，呃，咱为了测试方便，我重新加一个新的一个角色，比如随便加一个啊，就是这个。测试。人员。编码太子岛。确定添加，添加之后点这个按钮，然后各位看在这个界面中他做了什么事情，是不是显示当前可以操作的所有菜单，以及菜单中的各个具体的按钮，比如说查看、添加、修改、删除等等，这是它里边的这么一个显示，我把这个给各位截个图，咱们放到这里边。

点击分配按钮，咱们要做的事情就是我写到这里。显示所有的菜单和里边操作的这个按钮。把这个在里边都进行显示。这是我们要做的这个事情，然后这个过程各位注意啊，咱们刚才呢，是不是写过菜单的列表功能，其实把那部分直接拿回来改就可以了，就能显示出这个样子，这是第二部分，然后这个显示之后，我们下面怎么做，大家想一下下面做什么。咱的做法就是，是不是要选择我这个角色能对哪个菜单有操作权限，比如说对用户管理，比如说对角色管理。决策管理中可能某几个按钮。然后最后我们点击保存是不是来做这个事情，这是我们要完成的这个部分，这个我也截个图。咱们放到这里。

我们继续来写。就是这个样子，我写到这里啊。咱们可以就是选择。我这个角色可以操作的菜单就是选成这个样子，最后点保存之后那就可以了，比如我们最后点保存。那这样的话，这个权限就最终分配完成了，包括你再点可以显示，包括可以修改，以上就是咱们要完成这个功能。然后最后我再写一下啊，就是如果说我们。保存之后，我们可以进行这个修改。以上就是给角色分配菜单功能的一个基本分析，所以大家发现啊，跟之前咱们做这个用户分配角色是不是类似的，都是类似功能，只是说目前啊，这个显示多了一个竖形结构。

这个啊，咱们先分享到这里。