📄 car.jsp

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

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ page import="com.softfz.jn0708.bean.ItemBean" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:useBean id="car" class="java.util.ArrayList" scope="session"></jsp:useBean>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <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 dodel(id){
 		var url="<%=contextPath%>/carServlet?task=del&itemid="+id;
 		location.href=url;
 	}
 	function doupdate(id){
 		var quantity=document.getElementById("quantity"+id).value;
 		var url="<%=contextPath%>/carServlet?task=update&itemid="+id+"&quantity="+quantity;
 		location.href=url;                                                                                          
 	}
 	
 	function goshop(){
 		var url="<%=contextPath%>/itemServlet";
 		location.href=url;
 	}
 	function goorder(){
 		var url="<%=contextPath%>/orderAddServlet?task=add";
 		location.href=url;
 	}
 	function goclear(){
 		var url="<%=contextPath%>/carServlet?task=clear";
 		location.href=url;
 	}
 	
 </script>
 

 <script language="JavaScript1.2">

function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<script>
	function isNum(){
		var obj=window.event.keyCode;
		if(obj>57||obj<48){
			window.event.keyCode=0;
		}
	}

</script>
<script language="javascript">
    function mouse(){
        if(window.event.button==2){
//1—表示左键，2---表示右键    4—表示中间键
         // alert("不允许使用鼠标右键");
           window.event.returnValue = false;
        }
    }
    function cancelMenu(){
        return false;
    }
document.onmousedown = mouse;
document.oncontextmenu = cancelMenu;

function tt(){
	if(window.event.ctrlKey){
		window.event.returnValue=false;
	}
}
</script> 
  </head>  
  <body>
  	<A class="head2">下面是您放入购物车的商品:</A>
 	<hr color="blue">
	<table name="TABLE" width=100% border=0 class="myTable" onMouseover="changeto('lightgreen')" onMouseout="changeback('white')" >
		<tr>
			<td>商品ID</td>
			<td>商品名称</td>
			<td>商品数量</td>
			<td>商品单价</td>
			<td>小计</td>	
			<td>操作</td>								
		</tr>	
		
		<%
			if(car.size()<1){
		%>
		<tr>
		  <td colspan="5" align="center" class="STYLE1">您的购物车内还没有物品</td>
		</tr>
		<%				
			}		
			for(int i=0;i<car.size();i++){			
				ItemBean bean = (ItemBean)car.get(i);
				%>			
					<tr>						
						<td ><%=bean.getItemid()%></td>
						<td><%=bean.getTitle()%></td>
						<td><input type="text" onkeyDown="tt();" onKeyPress="isNum();" maxlength=5 size=4 id="<%=bean.getItemid()%>" name="quantity<%=bean.getItemid()%>" value="<%=bean.getQuantity()%>"></td>
						<td><%=bean.getViewPrice()%></td>	
						<td><label id="num<%=bean.getItemid()%>"><%=bean.getViewsubmeney()%><label></td>
						<td>
						<a href="javascript:dodel('<%=bean.getItemid()%>')">删除</a>
						<a href="javascript:doupdate('<%=bean.getItemid()%>')">修改数量</a>
						</td>		
					</tr>
				<%
			}
		%>		
	</table>
	<hr color="blue">
	<table width=100% border=0 ><tr><td colspan="5" align="center"><a href="javascript:goshop();"><b>>>继续购物</b></a>&nbsp;&nbsp;|&nbsp;&nbsp;
	
	<% if(car.size()<1){
	%>
	<span>您还没有购买任何商品<span>
	<%
	}else{
	%>
	<a href="javascript:goorder();"><b>下单</b></a>
	<%}%>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:goclear();"><b>清空购物车</b></a>&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
	
  </body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -