DTree实现树形菜单

ゝ一纸荒年。 2022-06-12 08:59 226阅读 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>