js 浅谈(树--信息是从数据库中动态获取)

最新推荐文章于 2024-05-12 10:10:25 发布

iteye_13434

最新推荐文章于 2024-05-12 10:10:25 发布

阅读量265

点赞数

文章标签： CSS BBS Servlet JavaScript Hibernate ViewUI

本文链接：https://blog.csdn.net/iteye_13434/article/details/81796031

版权

今天写了树，想给它记下来。以后用到时，就直接下下来用，不用在写了。呵呵...

服务端Servlet

package com.erong.bbs.web;

import java.io.IOException;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.erong.bbs.domain.Node;
import com.erong.bbs.service.NodeService;

public class TreeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

public TreeServlet() {
super();

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException,

IOException {

NodeService ns = new NodeService();
List<Node> nodes = ns.getTree();
request.setAttribute("tree", nodes);
request.getRequestDispatcher("/tree.jsp").forward(request, response);
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,

IOException {

}

}

显示页面的jsp ：

写道

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ page import="java.util.List" %>
<%@ page import="com.erong.bbs.domain.Node" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="css/css4cnltreemenu.css" />
<script type="text/javascript" src="js/js4cnltreemenu.js"></script>
</head>
<body>
<div class="CNLTreeMenu" id="CNLTreeMenu3">
<h4>CNL Tree Menu3</h4>
<p><a id="AllOpen_3" href="#" οnclick="MyCNLTreeMenu3.SetNodes(0);Hd(this);Sw('AllClose_3');">全部展开& amp; lt;/a><a

id="AllClose_3" href="#" οnclick="MyCNLTreeMenu3.SetNodes(1);Hd(this);Sw('AllOpen_3');" style="display:none;">全部折

叠</a></p>
<% List<Node> nodes = (List<Node>)request.getAttribute("tree"); %>

<ul>
<% for (int i=0; i<nodes.size(); i++) {
Node node = nodes.get(i);
if (node.getNodeLevel() == 1)
displayNode(nodes, node, out);
}
%>

<%!
private void displayNode(List<Node> nodes, Node node, JspWriter out) {
try {
if (node.getNodeType().equals("N")) {
out.print("<li class=\"Child\"><a href=\"#\">" + node.getNodeText() + "</a></li>");
return ;
} else {
List<Node> sons = node.getSonNode(nodes);

if (sons.size() > 0) {
out.print("<li class=\"Opened\"><a href=\"#\">" + node.getNodeText() + "</a>");
out.print("<ul>");

for (int i=0; i<sons.size(); i++) {
displayNode(nodes, sons.get(i), out);
}

out.print("</ul></li>");
} else {
out.print("<li class=\"Opened\"><a href=\"#\">" + node.getNodeText() + "</a></li>");
return ;
}
}
} catch (Exception e) {

}
}
%>
</ul>
</div>
<script type="text/javascript">

var MyCNLTreeMenu3=new CNLTreeMenu("CNLTreeMenu3","li");
MyCNLTreeMenu3.InitCss("Opened","Closed","Child","css/s.gif");

</script>

</body>
</html>

获取数据库信息的service ：

写道

package com.erong.bbs.service;

import java.util.List;
import org.hibernate.Session;
import com.erong.base.data.HibernateUtil;
import com.erong.bbs.domain.Node;

public class NodeService {
public List<Node> getTree() {
Session session = HibernateUtil.getSessionFactory().getCurrentSession();
session.beginTransaction();
return (List<Node>)session.createQuery(" from Node order by nodeCode asc ").list();
}

/*public static void main(String[] args) {
NodeService ns = new NodeService();
List<Node> nodes = ns.getTree();

for (int i=0; i<nodes.size(); i++) {
Node node = nodes.get(i);

for (int n=1; n<node.getNodeLevel(); n++) {
System.out.print(" ");
}

System.out.println(node.getNodeText());
}

}*/

}

javascrpt 部分

写道

不过css样式部分，在压缩包里了，还有用到的图片。

iteye_13434

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 浅谈(树--信息是从数据库中动态获取)

今天写了树，想给它记下来。以后用到时，就直接下下来用，不用在写了。呵呵... 服务端Servletpackage com.erong.bbs.web;import java.io.IOException;import java.util.List;import javax.servlet.ServletException;import javax.servlet.h...
复制链接

扫一扫