递归(树形)的使用

开发工具与关键技术: 作者:任浩基 撰写时间:2019/07/15

【递归(树形)的使用】我们都知道在课堂上上课的时间是50分钟一节课,然而真正能学到知识的时间是少之又少的,所以这就要求我们平时要花多点是时间在学习上。毕竟想学知识的是你,又不是别人。所以想要取得成功就必须付出艰辛,也就是比常人多用时间。就比如一个蚂蚁的力量是有限的,可一团蚂蚁发挥出来的力量是无穷的。
下面让我们一起来认识一下递归插件的使用,以及效果。顾名思义,递归也就是一层一层的向下传递某种信息的全称。
首先我们要引用插件,不然就用不上递归了。
第一:递归插件的CSS部分引用
递归(树形)的使用
文章图片

前面的Content只是一个文件夹可以改变名称的,是自定义的。
第二:递归插件的JS部分引用
递归(树形)的使用
文章图片

同样Content也是自定义的,可以改变名称。关键的还是zTree_v3-master这一插件能在VS中被使用到, 不然一切都是纸上谈兵。
如面是截图该插件所放的位置:
递归(树形)的使用
文章图片

在这还有好重要的一点就是要用到数据库。因为数据都是数据库里面传达的,而并非是CSS样式设置出来的。我们先来看数据库的图:
1、 递归数据库的所用表(可自行设计):一个主键ID,一个自定义名称字段以及员工pld; 其中ID和pld是int的类型。
2、 表里面的数据添加方式如图所示:
递归(树形)的使用
文章图片

那个自定义的字段我把它定义“hahaha”,然后就是对数据进行设计了。只要设计的数据间是有联系的就可以了。下面我们来看控制器的代码:
递归(树形)的使用
文章图片

由上图知,我们先要设置一个方法:Aollndfsddfe,然后就是方法体的设置了。
下面来看视图的代码:
递归(树形)的使用
文章图片

递归(树形)的使用
文章图片

上图一是JS设置代码。图二是CSS是设置代码。
经过上面的代码操作,我们这个递归算是正式完成了。下面请看代码运行的效果图:
递归(树形)的使用
文章图片

点击上方加号“+”就可以展开真正的效果图了
如图所示:
递归(树形)的使用
文章图片

    推荐阅读