在我们做项目的时候常常都会遇到一些新的知识,老师也没讲过的一些知识,那这些知识就需要我们自己去寻找,今天,我要讲的就是在做项目的时候会出现的一个东西:树形组件
如下图所示:
这个组件如何实现呢?
网上找?
很正确!
在网上找一个Layui官网,打开:里面就有我们想要的,但是也不完全是我们想要的( ̄. ̄)
它只有一个简单的渲染:
树组件
我们要做的是一个连接数据库的树形渲染(•ω•)✧
接下来就用我正在做的项目为你们讲解:
二.首先创建一个关联的数据库:
这是我的项目里面的数据库,做树形其实不用四个表,三个表足够了,只是我的项目还有一些功能要实现,正常来说下面几个表就可以了:
三.数据库构建完成了,现在进入页面,在页面引入Layui的插件:
一个是css插件,一个是js插件。
四.插件引入完成,用一个div来接收渲染的树形:
五.在