jsp+dtree+taglib动态生成树节点资源-CSDN文库

共52个文件

gif：20个

class：8个

java：8个

3星 · 超过75%的资源需积分: 9 95 浏览量 2009-03-13 16:43:47 上传评论 2 收藏 525KB RAR 举报

在IT行业中，动态生成树节点是一项常见的需求，特别是在构建数据可视化、权限管理或者导航菜单等场景下。本项目结合了JSP（JavaServer Pages）、dTree（一个JavaScript实现的树形菜单库）以及Taglib（自定义标签库），提供了一种高效的方法来实现在服务器端动态生成树结构并传递到客户端展示。 JSP是Java的一种视图技术，它允许开发者将HTML、CSS和Java代码混合编写，以创建动态网页。在这个项目中，JSP主要负责调用后台服务，处理逻辑和呈现结果。 dTree是一款纯JavaScript编写的前端组件，用于生成可交互的树状结构。它支持多种操作，如展开、折叠、点击事件等，使得用户可以在浏览器端直观地查看和操作数据。在本例中，dTree被用来在客户端渲染由服务器动态生成的树节点。 Taglib，即自定义标签库，是JSP的一个重要特性，它允许开发人员封装复杂的功能或逻辑为简单的标签，提高代码的可读性和复用性。在这里，自定义的taglib可能是用于生成树节点的逻辑，它从数据库获取数据并以特定格式输出，以便于dTree解析。数据库部分，本项目采用了MySQL，这是一种广泛使用的开源关系型数据库管理系统。提供的SQL语句用于创建存储树节点信息的表，可能包含节点ID、父节点ID、节点名称等字段。另一部分SQL语句则用于向这个表中插入数据，构建出层次化的树结构。项目的流程大致如下： 1. JSP页面通过自定义标签库（taglib）发起请求，请求服务器动态生成树结构。 2. 服务器端的taglib组件接收到请求后，连接到MySQL数据库，执行SQL语句获取数据。 3. 数据查询完成后，taglib处理这些数据，形成符合dTree格式的JSON或者其他合适的数据结构。 4. 这些数据返回到JSP页面，JSP页面再将数据传递给dTree的JavaScript代码。 5. dTree的JavaScript代码解析数据，生成并显示树形结构。这个项目的核心在于如何利用自定义标签库有效地与数据库交互，以及如何将服务器端生成的树节点数据转化为前端可以理解并渲染的格式。对于学习JSP、JavaScript、数据库操作以及前端交互设计的开发者来说，这是一个很好的实践案例。通过深入理解和应用这些技术，可以提升开发动态数据展示应用的能力。

资源推荐

资源详情

资源评论

收起资源包目录

dtree1.rar （52个子文件）

dtree1

.project 441B

.cvsignore 4B

Webroot

WEB-INF

.cvsignore 7B

web.xml 912B

src

com

web

tree

TreeUtil.java 4KB

taglibs

ShowTreeTag.java 1KB

entity

TreeInfo.java 910B

tlds

tree.tld 454B

lib

mysql-connector-java-5.0.5-bin.jar 501KB

classes

com

web

tree

TreeUtil.class 4KB

taglibs

ShowTreeTag.class 2KB

entity

TreeInfo.class 1KB

dtree.css 795B

example.jsp 6KB

img

nolines_plus.gif 870B

plusbottom.gif 88B

plus.gif 89B

empty.gif 62B

line.gif 66B

imgfolder.gif 622B

joinbottom.gif 66B

trash.gif 1KB

folderopen.gif 376B

globe.gif 1KB

minus.gif 86B

minusbottom.gif 85B

base.gif 1KB

musicfolder.gif 633B

join.gif 69B

question.gif 1KB

nolines_minus.gif 861B

page.gif 582B

cd.gif 239B

folder.gif 372B

dtree.js 12KB

dtree.jsp 1KB

dtree1.jsp 576B

mysql.sql 2KB

example01.html 2KB

bin

work

org

apache

jsp

aa_jsp.java 4KB

example_jsp.class 9KB

dtree1_jsp.java 4KB

dtree1_jsp.class 4KB

example_jsp.java 11KB

dtree2_jsp.class 4KB

dtree_jsp.class 4KB

aa_jsp.class 4KB

dtree2_jsp.java 4KB

dtree_jsp.java 4KB

tldCache.ser 44B

.tomcatplugin 363B

src

.classpath 648B

package org.apache.jsp; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.jsp.*; public final class example_jsp extends org.apache.jasper.runtime.HttpJspBase implements org.apache.jasper.runtime.JspSourceDependent { private static java.util.List _jspx_dependants; public Object getDependants() { return _jspx_dependants; } public void _jspService(HttpServletRequest request, HttpServletResponse response) throws java.io.IOException, ServletException { JspFactory _jspxFactory = null; PageContext pageContext = null; HttpSession session = null; ServletContext application = null; ServletConfig config = null; JspWriter out = null; Object page = this; JspWriter _jspx_out = null; PageContext _jspx_page_context = null; try { _jspxFactory = JspFactory.getDefaultFactory(); response.setContentType("text/html; charset=utf-8"); pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true); _jspx_page_context = pageContext; application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); _jspx_out = out; out.write("\n"); out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\r\n"); out.write("<html>\r\n"); out.write("\r\n"); out.write("<head>\r\n"); out.write("\t<title>Destroydrop » Javascripts » Tree » Example</title>\r\n"); out.write("\r\n"); out.write("\t<meta http-equiv=\"content-type\" content=\"text/html;charset=utf-8\" />\r\n"); out.write("\t<link rel=\"stylesheet\" href=\"/dd.css\" type=\"text/css\" />\r\n"); out.write("\t<link rel=\"shortcut icon\" href=\"/favicon.ico\" />\r\n"); out.write("\r\n"); out.write("\t<link rel=\"StyleSheet\" href=\"dtree.css\" type=\"text/css\" />\r\n"); out.write("\t<script type=\"text/javascript\" src=\"dtree.js\"></script>\r\n"); out.write("</head>\r\n"); out.write("\r\n"); out.write("<body>\r\n"); out.write("\r\n"); out.write("<div id=\"shadow\">\r\n"); out.write("\r\n"); out.write("\t<div id=\"content\">\r\n"); out.write("\r\n"); out.write("\t\t<div id=\"location\">\r\n"); out.write("\t\t\t<h1><a href=\"/\">Destroydrop</a> » <a href=\"/javascripts/\">Javascripts</a> » <a href=\"/javascripts/tree/\">Tree</a> » <a href=\"/javascripts/tree/example/\">Example</a></h1>\r\n"); out.write("\t\t</div>\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("\t\t<div class=\"line\"></div>\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("\t\t<div id=\"main\">\r\n"); out.write("\r\n"); out.write("\t\t\t<h3>Example</h3>\r\n"); out.write("\t\t\t<div class=\"line\"></div>\r\n"); out.write("\t\t\t<div class=\"item\">\r\n"); out.write("\t\t\t\t<p>\r\n"); out.write("\t\t\t\t\t<a href=\"javascript: a.openAll();\">open all</a> |<a href=\"javascript: a.closeAll();\">close all</a> |<a href=\"javascript: a.openTo(4, true);\">open to: Node 4</a>\t\t\t\t</p>\r\n"); out.write("\r\n"); out.write("<script type=\"text/javascript\">\r\n"); out.write("a = new dTree('a');\r\n"); out.write("a.config.useSelection=false;\r\n"); out.write("a.config.useCookies=false;\r\n"); out.write("a.add(0,-1,'Tree example','javascript: void(0);');\r\n"); out.write("a.add(1, 0,'Node 1','javascript:void(0);');\r\n"); out.write("a.add(2, 1,'Node 2','javascript:void(0);');\r\n"); out.write("a.add(3, 1,'Node 3','javascript:void(0);');\r\n"); out.write("a.add(4, 0,'Node 4','javascript:void(0);');\r\n"); out.write("a.add(5, 2,'Node 5','javascript:void(0);');\r\n"); out.write("a.add(6, 0,'Node 6','javascript:void(0);');\r\n"); out.write("a.add(7, 4,'Node 7','javascript:void(0);');\r\n"); out.write("a.add(8, 1,'Node 8','javascript:void(0);');\r\n"); out.write("a.add(9, 3,'Node 9','javascript:void(0);');\r\n"); out.write("a.add(10, 0,'Node 10','javascript:void(0);');\r\n"); out.write("a.add(11, 6,'Node 11','javascript:void(0);');\r\n"); out.write("a.add(12, 0,'Node 12','javascript:void(0);');\r\n"); out.write("a.add(13, 5,'Node 13','javascript:void(0);');\r\n"); out.write("a.add(14, 2,'Node 14','javascript:void(0);');\r\n"); out.write("document.write(a);\r\n"); out.write("</script>\r\n"); out.write("\r\n"); out.write("\t\t\t</div>\r\n"); out.write("<h3>Example code</h3>\r\n"); out.write("<div class=\"line\"></div>\r\n"); out.write("<div class=\"item\">\r\n"); out.write("<pre>a = new dTree('a');\r\n"); out.write("a.config.useSelection=false;\r\n"); out.write("a.config.useCookies=false;\r\n"); out.write("a.add(0,-1,'Tree example','javascript: void(0);');\r\n"); out.write("a.add(1, 0,'Node 1','javascript:void(0);');\r\n"); out.write("a.add(2, 1,'Node 2','javascript:void(0);');\r\n"); out.write("a.add(3, 1,'Node 3','javascript:void(0);');\r\n"); out.write("a.add(4, 0,'Node 4','javascript:void(0);');\r\n"); out.write("a.add(5, 2,'Node 5','javascript:void(0);');\r\n"); out.write("a.add(6, 0,'Node 6','javascript:void(0);');\r\n"); out.write("a.add(7, 4,'Node 7','javascript:void(0);');\r\n"); out.write("a.add(8, 1,'Node 8','javascript:void(0);');\r\n"); out.write("a.add(9, 3,'Node 9','javascript:void(0);');\r\n"); out.write("a.add(10, 0,'Node 10','javascript:void(0);');\r\n"); out.write("a.add(11, 6,'Node 11','javascript:void(0);');\r\n"); out.write("a.add(12, 0,'Node 12','javascript:void(0);');\r\n"); out.write("a.add(13, 5,'Node 13','javascript:void(0);');\r\n"); out.write("a.add(14, 2,'Node 14','javascript:void(0);');\r\n"); out.write("document.write(a);\r\n"); out.write("</pre>\r\n"); out.write("</div>\r\n"); out.write("\t\r\n"); out.write("<div style=\"text-align:center\">\r\n"); out.write("<script type=\"text/javascript\">\r\n"); out.write("</script>\r\n"); out.write("<script type=\"text/javascript\"\r\n"); out.write("src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">\r\n"); out.write("</script>\r\n"); out.write("</div>\t\r\n"); out.write("\t\r\n"); out.write("\t\t\t<h3>Description</h3>\r\n"); out.write("\t\t\t<div class=\"line\"></div>\r\n"); out.write("\t\t\t<div class=\"item\">\r\n"); out.write("\t\t\t<p>The example is randomly generated using php. The useCookies configuration is not available because of that.</p>\r\n"); out.write("\t\t\t</div>\r\n"); out.write("\r\n"); out.write("\t\t</div>\r\n"); out.write("\r\n"); out.write("\t\t<div id=\"extra\">\r\n"); out.write("\r\n"); out.write("\t\t\t<form action=\"./\" method=\"post\">\r\n"); out.write("\r\n"); out.write("\t\t\t<h3>Configuration</h3>\r\n"); out.write("\t\t\t<div class=\"line\"></div>\r\n"); out.write("\t\t\t<div class=\"item\">\r\n"); out.write("\t\t\t\t<p>\r\n"); out.write("\t\t\t\t\t<input id=\"cfg1\" type=\"checkbox\" name=\"folderLinks\" value=\"true\" checked=\"checked\" /> <label for=\"cfg1\">folderLinks</label><br />\r\n

评论收藏

内容反馈