IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 数据结构与算法 -> 树形数据结构返回前端示例代码 -> 正文阅读

[数据结构与算法]树形数据结构返回前端示例代码

当前端需要返回如下结构的json时候:

{
    "success":true,
    "code":20000,
    "message":"成功",
    "data":{
        "list":[
            Object{...},
            Object{...},
            {
                "id":"1521703425235382274",
                "label":"数据库",
                "children":[
                    {
                        "id":"1521703425302491138",
                        "label":"mysql",
                        "children":[

                        ],
                        "pid":"1521703425235382274"
                    }
                ],
                "pid":"0"
            },
            Object{...}
        ]
    }
}

2种情况

  1. 只有一颗树结构:
    例如一个系统有多个子系统
 @Test
    public void test03() {
        HashMap<Integer, TestDemo> map = new HashMap<>();
        List<TestDemo> list = new ArrayList<TestDemo>();
        list.add(new TestDemo(1, "1",0, new ArrayList<TestDemo>()));
        list.add(new TestDemo(2, "2", 1,new ArrayList<TestDemo>()));
        list.add(new TestDemo(3, "3", 2,new ArrayList<TestDemo>()));
        list.add(new TestDemo(4, "4", 1,new ArrayList<TestDemo>()));
        list.add(new TestDemo(5, "5", 4,new ArrayList<TestDemo>()));
        list.add(new TestDemo(6, "6", 4,new ArrayList<TestDemo>()));
        list.add(new TestDemo(9, "9", 2,new ArrayList<TestDemo>()));
        list.add(new TestDemo(7, "7", 3,new ArrayList<TestDemo>()));
        list.add(new TestDemo(8, "8", 3,new ArrayList<TestDemo>()));
        for (TestDemo testDemo : list) {
            map.put(testDemo.getKey(), testDemo);
        }
        TestDemo root = null;
        for (TestDemo testDemo : list) {
            if(testDemo.getPid() == 0){
            //寻找根节点
                root = testDemo;
                continue;
            }
            //父子关系构造,list之前new好了,所有这里直接取出来add就可以了。没有new的话,取值然后再去存值比较麻烦
            map.get(testDemo.getPid()).getChildren().add(testDemo);
        }

        System.out.println(root);

实体类

@Data
@AllArgsConstructor
@NoArgsConstructor
public class TestDemo {
    int key;
    String name;
    int pid;
    List<TestDemo>  children;
}

2.多颗树结构
例如多门学科为父根,每门学科有不同的章节

List<TestDemo> list = new ArrayList<TestDemo>();
        list.add(new TestDemo(2, "2", 1,new ArrayList<TestDemo>()));
        list.add(new TestDemo(3, "3", 2,new ArrayList<TestDemo>()));
        list.add(new TestDemo(4, "4", 1,new ArrayList<TestDemo>()));
        list.add(new TestDemo(5, "5", 4,new ArrayList<TestDemo>()));
        list.add(new TestDemo(6, "6", 4,new ArrayList<TestDemo>()));
        list.add(new TestDemo(1, "1",0, new ArrayList<TestDemo>()));
        list.add(new TestDemo(9, "9", 2,new ArrayList<TestDemo>()));
        list.add(new TestDemo(7, "7", 3,new ArrayList<TestDemo>()));
        list.add(new TestDemo(8, "8", 3,new ArrayList<TestDemo>()));
        //另一棵树,不同于上一棵
        list.add(new TestDemo(11, "11", 0,new ArrayList<TestDemo>()));
        list.add(new TestDemo(12, "12", 11,new ArrayList<TestDemo>()));
        list.add(new TestDemo(13, "13",11,new ArrayList<TestDemo>()));

以0有2棵树

增加 List roots = new ArrayList<>();
root = testDemo 改成 roots.add(testDemo);

其中的实体类中的list属性,个人建议new出来比较好。当后端查的数据和前端的数据不一致时,建议自己重新遍历生成一个vo对象包含初始化好list再去做父子关系构造

  数据结构与算法 最新文章
【力扣106】 从中序与后续遍历序列构造二叉
leetcode 322 零钱兑换
哈希的应用:海量数据处理
动态规划|最短Hamilton路径
华为机试_HJ41 称砝码【中等】【menset】【
【C与数据结构】——寒假提高每日练习Day1
基础算法——堆排序
2023王道数据结构线性表--单链表课后习题部
LeetCode 之 反转链表的一部分
【题解】lintcode必刷50题<有效的括号序列
上一篇文章      下一篇文章      查看所有文章
加:2022-05-12 16:37:25  更:2022-05-12 16:38:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 4:43:47-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码