烟台做网站,深圳企业做网站,制作好看的wordpress页面,凡诺网站下载Hutool树结构工具-TreeUtil快速构建树形结构的两种方式 数据排序 一、业务场景二、Hutool官网树结构工具2.1 介绍2.2 使用2.2.1 定义结构2.2.2 构建Tree2.2.3 自定义字段名 2.3 说明 三、具体的使用场景3.1 实现的效果3.2 业务代码3.3 实现自定义字段的排序 四、踩过的坑4.1 坑… Hutool树结构工具-TreeUtil快速构建树形结构的两种方式 数据排序 一、业务场景二、Hutool官网树结构工具2.1 介绍2.2 使用2.2.1 定义结构2.2.2 构建Tree2.2.3 自定义字段名 2.3 说明 三、具体的使用场景3.1 实现的效果3.2 业务代码3.3 实现自定义字段的排序 四、踩过的坑4.1 坑1weight权重属性 类型异常4.2 坑2weight权重属性 字符串只能根据首字母排序 一、业务场景
Springboot vue 开发
想实现树结构业务并在树结构节点有业务功能比如根据树结构节点排序、节点的状态显示等功能。
在开发过程中必定会遇到树形结构的数据一般都是后端直接从库里查询出来然后自定义方法去封装成树形树形返回给前端。这里就会用到递归、封装再返回非常麻烦。后来发现 HutoolUtil 中有个工具类 TreeUtil 可以完成本次项目的需求非常便捷使用方式很简单本次就使用它来实现。
二、Hutool官网树结构工具
如果想查询Hutool官网最新的树结构工具请各位看官移步至传送门官网树结构工具-TreeUtil。
以下是当时使用此 TreeUtil 时的官网介绍。
2.1 介绍
考虑到菜单等需求的普遍性有用户提交了一个扩展性极好的树状结构实现。这种树状结构可以根据配置文件灵活的定义节点之间的关系也能很好的兼容关系数据库中数据。实现 关系型数据库数据 - Tree - JSON 树状结构中最大的问题就是关系问题在数据库中每条数据通过某个字段关联自己的父节点每个业务中这个字段的名字都不同如何解决这个问题呢
PR的提供者提供了一种解决思路自定义字段名节点不再是一个bean而是一个map实现灵活的字段名定义。
2.2 使用
2.2.1 定义结构
我们假设要构建一个菜单可以实现系统管理和店铺管理菜单的样子如下 系统管理 |- 用户管理 |- 添加用户 店铺管理 |- 商品管理 |- 添加商品 那这种结构如何保存在数据库中呢一般是这样的 2.2.2 构建Tree
// 构建node列表
ListTreeNodeString nodeList CollUtil.newArrayList();nodeList.add(new TreeNode(1, 0, 系统管理, 5));
nodeList.add(new TreeNode(11, 1, 用户管理, 222222));
nodeList.add(new TreeNode(111, 11, 用户添加, 0));
nodeList.add(new TreeNode(2, 0, 店铺管理, 1));
nodeList.add(new TreeNode(21, 2, 商品管理, 44));
nodeList.add(new TreeNode(221, 2, 商品管理2, 2));TreeNode表示一个抽象的节点也表示数据库中一行数据。 如果有其它数据可以调用setExtra添加扩展字段。
// 0表示最顶层的id是0
ListTreeString treeList TreeUtil.build(nodeList, 0);因为两个Tree是平级的再没有上层节点因此为List。
2.2.3 自定义字段名
//配置
TreeNodeConfig treeNodeConfig new TreeNodeConfig();
// 自定义属性名 都要默认值的
treeNodeConfig.setWeightKey(order);
treeNodeConfig.setIdKey(rid);
// 最大递归深度
treeNodeConfig.setDeep(3);//转换器
ListTreeString treeNodes TreeUtil.build(nodeList, 0, treeNodeConfig,(treeNode, tree) - {tree.setId(treeNode.getId());tree.setParentId(treeNode.getParentId());tree.setWeight(treeNode.getWeight());tree.setName(treeNode.getName());// 扩展属性 ...tree.putExtra(extraField, 666);tree.putExtra(other, new Object());});通过TreeNodeConfig我们可以自定义节点的名称、关系节点id名称这样就可以和不同的数据库做对应。
2.3 说明
官网上描述的是最通用和最简单的使用方法但是在实际开发中我们的业务场景都会比实际的复杂很多所以结合业务场景实现此功能。
三、具体的使用场景
3.1 实现的效果 3.2 业务代码 3.3 实现自定义字段的排序
使用官网推荐的方法排序
TreeNodeConfig treeNodeConfig new TreeNodeConfig();
// 自定义属性名 都要默认值的
treeNodeConfig.setWeightKey(order);然后在转换器中取出此自定义的排序字段时无论怎么配置和设置都是无法使用自定义的字段。
在网上搜索的自定义方法都是与官网上一样通过 TreeNodeConfig 配置类设置然后在转换器 treeNode 类中获取。在我所使用的项目中始终不生效。所以只能靠自己解决了。
通过自己的摸索和研究如3.2中的代码通过拓展字段可以实现。
然后在转换器中通过拓展字段把自定义的排序字段取出然后再赋值给 Tree 类中的 weight 属性即可。
四、踩过的坑
4.1 坑1weight权重属性 类型异常
官网中的weight权重属性不能使用 int 类型的字段项目启动正常调用接口时会报类型转换异常错误。
4.2 坑2weight权重属性 字符串只能根据首字母排序
如果此字段设置为字符串类型的排序字段时TreeUtil 只会根据首字母排序限制了我们使用的情况所以此种情况也不符合我们的期望。
本文完结
