44 - 尚硅谷-RBAC权限实战-许可维护 - 树形结构说明 & zTree.avi原创

用户和角色的关系我们已经做完了啊，那么接下来我们要做的呢，就是许可维护了，所谓的许可维护呢，其实就是我们的权限啊，我们登录之后能够看到哪些菜单，我们看不到哪些菜单，能做哪些功能，不能做哪些功能。能点击哪些按钮，不能点击哪些按钮，这都属于我权限的一部分，也都属于我许可的一部分，所以我许可维护当中，其实就是维护这样的一些数据之间的关系啊，但是呢，我们说了，有些菜单我们能看见，有些菜单我们看不见，可是这个菜单你会发现我们左边的菜单它有上下级的关系，这种上下级的关系。我们要想去维护的话，我们拿以前的表格不太容易，因为以前的表格啊，我们体现的是数据之间的一个什么顺序，第一条，第二条，第三条，所以在这种情况下，我们要想形成上下级的这种塑形的结构，我们可能做不到，所以啊，我们这里呢，我们要想去把菜单给它做出来，我们要了解一下塑形结构相关的内容，所以我们这里给大家准备了一个插件，这个插件叫j query j，它是j query的插件叫J啊，那么首先我们一块儿来看一看啊，在程序开发当中，展示数据有很多种方式，可以采用表格、图表和树形结构等不同的方式，具体采用哪一种，它取决于我们想要展示数据的哪一种特性，如果想要展示数据的先后顺序，那么就采用表格啊，这是我们比较常见的一种方式。

用表格来展现数据，但是呢，如果我们想要展示数据的对比关系，那么就得采用一种图表的方式。因为我们展示数据的对比关系，这种方式会更加直观，一目了然，谁多谁少，谁大谁小，谁高谁矮，谁胖谁瘦，我们这里全都能够一眼就看出来，非常的直观啊，如果你拿表格的话来对比数据可能不是很方便啊，然后呢，接下来如果想要展示数据的层次，就是上下级的关系啊，那么我们就要采用数形结构了，其实这个我们在Windows系统当中是经常会碰见的，因为我们Windows的文件系统就是那种树形结构啊，也是我们上下级的这种结构，我们非常常见，那么我们既然许可它体现的是菜单，它就应该有上下级的关系，所以大家可以看到这就是我们的权限菜单啊。好，接下来咱们往下数形结构，他说数据关系中如果存在上下级的关系，那么在展示的时候可以采用数形的。

方式进行展示，这种结构我们称之为叫塑形结构，那么塑形结构的数据应该遵循从上到下，从复到子来进行操作，也就是说通过父节点的数据操作来操作子节点，这是什么意思呢？咱们回过头来看看我们的菜单，大家看一看我刷新，刷新以后你会发现我们现在的菜单大家看应该是这个样子，也就意味着我们点击附菜单之后，子菜单才能出来，同样你点击它我们的子菜单才出来，所以啊，我们子菜单它是需要通过附菜单来进行点击的，所以啊，也就意味着我先点击副台单才会出现子菜单，它有一个先后的顺序，那这就是我们文档当中所提到的，那通过负节点数据来操作子节点，你绝对不可能反过来说，我先有子节点，再去找负节点，应该不会这样啊，然后。

后一个基本的树形结构的数据，根节点数据只能有一个，但是分支节点、叶子节点可以存在多个。大家看我们这种树形结构，我们的根root，这就是树形结构的顶级节点，它只能有一个，然后下面呢是分支节点，或者称之为叫差节点，然后下面呢是叶子节点，有的时候也称之为叫端节点。

啊，所以这个我们稍微的了解一下，那么所谓的分支节点呢，就意味着它不是顶级节点，并且它可能会有子节点，那么它就是分支节点了，而我们的叶子节点呢，它有上移的顶节点，但是呢，它没有子节点，它是整棵树的最末尾的位置，那么它就称之为叫叶子节点啊，所以这是我们的一个基本的树形结构的概念，嗯，然后呢，下面呢是我们的组件，也就是说啊，我们的树形结构的组件有很多啊，他说了，在网页设计当中，如果想要数据以树形结构的方式展示在页面当中，一般会采用u Li Li标签的嵌套使用的方式来实现，基本的代码就是这个样子的，U Li里面有ul啊，它是列表，它里面还有个子列表，形成了个上下级的关系，来，我们回过头来看我们的菜单，我们点一下右键检。

啊，检查以后大家会发现我们这里其实就是一个ul，而ul里面还嵌套了ul，形成了一个上下级的关系，就是我们菜单一般展示的方式，但是呢，你要让我们来写啊，我们其实也能写出来，但是可能写的不够美观，不够漂亮，用户的体验效果会很差。所以我们。就不要自己写了，我们用别人准备好的插件就可以了，那么我们比较常见的树形结构的插件呢有很多，那么我们从中选择了Z，首先它是我们j query的插件，并且它的文档还有API啊，相对来说比较完善，功能比较齐全，所以我们选择使用J来完成我们许可维护的开发，所以在我们的许可维护当中，我们点击你会发现这就是一个树形结构，它就是采用我们J插件实现的。