easyUI之tree组件实现思路之前端实现效果

本文介绍如何利用easyUI的tree组件,结合从MySQL数据库获取的json数据,实现前端展示。首先回顾了从数据库获取json数据的方法,接着详细展示了实现tree组件的代码流程,包括关键代码片段。最后,作者强调在编程过程中应保持思维灵活性,随着学习深入,理解也会更加透彻。
摘要由CSDN通过智能技术生成

将MySQL中的数据传入tree组件实现思路之前端实现效果

前言

前面我已经讲过了后台获取MySQL数据库中的对应json格式的数据,今天我们来把它做成tree!

指路:
获取MySQL数据库中的对应json格式的数据

实现

实现效果:
在这里插入图片描述
注:我这次用的表和上一篇博客不一样!
这次的表:
在这里插入图片描述

实现思路:
在这里插入图片描述

实现流程:
在这里插入图片描述
实现流程代码1:

上面是一个默认的顶级节点为0的是上一篇博客中使用到循环方法
下面是一个传递指定顶级节点的方法
package com.zengjing.vo;


import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class BuildTree {

	/**
	 * 默认0为顶级节点
	 * @param nodes
	 * @param <T>
	 * @return
	 */
	public static <T> TreeVo<T> build(List<TreeVo<T>> nodes) {

		if (nodes == null) {
			return null;
		}
		List<TreeVo<T>> topNodes = new ArrayList<TreeVo<T>>();

		for (TreeVo<T> children : 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值