day06【后台】两套分配/13-尚硅谷-尚筹网-Role分配Auth-目标和思路

嗯，下边我们要说的是这个角色分配权限啊，我们说要说说一下这个事儿。角色分配权限呢，那当然就是把。角色。和我们权限的关联关系。保存到数据库。这个和我们管理员分配角色是一样的。那么这个时候他会呃，他的一个操作的流程是什么。首先我们看一下这个小图图。我们这个看这就知道这也是一个模态框。呃，是什么时候打开这个茅台框呢？我们给角色分配权限的时候。哎，角色哈，我们去找一下。角色分配权限是我们这个按钮啊，也是之前我们没有做的一个按钮。

嗯。就以这个为例哈。嗯，我们去点它。要点这个。这个按钮哈，去打开这个茅台框。嗯。那么打开这个模态框呢，我们其实主要是仔细要看这一部分。在这里边我们看到它其实也是一个树形的一个结构。啊，你看这个时候这是一个负节点，这下边儿这两个是它的子节点。只不过呢，他这个。没有一个唯一的根节点啊，就他和我们菜单这边呢，稍微有点不太一样，但是这个呃，这也能够处理啊，这个也没有问题。

那么我们显示这个模态框呢，这个这个意义就在于哈，你将来想给用户分配哪个权限，就在哪个地方去打勾。然后呢，点它就把这个打勾的保存到数据库，这就是我们给用户分配的权限。啊，是这样一个操作的模式，所以说我们现在在这儿显示的呢，它就是一个。这么大回声啊。我们现在在这儿显示的就是权限的信息啊，在这显示权限的信息。嗯，这个权限的信息。呃，一会儿我们说一下啊，它为什么是以这样一个呃树形的结果显示，其实呢，只不过这个东西是一个权限的分类啊，去划分一下，你这个是用户的模块，这个是一个角色的模块，诶你在用户的模块下边，你是要给删除还是给查询？

角色下边是给删除查询还是新增这几个数据，是举个例子，不是说只有这几个数据啊，这几个数据只是举个例子，那但实际的话，他还需要有更多的这个数据。那么我们如何能够把这个模态框显示出来？啊，除了要把模态框本身准备好，我们还需要去查询全部的权限的数据，权限呢，我们用aoth来表示啊，查询全部的，呃，Aoth的这个数据。查询这个数据呢，那么我们出来的，呃。到页面上啊，这个模态框里边也是用J把这个树形结构显示出来。显示完这个树形结构呢，在前面呢，得给它去加这个，让它能显示这个多选框啊，这有个check box。

使用。这个嘴唇。显示为。树形结构。哎，显示完树形结构，再下一步呢，是显示我们这个check box。这个还不算完，还有什么呢？我们这个check box这啊，还得能够回显以前已经分配的那个权限啊，以前假设呢，他已经分配了这个删除和这个删除了，那么我们这回呢，就让对应的这个节点哈，默认得是被勾选的。啊，得能够显示出来已经分配了哪些了。要回写已经。分配到A体制。哎，这个所谓回弦呢，就是对应的节点去打勾。

被勾选。这是显示的部分，那么如果我们点了这个按钮啊，点了这个按钮。呃，那么下一步呢，就是要去执行这个分配，把这关联关系要把它保存进去。这里边儿呢，也是首先我们需要去获取。所谓的这个去分配呢，这个用户要是调整的话，诶，假如说原来是勾选的是这个删除，现在呢，他不想给这个选项了，他就把这个勾选去掉，他勾选上这个新的这个查询。哎，所以说现在呢，得去获取最新的被勾选的节点啊。获取。现在。被勾选的节点。

诶，把这个现在呢被勾选的节点拿到，然后呢，结合上角色的ID一起保存到数据库里边，然后这边肯定是发送HX请求啊。哎，后续呢，肯定也是哈，我们需要去关闭模态框。显示成功还是失败啊，不过这个呢，就不需要去重新加载分页了。这个后续的操作哈。嗯，后续操作是关闭模态框。嗯，显示。成功或失败。然后呢？关闭模态框，显示成功或者是失败。呃，他也这个也不需要去清理，因为每次都是重新设置的，哎，然后呢，也不用去重新加载分页啊，所以在这儿就是这两步，后续操作就这两步就可以了。

这是我们整个的一个流程。哎，然后我们看看这个。咱们一步一步去把它给这个实现出来哈。嗯，哎，这是大体上是这样一个流程。