本文介绍了如何在项目中使用Layui树形组件进行数据库渲染。首先，通过查找Layui官网获取基本的渲染方法，然后详细讲解如何创建关联数据库，并展示项目的数据库结构。接着，引入Layui的CSS和JS插件到页面，用div接收渲染内容。最后，展示了控制器从数据库获取数据并驱动树形组件显示的代码。
在我们做项目的时候常常都会遇到一些新的知识，老师也没讲过的一些知识，那这些知识就需要我们自己去寻找，今天，我要讲的就是在做项目的时候会出现的一个东西：树形组件
如下图所示：
这个组件如何实现呢？
网上找？
很正确！
- 在网上找一个Layui官网，打开：
里面就有我们想要的，但是也不完全是我们想要的(￣.￣)
它只有一个简单的渲染：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>树组件</title>
<link rel="stylesheet" href="../src/css/layui.css">
</head>
<body>
<div id="test1"></div>
<script src="../src/layui.js"></script>
<script>
layui.use('tree', function(){
var tree = layui.tree;
//渲染
var inst1 = tree.render({
elem: '#test1' //绑定元素
,data: [{
title: '江西' //一级菜单
,children: [{
title: '南昌' //二级菜单
,children: [{
title: '高新区' //
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
