Java实现构建树状菜单栏

布满荆棘的人生 2022-12-28 14:04 176阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70_pic_center]

### 文章目录 ###

*  一. 问题背景
 *  二. 解决方案
 *   *  2.1 核心算法
     *   *  2.1.1 用动态数组构建树
         *  2.1.2 用队列构建树
     *  2.2 核心思路

# 一. 问题背景 #

> **在公司做项目遇到一个需求是要返回一颗树状菜单栏的数据结构给前端。效果类似如下：**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]

# 二. 解决方案 #

> **这里先直接给出核心算法的代码，有兴趣研究的可以[前往gitee页面下载][gitee]，搭建该项目的所有资源（包括源码、sql表结构、表数据都在项目里面）都在里面，部署方法可参考里面的readme.md文件**

## 2.1 核心算法 ##

> 这里有2种方式，其实都差不多。一种是采用 **动态数组** ，一种是采用 **队列层次遍历** 。直接给出核心代码，后面再给出思路图

### 2.1.1 用动态数组构建树 ###

/** * 1. 构建一个map，存储每个节点的孩子们 * 2. 构建一个map，根据key可以获取到这个节点 * 3. 根据传进来的字典定义名获取那个节点，用动态数组构建树 */
    
            long startTime = System.currentTimeMillis();
    
            if (parentKey == null || parentKey.trim().length() == 0) { 
                parentKey = PARENT_KEY;
            }
    
            // 构建一个map，存储每个节点的孩子节点
            Map<Integer, List<DictDefine>> parentIdChildrenMap = new HashMap<>();
            // 构建一个map，根据key可以获取到这个节点
            Map<String, DictDefine> defineNameDictDefineMap = new HashMap<>();
            for (DictDefine dictDefine : dictDefines) { 
                Integer parentId = dictDefine.getParentId();
                List<DictDefine> dictDefineList = parentIdChildrenMap.get(parentId);
                if (dictDefineList == null) { 
                    dictDefineList = new ArrayList<>();
                }
                dictDefineList.add(dictDefine);
                parentIdChildrenMap.put(parentId, dictDefineList);
                defineNameDictDefineMap.put(dictDefine.getDefineName(), dictDefine);
            }
    
            // 根据传进来的字典定义名获取那个节点，用动态数组构建树
            DictDefine rootDictDefine = defineNameDictDefineMap.get(parentKey);
    
            if (rootDictDefine == null) { 
                return new ArrayList<DictDefine>();
            }
    
            //用动态数组list构建树
            List<DictDefine> list = new ArrayList<>();
            list.add(rootDictDefine);
    
            int index = 0;
            while (!list.isEmpty() && index < list.size()) { 
                DictDefine dictDefine = list.get(index);
                if (dictDefine == null) { 
                    continue;
                }
                List<DictDefine> childrenList = parentIdChildrenMap.get(dictDefine.getId());
                if (childrenList != null) { 
                    dictDefine.setChildren(childrenList);
                    list.addAll(childrenList);
                }
    
                index++;
            }
    
            ArrayList<DictDefine> result = new ArrayList<>();
            result.add(rootDictDefine);
    
            long endTime = System.currentTimeMillis();
    
            log.info("It takes {}ms to deal it.", endTime-startTime);
    
            return result;
        }

### 2.1.2 用队列构建树 ###

/** * 使用队列构建树 * @param dictDefines * @param parentKey * @return */
        public static List<DictDefine> buildTreeByLinkedList(List<DictDefine> dictDefines,
                                                            String parentKey) { 
    
            /** * 1. 构建一个map，存储每个节点的孩子们 * 2. 构建一个map，根据key可以获取到这个节点 * 3. 根据传进来的字典定义名获取那个节点，用队列构建树 */
    
            long startTime = System.currentTimeMillis();
    
            if (parentKey == null || parentKey.trim().length() == 0) { 
                parentKey = PARENT_KEY;
            }
    
            // 构建一个map，存储每个节点的孩子节点
            Map<Integer, List<DictDefine>> parentIdChildrenMap = new HashMap<>();
            // 构建一个map，根据key可以获取到这个节点
            Map<String, DictDefine> defineNameDictDefineMap = new HashMap<>();
            for (DictDefine dictDefine : dictDefines) { 
                Integer parentId = dictDefine.getParentId();
                List<DictDefine> dictDefineList = parentIdChildrenMap.get(parentId);
                if (dictDefineList == null) { 
                    dictDefineList = new ArrayList<>();
                }
                dictDefineList.add(dictDefine);
                parentIdChildrenMap.put(parentId, dictDefineList);
                defineNameDictDefineMap.put(dictDefine.getDefineName(), dictDefine);
            }
    
            // 根据传进来的字典定义名获取那个节点，用动态数组构建树
            DictDefine rootDictDefine = defineNameDictDefineMap.get(parentKey);
    
            if (rootDictDefine == null) { 
                return new ArrayList<DictDefine>();
            }
    
            //用动态数组list构建树
            Queue<DictDefine> queue = new LinkedList<>();
            queue.offer(rootDictDefine);
    
            while (!queue.isEmpty() ) { 
                DictDefine dictDefine = queue.poll();
                if (dictDefine == null) { 
                    continue;
                }
                List<DictDefine> childrenList = parentIdChildrenMap.get(dictDefine.getId());
                if (childrenList != null) { 
                    dictDefine.setChildren(childrenList);
                    queue.addAll(childrenList);
                }
    
            }
    
            ArrayList<DictDefine> result = new ArrayList<>();
            result.add(rootDictDefine);
    
            long endTime = System.currentTimeMillis();
    
            log.info("It takes {}ms to deal it.", endTime-startTime);
    
            return result;
        }

## 2.2 核心思路 ##

> 核心思路如上，不管是采用动态数组，还是队列，其实都是在进行层次遍历，有兴趣可以去看看**BFS层次遍历算法**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/6195a56955e74e00822f65365caf44a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]: /images/20221120/d1af9988c2db40fea12cfcdce37b6533.png
[gitee]: https://gitee.com/zilianggan/build-tree
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]: /images/20221120/08f3b1d32be6469bb4f52df81ac87fb5.png