从品牌网站建设到网络营销策划,从策略到执行的一站式服务
最近用到了el-tree控件,主要是数据的格式,按照官网的数据格式来就可以显示节点的树形结构了。
代码参考很多
这里给出一个比较好的链接:https://www.jb51.net/article/181990.htm
代码说明在注释里写的很详细了已经,这里不再叙述说明。至于为什么抽取成这种格式的数据,那是因为ElementUI-tree规定的数据格式,你想要用这个控件,就必须按照他们规定的这个格式 来。
数据格式如下:
Controller代码
@RequestMapping("/cateList") @ResponseBody public ListcateList() { // 整体思路: // 1、取得所有数据、放入集合List1 (tbCategories) // 2、将List1所有数据都放入到map(treeMap)中:元素id为键,元素本身对象为值 // 3、取得顶层节点放入集合List2中(resultList) // 4、遍历List1中的所有数据,通过数据的parentId为键在map中取值 // 1)如果能取到,则说明该元素有父节点 // 1、判断该父节点下的childList中是否有已经子节点 // 1、若无:则创建一个集合,将子节点放入 // 2、若有:则直接将子节点放入即可 // 5、把放好的数据放回到map中 // 6、返回List2(resultList) // 注意:整个过程将所有数据取出放入list2(resultList),返回的也是 //list2 List tbCategories = categoryService.cateList(); List resultList = new ArrayList (); // 存贮顶层的数据 Map
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图