layui树形图带图标字段搭建

1、第一步我们先学会使用树形图，网上有很多教程，我直接是用layui吧插件加载进来；安装插件方法把数据进行渲染出来

2、后台数据处理，因为前端树形插件有固定的数据格式，我们后台查到相应的数据进行处理，转成json格式返回给前端

3、树形兔脒巛钒图图片渲染，利用templet方法可以在渲染时候添加HTML标签；我们判断一下当前图片是否存在，存在输出不存在就给按钮上传

4、最重要的部分来了，因为插件因故，我尺攵跋赈们选择layui里面的上传方法如图所示，主要我们怎么样拿到当前数据的id和图片一起传过去，要用里面的方法before里面可以传参数到后台

5、后台tp5框架直接可以input取值id；在处理一下图片上传到这个id里面对应的字段；上传成功吧路径也更新到对应字段就行了；前端上传成功会出现刷新页面渲染

6、如图所示效果，我们检查代码，可以看到点击对应的图标会赋值一个类选中，上传时候随便吧id带过去就可以对应上传了

7、总结： 1树形图插件要按照固定格式； 2上传图片要带对应id 3渲染问题在数据量不大刷新当前页即可