element-ui树形控件

本文介绍了如何处理后台返回的树形数据,通过将数据存入map并遍历查找父节点来构建树形结构。首先,一次性查询所有数据放入map,然后找出顶层数据,接着遍历数据,根据父id找到对应父节点并添加子节点。提供了一个数据接口类、工具类和实体类的示例,帮助理解实现过程。
摘要由CSDN通过智能技术生成

首先我们要清楚后台返回树形的格式为如下:

所以按照以下思想实现树形结构:

1.把所有数据查询出来放到一个map集合当中,key值为本身数据的id,value值为数据本身。优点是:只对数据库进行一次查询,避免浪费资源

2.把查询出来的数据判断其有没有父id,把没有父id的存放一个list集合当中。(顶层数据)

3.把数据进行for循环,根据本身数据的父id获取map集合当中的数据。例:map.get(entityList.getParentId()),在此之前已经把查询出来的数据一 一放到了map集合当中,其实这一步就是相当于判断本身在所有的数据中有没有父亲。

4.如果有父亲的话进行判断父亲有没有孩子,有就直接加,没有就先给父亲分配一个空间(房子),有了房子你才能住进去。

顺着这个思想,以下是代码实现。

数据的接口类:

    可根据自己本身情况更改接口所要实现的发放,我这接口类只是实现了某些属性的get、set方法,写这个接口类主要是为了下面的工具类,定义泛型T的类型

public interface dataTree<T> {

    public String getId();

    public String getParentId();

    public void setChildList(List<T> childList);

    public List<T> getChildList();

}

工具类:

    以下的泛型T就是你接收数据的实体类,要继承上面数据接口类

public class TreeUtil {

    public static 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值