1.实现效果图
2.cart.jsp购物车页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>cart</title>
<!--引入bootstrap.css-->
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/bootstrap/css/bootstrap.css"/>
<!--引入myscss.css-->
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/myscss.css" />
<!--bootstrapValidator.css-->
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/bootstrapvalidate/css/bootstrapValidator.css" />
<!--引入jquery.js-->
<script type="text/javascript" src="<%=request.getContextPath()%>/bootstrap/js/jquery-3.1.1.js"></script>
<!--bootstrap.js-->
<script type="text/javascript" src="<%=request.getContextPath()%>/bootstrap/js/bootstrap.js"></script>
<!--cart.js-->
<script type="text/javascript" src="<%=request.getContextPath()%>/foreground/cart/cart.js"></script>
<!--bootstrapValidator.js-->
<script type="text/javascript" src="<%=request.getContextPath()%>/bootstrapvalidate/js/bootstrapValidator.js"></script>
<!--contextPath-->
<script type="text/JavaScript">
var contextPath = "${pageContext.request.contextPath}";
</script>
</head>
<body>
<!--公用头部-->
<!-- <div id="navhead"></div> -->
<%@include file="/foreground/common/head.jsp"%>
<!--主体部分-->
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
<!--content头部图片-->
<img src="<%=request.getContextPath()%>/img/otherimages/buy1.gif" />
<!--content中的table-->
<div class="panel panel-info margintop">
<div class="panel-heading text-center"><h4><strong>购物车列表</strong></h4></div>
<div id="cartable">
<!--<table class="table text-center">
<tr class="danger">
<th class="text-center">序号</th>
<th class="text-center">商品名称</th>
<th class="text-center">价格</th>
<th class="text-center">购买数量</th>
<th class="text-center">库存</th>
<th class="text-center">小计</th>
</tr>
<tr>
<td>0</td>
<td>Java模式</td>
<td>21.5</td>
<td><a class='glyphicon glyphicon-minus-sign' οnclick='subBuyNum(this)'></a>1<a class='glyphicon glyphicon-plus-sign' οnclick='addBuyNum(this)'></a></td>
<td>100</td>
<td>21.5</td>
</tr>
<tr>
<td>1</td>
<td>JavaScript</td>
<td>18.5</td>
<td>1</td>
<td>100</td>
<td>18.5</td>
</tr>
</table>-->
</div>
<div class="panel-footer clearfix"><span id="totalprice" class="pull-right">总计</span></div>
</div>
<form id="orderform" class="form-horizontal">
<div class="form-group">
<label for="receiverAddress" class="col-md-1 control-label">地址</label>
<div class="col-md-4">
<input type="text" class="form-control" name="receiverAddress" id="receiverAddress" placeholder="请输入收货地址">
</div>
</div>
<div class="form-group">
<label for="receiverName" class="col-md-1 control-label">收货人</label>
<div class="col-md-4">
<input type="text" class="form-control" id="receiverName" name="receiverName" placeholder="请输入收货人姓名">
</div>
</div>
<div class="form-group">
<label for="receiverPhone" class="col-md-1 control-label">电话</label>
<div class="col-md-4">
<input type="text" class="form-control" id="receiverPhone" name="receiverPhone" placeholder="请输入收货人电话">
</div>
</div>
<div class="form-group">
<div class="col-md-12 text-right">
<a href="<%=request.getContextPath()%>/foreground/book/home.jsp">
<input type="button" value="" style="background:url('<%=request.getContextPath()%>/img/otherimages/gwc_jx.gif') no-repeat;width:130px;height:45px;border:0px"/>
</a>
<a href="<%=request.getContextPath()%>/foreground/user/user.jsp">
<input type="submit" id="submitform" value="" style="background:url('<%