layui树形组件渲染

layui树形组件渲染,第1张

在我们做项目的时候常常都会遇到一些新的知识,老师也没讲过的一些知识,那这些知识就需要我们自己去寻找,今天,我要讲的就是在做项目的时候会出现的一个东西:树形组件

如下图所示:

这个组件如何实现呢?

网上找?

很正确!

在网上找一个Layui官网,打开:

里面就有我们想要的,但是也不完全是我们想要的( ̄. ̄)

它只有一个简单的渲染:





树组件







我们要做的是一个连接数据库的树形渲染(•ω•)✧

接下来就用我正在做的项目为你们讲解:

二.首先创建一个关联的数据库:

这是我的项目里面的数据库,做树形其实不用四个表,三个表足够了,只是我的项目还有一些功能要实现,正常来说下面几个表就可以了:

三.数据库构建完成了,现在进入页面,在页面引入Layui的插件:

 

一个是css插件,一个是js插件。

四.插件引入完成,用一个div来接收渲染的树形:

五.在

保存