【毕业设计总结】之 Dtree目录树_毕业设计目录树-CSDN博客

本文介绍如何使用Dtree组件在文件管理系统中构建目录树，并实现点击节点展示相应文件列表的功能。通过DAO接口实现类获取数据库中的目录信息并转换为Dtree节点，最终在JSP页面上展示。

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

毕业设计的文档管理模块要用到目录树，选来选去还是决定用Dtree了，现总结一下Dtree的应用心得……

首先说说我的功能需求吧，我有一个目录数据库表TDir，一个文件数据库表TFile，然后我想把在表TDir中的数据取出来转换成目录树里的节点，点击每一个节点就显示其下相应的文件列表……

首先，在DAO接口实现类DirDAOImpl里有个makeTree方法返回一个树节点的数组：

public TDir[] makeTree(String rootDirId) { TDir[] treeNodes = null; int rowCounts = 0; String sql = "select Count(*) from TDir"; String sql2 = "select * from TDir"; connection = new DBConnection().getConnection(); PreparedStatement ps = null; ResultSet rs = null; try { ps = connection.prepareStatement(sql); rs = ps.executeQuery(); if (rs.next()) { rowCounts = rs.getInt(1); treeNodes = new TDir[rowCounts]; } rs.close(); ps.close(); ps = connection.prepareStatement(sql2); rs = ps.executeQuery(); for (int i = 0; rs.next(); i++) { treeNodes[i] = new TDir(); treeNodes[i].setDirId(rs.getInt(1)); treeNodes[i].setParDirId(rs.getInt(5)); treeNodes[i].setDirName(rs.getString(2)); treeNodes[i].setDirPath(rs.getString(3)); treeNodes[i] .setDirUrl("FileAction.do?method=queryAllFile&rootDirId=" + rootDirId + "&subDirId=" + rs.getInt(1)); } rs.close(); ps.close(); connection.close(); } catch (SQLException e) { e.printStackTrace(); } return treeNodes; }

然后，在TreeNodeUtil工具类里，利用StringBuffer输出创建Dtree节点的语句：

package com.edms.util; import com.edms.entity.TDir; public class TreeNodeUtil { public static String createJsArray(TDir[] td, String dtree) { if (td == null || td.length == 0) { return ""; } StringBuffer contents = new StringBuffer(1000); contents.append("new dTree('" + dtree + "');"); for (int i = 0; i < td.length; i++) { contents.append("/n"); contents.append(dtree + ".add('"); contents.append(td[i].getDirId()); contents.append("','"); contents.append(td[i].getParDirId()); contents.append("','"); contents.append(td[i].getDirName()); contents.append("','"); contents.append(td[i].getDirUrl()); contents.append("');"); } return contents.toString(); } }

最后就可以在JSP页面里创建Dtree了……

<%@ page language="java" pageEncoding="UTF-8"%> <%@page import="com.edms.entity.TDir"%> <%@page import="com.edms.util.TreeNodeUtil"%> <%@page import="java.util.List"%> <%@page import="com.edms.action.FileForm"%> <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%> <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%> <%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%> <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%> <% List fileList = (List) request.getAttribute("fileList"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html:html lang="true"> <head> <html:base /> <title>文件列表</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link href="css/ioa-1.css" mce_href="css/ioa-1.css" type="text/css" rel="stylesheet"> <link rel="StyleSheet" href="css/dtree.css" mce_href="css/dtree.css" type="text/css" /> <mce:script type="text/javascript" src="js/dtree.js" mce_src="js/dtree.js"></mce:script>  <link href="css/css.css" mce_href="css/css.css" rel="stylesheet" type="text/css"> </head> <body> <table width="30%"> <tr> <td valign="top"> <% TDir[] treeNodes = (TDir[]) request.getAttribute("treeNodes"); %> <div class="dtree"> <p> <a href="javascript: d.openAll();" mce_href="javascript: d.openAll();">展开</a> | <a href="javascript: d.closeAll();" mce_href="javascript: d.closeAll();">关闭</a> </p> <mce:script type="text/javascript"></mce:script> </div> </td> </tr> </table> </body> </html>

OK了，记得在JSP页面加入引用dtree.js的link……

运行之后效果如下：