📄 left.jsp

📁 一套购物车项目。电子商务系统。实现了前台和后台的业务逻辑。

💻 JSP

字号:

<%@ page contentType="text/html;charset=gb2312" %>
<%@ page language="java" import="java.util.*,java.text.NumberFormat" pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%
  	String contextPath = request.getContextPath();  
%>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>商品类别</title>
<link href="<%=contextPath%>/css/css.css" type="text/css" rel="stylesheet" />
<script>
	function tree(id,pid){
		var node = document.getElementById(id);		
		var node_img = document.getElementById(id+"_img");		
		if(node.style.display =="none"){
			node.style.display="";
			node_img.src="<%=contextPath%>/image/open.gif";			
		}else{
			node.style.display="none";
		    node_img.src="<%=contextPath%>/image/close.gif";
		}
		if(pid==0){
			top.mainFrame.location.href='<%=contextPath%>/itemServlet?task=btype&id='+id;
		}else{
			top.mainFrame.location.href='<%=contextPath%>/itemServlet?task=stype&id='+id;	
		}						
	}
		function ntree(id,pid){
		var node = document.getElementById(id);			
		if(pid==0){
			top.mainFrame.location.href='<%=contextPath%>/itemServlet?task=btype&id='+id;
		}else{
			top.mainFrame.location.href='<%=contextPath%>/itemServlet?task=stype&id='+id;	
		}						
	}
</script>
</head>
<body>
	<c:forEach var="bclasslist" items="${requestScope.bclasslist}">
		<div onclick="tree('${bclasslist.classid}','${bclasslist.parentid}');" style="margin-left:10px"><img id="${bclasslist.classid}_img" src="<%=contextPath%>/image/open.gif"/><a href="#">${bclasslist.classname}</a></div>
		<div id="${bclasslist.classid}">
		<c:forEach var="nclasslist" items="${requestScope.nclasslist}">	
			<c:if test="${bclasslist.classid==nclasslist.parentid}">
				<div  onclick="ntree('${nclasslist.classid}','${nclasslist.parentid}');" style="margin-left:30px"><a href="#">${nclasslist.classname}</a></div>
				<div id="${nclasslist.classid}">
									
				</div>
			</c:if>		
		</c:forEach>
		</div>	                                                                                                                                 
	</c:forEach>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -