XloadTree动态递归读取电脑中的文件夹，类似资源管理器-优快云博客

本文详细介绍了如何使用XloadTree创建动态树形菜单，并通过Java Servlet实现动态加载节点的功能。主要内容包括项目搭建步骤、关键代码解析及配置说明。

XloadTree相关资源可从官方网站进行下载，主要用到的就是几个js文件和图片以及xtree.css样式文件

1：新建一个WEB项目，将下载的XloadTree资源copy到webroot目录下

2：在webroot下新建一个test.jsp文件，文件内容如下

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@page import="java.io.*"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>XLoadTree</title> <mce:script type="text/javascript" src="xtree.js" mce_src="xtree.js"></mce:script> <mce:script type="text/javascript" src="xmlextras.js" mce_src="xmlextras.js"></mce:script> <mce:script type="text/javascript" src="xloadtree.js" mce_src="xloadtree.js"></mce:script> <link type="text/css" rel="stylesheet" href="xtree.css" mce_href="xtree.css" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body { background: white; color: black; }</style> </head> <body> <p> <button onclick="rti.reload()">reload</button> </p> <mce:script type="text/javascript"></mce:script> </body> </html>

3：treeServlet实现

package com.tree; import java.io.File; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class TreeServlet extends HttpServlet { public TreeServlet() { super(); } public void destroy() { super.destroy(); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // response.setContentType("text/html"); // 设置返回的格式是xml response.setContentType("text/xml;charset=UTF-8"); PrintWriter out = response.getWriter(); // String strDir = request.getParameter("dr"); // 对获取的请求参数进行decode，在请求的时候会对请求的链接进行encodeURI String dir = request.getParameter("dir"); if(dir!=null){ dir = java.net.URLDecoder.decode(request.getParameter("dir"),"utf-8"); } if (dir != null && !dir.equals("")) { if (dir.contains("/")) { dir = dir.replace('/', '//'); } else { dir = dir + "//"; } }else if (dir == null || dir.length() < 1) { dir = "c://"; } //XML开始 StringBuffer bf = new StringBuffer("<tree text=/"loaded/">"); System.out.println("11 " + dir); File parentF = new File(dir); System.out.println("22" + parentF.isDirectory()); File list[] = parentF.listFiles(); System.out.println("33 " + parentF); if (list != null) { for (int i = 0; i < list.length; i++) { if (list[i].isDirectory()) { //只是显示了文件夹，未显示单个的文件 bf.append("<tree text=/"" + list[i].getName() + "/" src="/" mce_src="/""treeServlet?dir=" + list[i].getAbsolutePath() + "///"/>"); } } } //XML结尾 bf.append("</tree>"); //输出返回 out.println(bf.toString()); out.flush(); out.close(); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); } public void init() throws ServletException { } }

4：treeServlet配置映射

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>TreeServlet</servlet-name> <servlet-class>com.tree.TreeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>TreeServlet</servlet-name> <url-pattern>/treeServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

5：可能出现的问题

在IE下不能显示ajax调用servlet返回的xml,需在servlet中进行设置response.setContentType("text/xml;charset=UTF-8");

中文乱码问题，前面的《XloadTree中文乱码问题解决》文章中有介绍，请进行参考

6：最终效果，如下图