天天看點

hutool-樹結構使用筆記文檔位址構造樹行結構前端展示

文檔位址

hutool樹形結構文檔

構造樹行結構

因為資料結構使用,是以要用到擴充字段,記錄一下使用過程。

上代碼:

@Override
    public List<Tree<String>> tree(SysMenu sysMenu) {
        //配置
        TreeNodeConfig treeNodeConfig = new TreeNodeConfig();
        // 自定義屬性名 都要預設值的
        treeNodeConfig.setWeightKey("order");
        treeNodeConfig.setIdKey("rid");
        // 最大遞歸深度
        treeNodeConfig.setDeep(3);
        List<SysMenu> list = this.list();
        List<Tree<String>> treeNodes = TreeUtil.build(list, "0", treeNodeConfig,
                (treeNode, tree) -> {
                    tree.setId(treeNode.getMenuId());
                    tree.setParentId(treeNode.getParentId());
                    //tree.setWeight(treeNode.getWeight());
                    tree.setName(treeNode.getMenuName());
                    // 擴充屬性 ...
                    tree.putExtra("route", treeNode.getRoute());
                    tree.putExtra("seq", treeNode.getSeq());
                    //tree.putExtra("other", new Object());
                });
        return treeNodes;
    }           

複制

前端展示

{
  "success": true,
  "code": 200,
  "message": "成功",
  "data": [
    {
      "rid": "1",
      "parentId": "0",
      "name": "1級菜單",
      "route": "1",
      "seq": 1,
      "children": [
        {
          "rid": "2",
          "parentId": "1",
          "name": "2級菜單",
          "route": "1",
          "seq": 2,
          "children": [
            {
              "rid": "3",
              "parentId": "2",
              "name": "3級菜單",
              "route": "1",
              "seq": 3,
              "children": null
            }
          ]
        }
      ]
    }
  ]           

複制

hutool-樹結構使用筆記文檔位址構造樹行結構前端展示

樹結構

順利展示,記錄下筆記!

騰雲先鋒(TDP,Tencent Cloud Developer Pioneer)是騰訊雲GTS官方組建并營運的技術開發者群體。這裡有最專業的開發者&客戶,能與産品人員親密接觸,專有的問題&需求回報管道,有一群志同道合的兄弟姐妹。來加入屬于我們開發者的社群吧 。