DTree实现树形菜单

最新推荐文章于 2015-02-03 10:09:59 发布

谁的大王

最新推荐文章于 2015-02-03 10:09:59 发布

阅读量969

点赞数

分类专栏： jsp 文章标签： stylesheet javascript string html import

本文链接：https://blog.csdn.net/sprita1/article/details/7551610

版权

jsp 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

新建一个web工程

需要一个index.jsp放在webroot下，一个dtree.js放在webroot下的js（自己new的Folder）里，一个dtree.css放在webroot下的css（自己new的Folder）里，一个img（自己new的Folder）

代码如下

index.jsp

<%@ page language="java" import="java.util.*"pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">
<html>
<head>
   <basehref="<%=basePath%>">
   <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 mypage">
<link rel="stylesheet" type="text/css"href="css/dtree.css">
<script type="text/javascript"src="js/dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><ahref="javascript:d.openAll();">展开</a> |<a href="javascript:d.closeAll();">收缩</a></p>
<script type="text/javascript">

   d = newdTree('d');
  d.add(0,-1,'欢迎登录');
  d.add(1,0,'项目第一部分');
  d.add(2,1,'信息添加','index.jsp');
  d.add(3,1,'信息查询','index.jsp');
  d.add(4,1,'信息调度','index.jsp');
  d.add(5,1,'信息图表','index.jsp');
  d.add(6,0,'项目第二部分');
  d.add(7,6,'信息添加','index.jsp');
  d.add(8,6,'信息查询','index.jsp');
  d.add(9,6,'信息查询');
  d.add(10,6,'信息查询');
  d.add(11,0,'项目第三部分');
  d.add(12,11,'信息添加','index.jsp');
  d.add(13,11,'信息查询','index.jsp');
  d.add(14,11,'信息查询','index.jsp');
  d.add(15,11,'信息查询');
  d.add(16,0,'物品库存管理');
  d.add(17,16,'入库管理');
  d.add(18,17,'入库登记','index.jsp');
  d.add(19,17,'入库查询','index.jsp');
  d.add(20,16,'出库管理');
  d.add(21,20,'出库登记','index.jsp');
  d.add(22,20,'出库查询','index.jsp');
  d.add(23,0,'系统应用管理');
  d.add(24,23,'部门管理','index.jsp');
  d.add(25,23,'角色管理','index.jsp');
  d.add(26,23,'用户管理');
  d.add(27,26,'用户添加','index.jsp');
  d.add(28,26,'用户查询','index.jsp');
  d.add(29,23,'操作日志');
  d.add(30,0,'系统使用帮助');
  d.add(31,30,'使用说明');
  d.add(32,30,'系统主页');
  d.add(33,0,'安全退出系统','index.jsp','','_parent');

document.write(d);
</script>
</div>
</body>
</html>

谁的大王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DTree实现树形菜单

新建一个web工程需要一个index.jsp放在webroot下，一个dtree.js放在webroot下的js（自己new的Folder）里，一个dtree.css放在webroot下的css（自己new的Folder）里，一个img（自己new的Folder）代码如下index.jspString path = request.getContextPath();St
复制链接

扫一扫

专栏目录