如何将element-ui树形控件后台数据改写为组织树长尾？

本文共计1305个文字，预计阅读时间需要6分钟。

开发项目过程中，常需在表格中选择参会人员。根据不同部门选择不同人员，Element UI中的树形控件能满足这种需求。后端封装数据记录如下：+ 封装格式：++ 返回数据格式：++ 接收数据：+

开发项目的时候遇到需要在表单中选择参会人员，根据不同部门下选择不同的人，在element-ui中有树形控件能满足这种情况，后台封装数据记录一下。

封装格式：

返回数据格式：

接收数据的pojo类：

2018年4月12日修改

本以为以上的数据结构能满足项目的使用，但是我错了，当时的数据库中只有不到10条的数据并且组织结构非常单一，随后同事导入了数据（6000多条），组织结构也不是如此单一的了，我在项目中固定了三层结构肯定是错的，要一个活的组织树。

网上有很多大牛写的方法，递归的、迭代的， 我在看了很多大牛写的方法以后，有了实现思想。

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

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

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

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