1、首先就是下载ztree插件库，百度上搜索ztree，即可查询到官网地址。下载之后解压，然后复制到项目webapp目录下面
2、在页面中引入zTreeStyle.css，jquery，jquery.ztree.core，jquery.ztree.excheck的4个文件。因为ztree是基于jquery的，所以要在ztree之前引入jquery库，注意顺序
3、添加<ul id="treeTest" class="ztree"></ul>稆糨孝汶;，注意class属性值为ztree，id可以自定义，后面与js使用的id对应即可var zNodes=eval('${nodes}');eval解析后台的节点数据，后台返回过来的是json字符串，eval把字符串解析成js对象$.fn.zTree.init($("#treeTest"), setting, zNodes);这个是关键，初始化树形结构，setting是配置对象，zNodes就是后台返回的节点数据然后解析成的json对象
4、添加后台代码，这里后台使用的springmvc，同时后台为了演示，构建一个json的节点数据，然后把数据放到model的nodes属性中返回给前台页面ZtreeNodeVo对象添加3个字段private String id;private String pId;private String name;字段对应前台的setting.data配置
5、启动web项目，打开浏览器访问测试页面，如图可以看到树形列表展示出来了
6、但上面这个树形没有勾选框，如果用于树形选择元素的话，则需要修改setting.check配置，enable: true即可再次刷新页面查看效果，如图多出了复选框可以勾选了
