93-尚硅谷-硅谷通用权限项目-权限管理模块-权限管理功能测试（上）

各位同学大家好，刚才呢，咱们把前端权限管理已经完成了整合，各位按照我课件中的顺序把这个代码直接整合可以了，那下面呢，咱们进行最终的测试，来测试一下这个效果最终能不能实现，那我们来看一下啊，主要测试菜单还有按钮，那怎么测试，给各位先做一个说明我们的测试方式。很多同学啊，他会整合，但是他最终不会测试，那这里边我说一下怎么测试，给各位在这图里边写一下啊，我们目前的。权限的。测试方式我这里写一下。首先第一部分，因为咱们说的每个用户是不是有不同的权限，包括菜单，包括按钮，那咱怎么做呢？首先第一部分我们先使用这个超级管理员先进行登录，然后登录之后干什么呢？我这里写一下啊第一部分。

我们可以创建一个就是新的用户啊，当然可以用之前的咱测试建个新的用户，然后创建新的用户之后怎么做，第二部分我们就是为这个。新的用户我们就可以分配他的一个角色啊，当然这个过程中你可以新建一个角色，然后为他进行分配，这是我们的第二部分。然后这个之后，我们的第三部分，咱就可以为这个角色。分配他的菜单和按钮的这个权限，这是我们做的第一部分，就是用超级管理有限登录，然后咱们建个新的用户，为这用户分配不同的菜单，包括不同的按钮权限。这是咱要做的第一步操作，然后这个之后我们怎么做呢？写一下啊，我们的第二步操作，使用我们新创建的用户进行登录，然后咱们就是进行。

查看举个例子啊，比如说这用户叫张三，张三呢比如说我们只分配他一个用户管理，用户管理中没有添加，那我们进入应该只能看到用户管理，包括里面的添加，咱应该是不能点的，所以咱们做的就是这么一个过程，这是我们做的一个测试的方式，那下面呢，按照它我们来做个测试，但是测试之前咱们首先需要把代码先做个修改，因为里边有几个细节问题需要咱们处理一下。测试之前先修改一下前端的代码，后端不需要改，但已经写过了，主要是前端咱需要改几个地方，这里边特别说明啊，咱们需要改什么地方。首先第一个地方就是我们在。前端的按钮上面添加一个判断，那什么叫判断呢？咱们刚才曾经说过一个方法，就刚才我们添加的，咱直接看课件啊，就这个方法。这个方法判断按钮权限，所以咱们要用到它，那怎么用呢？看一下我这个示例代码中，我们找到某个按钮。

按钮里边加上D的话。这段话什么意思呢？强调啊，就是判断这按钮是否有这个权限，这个权限呢，是我们取到这个按钮里面这个权限值，大家看一下，就这个值，如果说它有这个值，那咱就显示，如果没这个值，那这按钮就不能点，用这个角disableabled进行控制这个值就是是否显示还是不显示，那咱们来做一下啊，比如这段话我就直接复制一下，咱们找一个具体例子，一会儿做个测试，比如说咱就找一个这么一个用户这个模块。别的模块都一样啊，在用户模块中，我们找到里面那个就是添加按钮，咱们找一下添加。应该在这个位置，就这里。然后添加里边呢，加上我们这个判断这个方法，我给他直接拿过来，然后咱们看一下啊。

这个方法的特点，根据这个权限值进行判断，当然这个添加圈限值应该是叫这个应该这个名字啊，叫system user a，咱们把它拿过来，如果说有这个权限，那它就显示，没这个权限它就不显示，或者说它不可解，所以咱们通过它就是一个判断，这是我们加的第一个地方，在你的按钮上面，根据你的权限值做这么一个添加，对这个值不要写错，根据数据库里边要保持一致啊，但是这个名字随便起的，为了看着更加规范，咱就叫这个b TN system user list system user.a update等等，这是我们要改的第一个地方，咱就以这个用户里边这个进行测试。这个各位注意啊，然后这个之后我们的第二部分咱们还需要改一个地方，改什么地方呢？写一下啊，就是第二个地方，咱们这个登录的页面需要修改一下，它就是自带的这个校验，这个需要改一下，因为之前校验规则不太对，那咱们看一下改什么地方啊，咱们找到页面在views里边有一个叫log in中的index.view我们找到这行。

大家看啊，这里边是不是做了一个用户名的校验呀，然后他校验用了里边的这个文件中的方法，咱们找到。U里边的这个方法在这里叫very date，这大家啊看它的校验，校验什么，是不是校验里边有没有ain，但是咱目前肯定不需要A的in，因为咱可能有别的名称的文件，所以咱把规则给他简单改一下啊，给他做个修改，或者说你把教验去掉也可以，我这里边就简单做个修改，那比如说我们这么来改。Y6就是它的值，那咱们在里边啊，我就简单做一个判断，就是它的这个length。如果说小于这个五啊，那表示就不能登录，表示用户名的长度不能小于五，或者不能小于六，根据你自己实际来决定，咱们给他改一个规则，或者说你方便的话，把这行去掉也可以。

我现在就这么给他做一个修改，所以以上我们就完成了两个地方，给各位把这个截个图，我们再说明一下啊，改你这个就是登录文件中的这个内容。就这里边。捞印中的inex.weue啊，给大家截一下，然后第二个在里边把它的校验规则给它改一下，我这里又改一个叫校于五啊，当然你可以改别的规则，根据实际来决定啊，咱就简单做个测试，这个拿过来，所以现在啊，这部分完成完成之后，最后我们按照这种方式，咱们最终做个测试，那咱来试一下啊，就是现在我把服务器给它都重新启动一下，因为刚才改了很多的代码，咱需要都重启一下。这个是前端，后端也是重启一下。

因为咱们也写了这个接口的修改，等他重启之后，然后最终按照我刚才说的方式，咱们测试管理员，超级管理员登录，建用户，建角色分配菜单，然后利用这个用户进行登录进行查看。好，咱们来看啊，现在后端启动了，前端也请成功了，那最后我们来做个测试，首先我用超级管理员，就是我的密进行登录啊，咱们登录一下啊，然后登录之前你需要检查一下啊，看一下这个用户他的状态肯定要是一，因为一代表可用，零代表是不是禁用，比如说比如说简单改改成零啊，咱看它会怎么样啊，A的in咱们登录。你看啊，这里边提示我们用户是不是已经被禁用，因为它的值是零，大家可再再改回来，这一点注意一下啊，如果提示看一下数据库里边值是否是里边是零被禁用掉了，那现在改完之后登录。大家看是不是登进来了，因为这个是超级管理员，肯定是所有权限啊，里面都有，然后咱们这里边这个数据注意啊，是我们动态渠道的，而不是写固定的，咱们是动态取数据库中那种，然后现在比如说我这位置，我新建一个用户，为了一会儿测试，那这里我写一下这个用户，比如说我起个名字啊，咱就叫这个。

At硅谷2022。然后密码还是六个一。这个姓名手机号我就随便写一下，是at硅谷啊，手机号就是这个什么1111，现在完成，完成之后点确定，大家看这个用户，我们就完成了创建，然后用户完成创建之后，咱第二个呢，我在里边啊，为了测试咱们再新建一个角色，因为之前里面有很多，咱再为了方便再新建一个这个角色，我也叫做。被告。上硅谷测试。

这个角色啊，然后编码，咱就叫at硅谷，点确定这个我们完成，完成之后怎么做呢？给这个用户分配角色，就分配刚才这个上微谷测试角色，现在就完成，完成之后呢，下面怎么做，给角色是不是要分配你的菜单或者说按钮权限，那咱们点这个按钮，这功能都是之前做的啊，比如现在我选第一个，让它只能进行用户管理，为了咱方便，然后在里边呢，我把添加给它去掉，让它没有添加这个权限，只有查看、修改、删除等等，只有用户管理，最后我点保存，现在就完成了。所以咱们通过超级管理员建立一个用户叫at硅谷2022，咱最终把这个过程做了实现，实现之后到表里边我们先看一下啊，第一个用户。是不是创建出来了，然后他的ID是这个叫3249，再看角色。

就这个啊，什么498，然后看它们之间的关系，用户有这个角色的关系，这两个之间关系，然后角色和菜单之间，他们应该有这个关系啊，就是里边做的这个创建。所以现在啊，咱们把这个应该就完成了，完成之后呢，最后我们把这个效果，我们最终做个测试，看一下最终结果怎么样，就看一下我这用户登录之后有没有当前这个权限。咱们现在啊，把管理员这个用户先给他退出去，然后咱们改新的用户，第一个用户名是at硅谷2022，然后密码是123456，就是六个一啊，我是六个一，然后点登录大家看啊，现在我们看它的效果。等他先登录进来。呃，应该是没点上啊，我再点一下啊，没点上我们看现在登录进来了啊，然后登录之后我们看啊，这个里边只有什么用户管理，是没有别的菜单，然后咱们看用户管理中看它的细节啊，修改删除分配都有，但是你看这个按钮目前是不能点状态，因为咱们添加他没有这个权限，刚才我们已经做了控制了，所以说以上啊，咱就把这个权限管理就完成了，针对用户的菜单，包括菜单中的按钮完成了前端包括后端，重点大家编写后端前端按照流程整合就可以了，然后最终记住我们的测试方式。

这个我们就完成到这里。