xloadtree实现web动态目录树（分层加载）-优快云博客

本文链接：https://blog.youkuaiyun.com/u012732618/article/details/46454375

本文介绍如何在Java Web项目中利用xloadtree插件实现动态目录树功能，点击节点逐级加载数据。作者在克服自身Web基础不足的情况下，通过实践和学习，成功实现了数据的分层加载。文章提供了相关的资源下载链接，并展示了Node类的设计以及初始页面的jsp和javascript实现。数据库结构也进行了简单展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做老师的项目，第一个任务：做一个java web目录树要求实现数据的动态加载，即点击一个节点加载一层数据，经过一个星期的尝试探索期间用了几个比较流行的树插件

（js包），最终用xloadtree实现了。（选js包的原因是因为自己web网页基础就是一坨翔啊T_T，看到这里大神请绕道）

什么是xloadtree，这里放一个链接看完就会略知一二，点击打开链接

现在可以看看我是怎么做的，大家可以先把相关的资源包下载下来，点击打开链接

建数据库什么的大家应该都会，在这里就不啰嗦了

1，我先写了一个Node类，建类的原因当然是为了好封装啊，开发便捷，面向对象啊什么的（哈哈哈）

一般对象的属性会和数据库表中的属性保持一致，我的如下：

public class Node {

	private String node_id;
	private String parent_id;
	private String node_name;
	private String ref_url;
	
	public Node() {
		// TODO Auto-generated constructor stub
	}

	public String getNode_id() {
		return node_id;
	}

	public void setNode_id(String node_id) {
		this.node_id = node_id;
	}

	public String getParent_id() {
		return parent_id;
	}

	public void setParent_id(String parent_id) {
		this.parent_id = parent_id;
	}

	public String getNode_name() {
		return node_name;
	}

	public void setNode_name(String node_name) {
		this.node_name = node_name;
	}

	public String getRef_url() {
		return ref_url;
	}

	public void setRef_url(String ref_url) {
		this.ref_url = ref_url;
	}
	
}

2，数据库操作类，（我用的是sqlite数据库，这个数据库的优点就是，只需一个jar包就能写数据库，槽点吗？谁用谁知道

）

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLExceptio