简易购物车页面层

一 index.jsp

<%@ page language = "java" import = "java.util.*" contentType = "text/html; charset=utf-8" %>

<%@ page import = "entity.Items" %>

<%@ page import = "dao.ItemsDAO" %>

String path = request.getContextPath();

String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< base href = " <%= basePath %> " >

< title > My JSP 'index.jsp' starting page </ 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 my page" >

<!--

-->

< style type = "text/css" >

hr {

border-color : FF7F00 ;

}

div {

float : left ;

margin : 10px ;

}

div dd {

margin : 0px ;

font-size : 10pt ;

}

div dd .dd_name

{

color : blue ;

}

div dd .dd_city

{

color : #000 ;

}

</ style >

</ head >

< body >

< h1 > 商品展示 </ h1 >

< hr >

< center >

< table width = "750" height = "60" cellpadding = "0" cellspacing = "0" border = "0" >

< tr >

< td >

ItemsDAO itemsDao = new ItemsDAO();

ArrayList<Items> list = itemsDao.getAllItems();

if (list!= null &&list.size()>0)

{

for ( int i=0;i<list.size();i++)

{

Items item = list.get(i);

< div >

< dl >

< dt >

< a href = "details.jsp?id= <%= item.getId() %> " >< img src = "images/ <%= item.getPicture() %> " width = "120" height = "90" border = "1" /></ a >

</ dt >

< dd class = "dd_name" > <%= item.getName() %> </ dd >

< dd class = "dd_city" > 产地: <%= item.getCity() %>    价格:￥ <%= item.getPrice() %> </ dd >

</ dl >

</ div >

}

</ td >

</ tr >

</ table >

</ center >

</ body >

</ html >

二 detais.jsp

<%@ page language = "java" import = "java.util.*" contentType = "text/html; charset=utf-8" %>

<%@ page import = "entity.Items" %>

<%@ page import = "dao.ItemsDAO" %>

String path = request.getContextPath();

String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< base href = " <%= basePath %> " >

< title > My JSP 'details.jsp' starting page </ 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 my page" >

<!--

-->

< link href = "css/main.css" rel = "stylesheet" type = "text/css" >

< script type = "text/javascript" src = "js/lhgcore.js" ></ script >

< script type = "text/javascript" src = "js/lhgdialog.js" ></ script >

< script type = "text/javascript" >

function selflog_show(id)

{

var num = document.getElementById( "number" ).value;

J.dialog.get({id: 'haoyue_creat' ,title: '购物成功' ,width: 600,height:400, link: ' <%= path %> /servlet/CartServlet?id= '+id+' &num= '+num+' &action=add ', cover:true});

}

function add()

{

var num = parseInt(document.getElementById( "number" ).value);

if (num<100)

{

document.getElementById( "number" ).value = ++num;

}

function sub()

{

var num = parseInt(document.getElementById( "number" ).value);

if (num>1)

{

document.getElementById( "number" ).value = --num;

}

</ script >

< style type = "text/css" >

hr {

border-color : FF7F00 ;

}

div {

float : left ;

margin-left : 30px ;

margin-right : 30px ;

margin-top : 5px ;

margin-bottom : 5px ;

}

div dd {

margin : 0px ;

font-size : 10pt ;

}

div dd .dd_name

{

color : blue ;

}

div dd .dd_city

{

color : #000 ;

}

div #cart

{

margin : 0px auto ;

text-align : right ;

}

span {

padding : 0 2px ; border : 1px #c0c0c0 solid ; cursor : pointer ;

}

a {

text-decoration : none ;

}

</ style >

</ head >

< body >

< h1 > 商品详情 </ h1 >

< a href = "index.jsp" > 首页 </ a > > > < a href = "index.jsp" > 商品列表 </ a >

< hr >

< center >

< table width = "750" height = "60" cellpadding = "0" cellspacing = "0" border = "0" >

< tr >

ItemsDAO itemDao = new ItemsDAO();

Items item = itemDao.getItemsById(Integer.parseInt(request.getParameter( "id" )));

if (item!= null )

{

< td width = "70%" valign = "top" >

< table >

< tr >

< td rowspan = "5" >< img src = "images/ <%= item.getPicture() %> " width = "200" height = "160" /></ td >

</ tr >

< tr >

< td >< B > <%= item.getName() %> </ B ></ td >

</ tr >

< tr >

< td > 产地： <%= item.getCity() %> </ td >

</ tr >

< tr >

< td > 价格： <%= item.getPrice() %> ￥ </ td >

</ tr >

< tr >

< td > 购买数量： < span id = "sub" onclick = "sub();" > - </ span >< input type = "text" id = "number" name = "number" value = "1" size = "2" />< span id = "add" onclick = "add();" > + </ span ></ td >

</ tr >

</ table >

< div id = "cart" >

< img src = "images/buy_now.png" >< a href = "javascript:selflog_show( <%= item.getId() %> )" >< img src = "images/in_cart.png" ></ a >< a href = "servlet/CartServlet?action=show" >< img src = "images/view_cart.jpg" /></ a >

</ div >

</ td >

}

String list = "" ;

//从客户端获得Cookies集合

Cookie[] cookies = request.getCookies();

//遍历这个Cookies集合

if (cookies!= null &&cookies.length>0)

{

for (Cookie c:cookies)

{

if (c.getName().equals( "ListViewCookie" ))

{

list = c.getValue();

}

list+=request.getParameter( "id" )+ "," ;

//如果浏览记录超过1000条，清零.

String[] arr = list.split( "," );

if (arr!= null &&arr.length>0)

{

if (arr.length>=1000)

{

list= "" ;

}

Cookie cookie = new Cookie( "ListViewCookie" ,list);

response.addCookie(cookie);

< td width = "30%" bgcolor = "#EEE" align = "center" >

< br >

< b >< font color = "#FF7F00" > 您浏览过的商品 </ font ></ b >< br >

ArrayList<Items> itemlist = itemDao.getViewList(list);

if (itemlist!= null &&itemlist.size()>0 )

{

System.out.println( "itemlist.size=" +itemlist.size());

for (Items i:itemlist)

{

< div >

< dl >

< dt >

< a href = "details.jsp?id= <%= i.getId() %> " >< img src = "images/ <%= i.getPicture() %> " width = "120" height = "90" border = "1" /></ a >

</ dt >

< dd class = "dd_name" > <%= i.getName() %> </ dd >

< dd class = "dd_city" > 产地: <%= i.getCity() %>    价格: <%= i.getPrice() %> ￥ </ dd >

</ dl >

</ div >

}

</ td >

</ tr >

</ table >

</ center >

</ body >

</ html >

三 success.jsp

<%@ page language = "java" import = "java.util.*" contentType = "text/html; charset=utf-8" %>

String path = request.getContextPath();

String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< base href = " <%= basePath %> " >

< title > My JSP 'success.jsp' starting page </ 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 my page" >

<!--

-->

</ head >

< body >

< center >

< img src = "images/add_cart_success.jpg" />

< hr >

String id = request.getParameter( "id" );

String num = request.getParameter( "num" );

您成功购买了 <%= num %> 件商品编号为 <%= id %> 的商品     

< br >

</ center >

</ body >

</ html >

四 failure.jsp

<%@ page language = "java" import = "java.util.*" contentType = "text/html; charset=utf-8" %>

String path = request.getContextPath();

String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< base href = " <%= basePath %> " >

< title > My JSP 'success.jsp' starting page </ 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 my page" >

<!--

-->

</ head >

< body >

< center >

< img src = "images/add_cart_failure.jpg" />

< hr >

< br >

</ center >

</ body >

</ html >

五 cart.jsp

<%@ page language = "java" import = "java.util.*" contentType = "text/html; charset=utf-8" %>

<%@ page import = "entity.Cart" %>

<%@ page import = "entity.Items" %>

String path = request.getContextPath();

String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< base href = " <%= basePath %> " >

< title > My JSP 'cart.jsp' starting page </ 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 my page" >

<!--

-->

< link type = "text/css" rel = "stylesheet" href = "css/style1.css" />

< script language = "javascript" >

function delcfm() {

if (!confirm( "确认要删除？" )) {

window.event.returnValue = false ;

}

</ script >

</ head >

< body >

< h1 > 我的购物车 </ h1 >

< a href = "index.jsp" > 首页 </ a > > > < a href = "index.jsp" > 商品列表 </ a >

< hr >

< div id = "shopping" >

< form action = "" method = "" >

< table >

< tr >

< th > 商品名称 </ th >

< th > 商品单价 </ th >

< th > 商品价格 </ th >

< th > 购买数量 </ th >

< th > 操作 </ th >

</ tr >

//首先判断session中是否有购物车对象

if (request.getSession().getAttribute( "cart" )!= null )

{

Cart cart = (Cart)request.getSession().getAttribute( "cart" );

HashMap<Items,Integer> goods = cart.getGoods();

Set<Items> items = goods.keySet();

Iterator<Items> it = items.iterator();

while (it.hasNext())

{

Items i = it.next();

< tr name = "products" id = "product_id_1" >

< td class = "thumb" >< img src = "images/ <%= i.getPicture() %> " />< a href = "" > <%= i.getName() %> </ a ></ td >

< td class = "number" > <%= i.getPrice() %> </ td >

< td class = "price" id = "price_id_1" >

< span > <%= i.getPrice()*goods.get(i) %> </ span >

< input type = "hidden" value = "" />

</ td >

< td class = "number" >

<%= goods.get(i) %>

</ td >

< td class = "delete" >

< a href = "servlet/CartServlet?action=delete&id= <%= i.getId() %> " onclick = "delcfm();" > 删除 </ a >

</ td >

</ tr >

}

</ table >

< div class = "total" >< span id = "total" > 总计： <%= cart.getTotalPrice() %> ￥ </ span ></ div >

}

< div class = "button" >< input type = "submit" value = "" /></ div >

</ form >

</ div >

</ body >

</ html >

六测试结果

简易购物车页面层

猜你喜欢