4.尚硅谷全套JAVA教程—实战项目（71.89GB）/尚硅谷-云尚办公系统/视频/51-尚硅谷-云尚办公系统-权限管理模块-整合前端和功能测试.mp4原创

各位同学大家好，刚才呢，我们完成了权限管理中的两个接口，那下面呢，咱们快速整合前端，然后最终完成测试，那下面我们开始来弄一下啊，这个前端呢，我就不在课上一个一个带着各位整合了，我这里边给大家提供了一个整合的文档，各位按照这个文档一步一步把它可以整合出来，或者说你可以把我这个写好的项目直接导入进去，然后通过后端接口完成测试，那里边怎么整合，把前端带着各位来看一遍，然后咱们完成最终这个测试。一首先我们的来我们这前个token获取到它那个用户信息，大家记得这个过程啊，我们做法就是从cook中取到你那个token的字符串，然后把token放到你的请求头里边，通过请求头进行传递，因为cookie不能跨域传递，这是我们的第一部分，把这名字改成token。

然后这个之后，我们的第二部分到model user里下，就了那一里边的这个位置，此道里边的model中的侧点GS们要加上有这么几个地方。对照课件中，各位可以整合一下啊，第一个在这个里边加上buttons，还有menus，就是咱们这个按钮，还有菜单，然后第二部分在里加上这个新增的地方，第三部分在这个里面加上钮，还有菜单，你把这三部分按照件做个修改可以了，注意不要错，然后之后呢，在里这个get.js里加下这个内容。

咱们找一下啊里有一个加入下，就是们的还有部分，然后加上之后在root里我们建两个文件。这两文件与我们的开发环境和生产环境，注意这个不要导错，你把两文件创建，然后把内容直接给它复制进就可以了，这里边引入你的页面的位置，那咱看一下啊，在root里边两个文件已经创建过了，里边引入内容，这个内容从课件中进行复制。然后呢，在permission入这代码里边部分换里置。啊，大家直接做一下可以了，然后之后呢，我们再来看啊。咱们需要来到我们那个由的件，大家注意啊，之前这个由呢，咱们是不写固定的，咱们找到啊，比如这里边用户已经改过了，之前比如说系统管理，决色管理，用户管理是不是都写固定的，现在咱们是动态加进来的，所以把之前的路由给它要注掉，或者给它删掉，大家注意啊，保留几个啊，你在登录要保留，因为登录之前我们先登录之后才能加载。

这个是我们做的第六步，第六步之后我们在第七步。包括第八步创建文件里加内容，然后第九步建一个S文件，加入以下内容，有这个操作这个权限，然后之后在JS里边加入下这个内容，也就是这个文件啊，咱们找到啊。加入以下这个内容。然后注意啊，这个什么意思呢？表示咱后面做一个判断，比如说我当前这个张三这个用户是管理员这个角色，然后他对某个按钮没有操作权限，咱们用它来做一个判断，主要是起到这个目的，之后呢，就是这个文件之前那个校验，它里边校验的方式可能有点小问题，大家给它改成只校验我们的长度，包括最后啊，在按钮上加上这个判断就可以了，那咱们找到啊，我这里边是以角色管理为例，你加上别的页面也是可以的，找到角色管理里边我们找到啊，这里边有一个。

添加的按钮，大家看这位置就是一个判断，如果说当前用户有这个权限，那添加就可以操作，如果没有权限，这按钮就不能点，通过它来做一个判断，你可以识别到我这里就以角色为例，所以以上啊，按照步骤，咱把前端就可以完成整合，按照这个文档各位给整合出来可以了，或者说你把我写好的项目直接导入进去，就可以完成最终测试。这个咱们快走，说到这里啊，然后之后呢，我们完成最终的测试，咱们试一下这个效果，首先啊，我把前端给它重新启动。

我们进行启动。然后把后端接口给他，也是重新启动一下，启动之后咱们分配一个用户的角色，分配他的菜单权限，包括按钮权限，最终完成测试。我们来试一下啊。咱们看它前端启动了，后端也启动了，那咱们首先用管理员din先完成登录，我们点捞个in。大家看啊啊，咱们发现这里是不是执行了全局异常处理，因为咱们现在应该是出错了，因为咱们加了这个异常处理，那咱看一下啊，出了什么错，在控制台中报龄异常，这异常各位应该很常见啊，什么异常指针异常，大家看哪里出的控指针，咱们一点发现啊，他说这一行控制针，也就说你里边的UID等于钠。

咱们登录之后，这个值不应该等于呢？那咱看一下为什么等于呢？咱们来检查这个代码啊，是不是哪里写错了，首先咱们登录应该执行这个log in的这个接口方法，在里边登录之后生成了token字符串，然后token呢，在前程中把它放到了cookie中，每次发请求咱们放到了请求头里边，刚才看到了这个位置，我这位置起个名字叫，然后咱们在别的接口中，从启头里边得到token名称字符串，取到用户ID，叫用户名称，这是咱们一个流程啊，这流程之前讲过，各位要清楚啊，然后咱们再检查一下，在info里边，从请求头里边得到信息。各位是否看到问题啊，这问题可以说的比较低端一点啊，大家看这里。

我这个请的名字叫什么，是不是叫N，我这里写什么，是不是写一个，所以肯定不到，你需要把这名字改成是从这个名字头里边取到你的这个相关的字符串，那咱们改成ton之后，现在我再来试一下啊，我们看下这个结果，注意这个名字不要写错，你要跟这位置的名字保持一致，通过它取到你的同文字符串。那咱们改完之后啊，重新启动服务，我们来试一下啊。现在我在这里边重新刷新。然后点击登录。大家看啊，是不是登进来了啊，这是我当时加那个测试的啊，这应该没有什么这个信息，咱就看其他的是不是有这个菜单，这菜单就是动态加进来了，然后加进来之后现在呢，比如说我们做这个功能啊，咱们点击用户。在用户里边呢，我们就用这个随便找一个啊，比如找这个李四这个用户就找了找也可以啊，在李四用户中，我们给他分配一个角色，就是角色管理员已经分配过了啊，然后咱们在角色管理中找到角色管理员，点开给他分配菜单和按钮的权限，比如说我现在给他分配用户管理都分配角色管理中让他不能做添加，因为刚才咱们故意做这个测试，就来分配这些信息，最终点保存完成了分配，完成分配之后各位注意啊，我们怎么测试呢？注意这个特点。

咱们现在把它退出去，然后用李四进行登录。密码也是六个一，然后点登录。但是登录之后我们看到啊，这里边进入到角色这个模块，包括用户模块，你发现啊，当前李四是不是只有两个菜单权限，用户管理，还有角色管理，但是大家仔细看啊，在角色管理中，咱们注意这个添加的特点，你发现啊别的按钮都可以点，但你看添加怎么样，是变成一个不能点的这个效果，因为咱们在页面中做了那个判断，就是刚才的这个位置。

啊，也就是这里做了判断，如果它里边我们就是没有权限，那它就不能点是不能做这个操作，所以以上啊，我们就完成了权限管理过程，把这个进行了实现，这里边强调啊，重点不在前端，前端各位把这个代码直接引入就可以了，重点是完成咱们的接口，咱们主要写了两大接口，第一个是登录，第二个是获取用户信息，然后在获取用户信息过程中还编写了SQL语句，完成了最终的按钮查询，包括菜单选择查询。包括最终咱们分配了角色，分配了权限，也完成了测试以上啊，就是权限管理功能的实现。