Java树形结构设计与开发

树形结构是我们开发过程中经常遇到的一种数据结构
例如:权限树,菜单树,分类树……

数据表结构

其数据库设计大多如下:

create table sys_menu
(
    id   varchar(64) primary key not null,
    name varchar(64)             not null comment '菜单名称',
    pid  varchar(64)             not null default '0' comment '父id'
) comment '系统菜单表';

在这里插入图片描述

实体类


@Data
@Accessors(chain = true)
public class SysMenu {
   

    /**
     * id
     */
    private String id;

    /**
     * 菜单名称
     */
    private String name;

    /**
     * 父id
     */
    private String pid;

}

设计结构

根据数据库可以设计出如下的数据结构

  • data: 数据库任意一行数据
  • children:data节点下的所有数据集合

即:

/**
 * 树形结构模型类
 *
 * @author zukxu
 * @since 2022-1-2-18:09:32
 */
@Data
@NoArgsConstructor
@AllArgsConstructor
public class TreeNode<T> {
   

    /**
     * 节点根数据
     */
    private T rootNode;

    /**
     * 节点内容
     */
    private List<TreeNode<T>> childrenNode = new ArrayList<>();

工具类-ConvertTree

这是一个将其他的数据转换为Tree的工具类

public class ConvertTree<T> {
   }

获取数据

一次性从数据库中获取全部的数据,将取出的数据放入一个list中

每一个节点都应该有获取其子节点的方法
在树形节点类中添加一个方法获取其子节点内容
通过rootNode的id对比相同的放入子节点集合中,不相同的从数据集合中删除,只要集合为空即遍历结束

 /**
     * 获取子节点
     *
     * @param dataList 数据集合
     * @param idName   id字段名
     * @param pidName  pid字段名
     *
     * @return 子节点集合
     */
    public List<TreeNode<T>> childrenNode(List<T> dataList, String idName, String pidName) {
   
        ConvertTree<T> convertTree = new ConvertTree<>();
        String idValue = convertTree.getFieldValue(rootNode, idName);
        List<T> collect = dataList.stream()
                                  .filter(t -> idValue.equals(convertTree.getFieldValue(t, pidName))).toList();
        dataList.removeAll(collect);
        collect.forEach(t -> {
   
            TreeNode<T> treeNode = new TreeNode<>();
            treeNode.setRootNode(t);
            childrenNode.add(treeNode);
        });
        return childrenNode;
    }

由于无法知道具体的类,也就不知道构建Tree的id字段和pid字段,所以我们可以采用反射的方式获取字段的值


                
$(function(){ $.fn.extend({ SimpleTree:function(options){ //初始化参数 var option = $.extend({ click:function(a){ } },options); option.tree=this; /* 在参数对象中添加对当前菜单树的引用,以便在对象中使用该菜单树 */ option._init=function(){ /* * 初始化菜单展开状态,以及分叉节点的样式 */ this.tree.find("ul ul").hide(); /* 隐藏所有子级菜单 */ this.tree.find("ul ul").prev("li").removeClass("open"); /* 移除所有子级菜单父节点的 open 样式 */ this.tree.find("ul ul[show='true']").show(); /* 显示 show 属性为 true 的子级菜单 */ this.tree.find("ul ul[show='true']").prev("li").addClass("open"); /* 添加 show 属性为 true 的子级菜单父节点的 open 样式 */ }/* option._init() End */ /* 设置所有超链接不响应单击事件 */ this.find("a").click(function(){ $(this).parent("li").click(); return false; }); /* 菜单项 接受单击 */ this.find("li").click(function(){ /* * 当单击菜单项 * 1.触发用户自定义的单击事件,将该 标签中的第一个超链接做为参数传递过去 * 2.修改当前菜单项所属的子菜单的显示状态(如果等于 true 将其设置为 false,否则将其设置为 true) * 3.重新初始化菜单 */ option.click($(this).find("a")[0]); /* 触发单击 */ /* * 如果当前节点下面包含子菜单,并且其 show 属性的值为 true,则修改其 show 属性为 false * 否则修改其 show 属性为 true */ /* if($(this).next("ul").attr("show")=="true"){ $(this).next("ul").attr("show","false"); }else{ $(this).next("ul").attr("show","true"); }*/ /* 初始化菜单 */ option._init(); }); /* 设置所有父节点样式 */ this.find("ul").prev("li").addClass("folder"); /* 设置节点“是否包含子节点”属性 */ this.find("li").find("a").attr("hasChild",false); this.find("ul").prev("li").find("a").attr("hasChild",true); /* 初始化菜单 */ option._init(); }/* SimpleTree Function End */ }); });
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值