管理员——准备工作

dtree组件

由JS实现树形菜单组件,开源免费,使用简单

  1. 导入的dtree.js
  2. 导入dtree.css
  3. 导入dtree下所有的图片
  4. 在页面中实现以下语句
<div class="dtree">

	<a href="javascript: d.openAll();">展开所有</a> | <a href="javascript: d.closeAll();">关闭所有</a>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
	<script type="text/javascript">
	
	d = new dTree('d');
	d.add('01',-1,'系统菜单树');
	
	d.add('0102','01','分类管理','','','mainFrame');
	d.add('010201','0102','分类管理','${pageContext.request.contextPath}/adminCategoryServlet?method=findAllCats','','mainFrame');
	d.add('0104','01','商品管理');
	d.add('010401','0104','商品管理','${pageContext.request.contextPath}/admin/product/list.jsp','','mainFrame');
	d.add('010402','0104','已下架商品管理','${pageContext.request.contextPath}/admin/product/pushDown_list.jsp','','mainFrame');
	d.add('0105','01','订单管理');
	d.add('010501','0105','订单管理','${pageContext.request.contextPath}/AdminOrderServlet?method=findAllOrders','','mainFrame');
	d.add('010502','0105','未付款的订单','${pageContext.request.contextPath}/AdminOrderServlet?method=findAllOrders&state=1','','mainFrame');
	d.add('010503','0105','已付款订单','${pageContext.request.contextPath}/AdminOrderServlet?method=findAllOrders&state=2','','mainFrame');
	d.add('010504','0105','已发货的订单','${pageContext.request.contextPath}/AdminOrderServlet?method=findAllOrders&state=3','','mainFrame');
	d.add('010505','0105','已完成的订单','${pageContext.request.contextPath}/AdminOrderServlet?method=findAllOrders&state=4','','mainFrame');
	
	d.add('0106','01','用户管理');
	d.add('010601','0106','A类用户管理','http://www.51cto.com','${pageContext.request.contextPath}/img/footer.jpg','mainFrame');
	d.add('010602','0106','B类用户管理','http://www.51cto.com','${pageContext.request.contextPath}/img/footer.jpg','mainFrame');
	
	document.write(d);
	
	</script>
</div>

猜你喜欢

转载自blog.csdn.net/qq_40857365/article/details/111169703