4.尚硅谷全套JAVA教程—实战项目（71.89GB）/尚硅谷-云尚办公系统/视频/42-尚硅谷-云尚办公系统-菜单管理模块-角色分配菜单功能实现（下）.mp4原创

各位同学大家好，下面呢我们继续来实现为角色分为菜单，下面呢我们整合前端，把最终功能进行实现，首先第一部分咱们先加一种路由，但是注意啊，这个路由的特点是什么呢？Hidden值是true。这是什么意思？大家想一下什么意思啊，它表示这路由是不进行显示的，但是它能进行页面的跳转，来用它一会儿实现，比如一会儿咱们点这个按钮叫分配权限或者分配菜单，它会到一个新的页面中，在新的页面中咱来做这个分配过程，所以咱们用它进行页面跳转，那我给它加上啊，在S里这个菜单管理下面我们加上一个隐由把加上，加上之后呢，在这里边有一个页面，这页面用于咱们一会儿角色分析菜单，那我把页面在这位置我们进行创建。点view页面，现在这个隐藏路由和页面就完成了，完成之后我们看下一步操作，在角色列表中咱们加上按钮和方法，那我们来加一下啊，找到角色列表页面就这个list.wave然后在里边呢，我们加上一个按钮，咱就加到之前那个。

下边啊，我们往上找一下，之前这里边有一个两按钮添加。应该不是添加啊，是在这里修改删除，咱再删除下边加这按钮叫做分配权限或者说分配菜单。然后之后呢，这里有个方法，我们在下面写这个方法。我把这个方法拿到这个页面中的MY这里来，也就是这个位置。那我们看一下啊，这方法是什么意思，给大家特别解释一下啊，虽然各位不需要写，但是各位要能给他看懂什么含义，这个方法指的是什么呢？就是现在我当我点击分配权限按钮的时候，它就会掉这个方法，方法通过路由跳转到一个新的页面，这个写法就是这次点到root.push表示实现路由跳转，然后注意啊，这个路径跟你的路由中要保持一致。

你看它第一层叫，第二层叫这个这个字，通过它会做一个路由跳转，我加个注释啊，这个明确。就是跳转到分配菜单的页面，咱这么来实现，然后这个之后往下看，下面呢，我们建个JS文件，System menu JS这文件我们看一下之前应该是有在里边把我们那个接口出来，就刚才我们写的这个接口，一个查询，一个分配。把这个我直接复制过来。放到咱们这个system menu里边。

所以现在啊，这个咱们就完成了定义。这个部分。写到这里啊。然后这个定义之后，我们的最后一步就在刚才咱们那个分配页面中加入相关的这个内容，我把内容啊，咱们直接给他拿过来。直接咱们做一个复制。到咱们这个赛里。这些啊，第八个这些都给它去掉啊，保留一个最基本结构，然后咱检查一下这路径一定不要写错。应该是正确的，另外这里边有一个返回按钮，咱们操作之后进行返回，通过这个路径啊，返回回来。以上就是前端的整合，咱们就快速完成了，这部分各位直接复制就可以了，然后这个前端中呢，我们整合过程中发现了一个小问题啊，大家往上看，你发现这里边是不是有很多的挨着，有很多的警告，那咱可以把它去掉，其实不去掉不能运行，为什么出现？因为我们当前有一个插件叫yeslin，他把里边的很多这种空格换行都当成这种警告来处理，让他可以不出现，那咱解决一下啊，不解决也能做，怎么解决多种方式。

第一种方式就是你可以这么做，你看里边啊，有这个叫这个新闻文件，你在文件中加入，就是你相关不进行校验的这些内容，比如说就这个你加什么，哪个里内不验啊，或者哪个文件不验，另外还一种方式，咱们在点S里，咱们到这内容就这位置。然后你把这值改成false，后面给到这样的话，它也不进行校验，就不会出现刚才那个警告或者那些啊，这给它改一下，不改隐实现啊，它功能不受影响，那这些改完之后，咱把服务重新启动一下CTRLC。

停止，再进行启动，最终我们进行测试，包括我们的后端也请起来，咱们测试最后这个功能为角色分配菜单，目前我的表里边就是这个关系表中应该什么都没有，然后菜单里边有很多的菜单，角色里边有有很多的角色，这些数据都存在啊。所以咱们最后。测试一下啊，试一下这个效果是怎么样。等它先启动起来，这是后端接口。这是前端应该都正确啊，现在应该都是对的，然后下面我们来到页面中登录进去。找到系统管理中的菜单管理也都对啊，就是咱这数据，然后咱找到角色管理，在角色管理中大家看啊，每个角色最后是个按钮，那比如说我就点这个管理这个按钮，咱们一点。大家看什么效果，是不是到了一个新的界面，在界面中当前决策是管理员下面是不是咱们的菜单，那比如说现在啊，我就选一个菜单啊，现在选一个啊，我就选这个用户管理，别的我不选，然后这个时候我现在啊就为了明确，因为这么选也没有错，比如说现在为了咱测试方便，我就选这么。

这么几个啊，查看添加，现在我点击保存。提示咱们是不是成功分配确成功，咱们现在到表里边大家看一下啊，重点就在表里边，再看表中是什么样的，给各位仔细来看啊刷新。你发现效果了吗？在里边角色ID都是一，它分配的菜单ID是不是这么多，所以这个就完成了，那咱可以再试一下啊，我现在再点击管理员。大家看看到效果了吧，因为之前我分配过这些，目前都有，那我现在比如说我重新进行分配，比如现在啊，我只分配这个。

角色管理，别的都没有，这个时候我再点保存。大家看数据库表中的变化啊，大家猜一下会怎么样？这几个是不是都删掉了，然后他又加入了是不是新的数据，这就是咱们做的这个功能为角色分配菜单，所以说以上呢，咱就把这个菜单管理模块就完成了，包括它最基本的增删改查操作以及为角色分配菜单。