126 lines
3.8 KiB
Plaintext
126 lines
3.8 KiB
Plaintext
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||
|
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||
|
pageEncoding="utf-8"%>
|
||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
<title>锋迷网-购物车</title>
|
||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||
|
<script type="text/javascript">
|
||
|
//数量+1
|
||
|
function pNum(gid,p,no){
|
||
|
var nums = $("#num_count"+no).val();
|
||
|
$.ajax({
|
||
|
url:"updateCartNum?gid="+gid+"&num=1&price="+p,
|
||
|
method:"get",
|
||
|
success:function(){
|
||
|
location.href = "getCart";
|
||
|
},
|
||
|
error:function(){
|
||
|
alert("服务器异常");
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
//数量-1 如果删除为0
|
||
|
function mNum(gid,p,no){
|
||
|
var num = -1; //数量
|
||
|
var nums = $("#num_count"+no).val();
|
||
|
//验证是否需要删除
|
||
|
if(Number(nums)<=1){
|
||
|
if(confirm("确认要删除吗?")){
|
||
|
/* num = 0; */
|
||
|
location.href="clearCart?gid="+gid;
|
||
|
return;
|
||
|
}else{
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
//异步
|
||
|
$.ajax({
|
||
|
url:"updateCartNum?gid="+gid+"&num="+num+"&price="+p,
|
||
|
method:"get",
|
||
|
success:function(){
|
||
|
location.href = "getCart";
|
||
|
},
|
||
|
error:function(){
|
||
|
alert("服务器异常");
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
function clearCart(gid){
|
||
|
if(confirm("确认要删除吗")){
|
||
|
location.href="clearCart?gid="+gid;
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
</head>
|
||
|
<body style="background-color:#f5f5f5">
|
||
|
<%@ include file="header.jsp"%>
|
||
|
<div class="container" style="background-color: white;">
|
||
|
<div class="row" style="margin-left: 40px">
|
||
|
<h3>我的购物车<small>温馨提示:产品是否购买成功,以最终下单为准哦,请尽快结算</small></h3>
|
||
|
</div>
|
||
|
<div class="row" style="margin-top: 40px;">
|
||
|
<div class="col-md-10 col-md-offset-1">
|
||
|
<table class="table table-bordered table-striped table-hover">
|
||
|
<tr>
|
||
|
<th>序号</th>
|
||
|
<th>商品名称</th>
|
||
|
<th>价格</th>
|
||
|
<th>数量</th>
|
||
|
<th>小计</th>
|
||
|
<th>操作</th>
|
||
|
</tr>
|
||
|
<c:set value="0" var="sum"></c:set>
|
||
|
<c:forEach items="${carts}" var="c" varStatus="i">
|
||
|
<tr>
|
||
|
<th>${i.count}</th>
|
||
|
<th>${c.name}</th>
|
||
|
<th>${c.price}</th>
|
||
|
<th width="100px">
|
||
|
<div class="input-group">
|
||
|
<span class="input-group-btn">
|
||
|
<!--数量-1 -->
|
||
|
<button class="btn btn-default" type="button"
|
||
|
onclick="mNum(${c.gid},${c.price},${i.count})">-
|
||
|
</button>
|
||
|
</span>
|
||
|
<input type="text" class="form-control" id="num_count${i.count}" value="${c.num}" readonly="readonly" style="width:40px">
|
||
|
<span class="input-group-btn">
|
||
|
<!-- 数量+1 -->
|
||
|
<button class="btn btn-default" type="button" onclick="pNum(${c.gid},${c.price},${i.count})">+</button>
|
||
|
</span>
|
||
|
</div>
|
||
|
</th>
|
||
|
<th>¥ ${c.money }元</th>
|
||
|
<th>
|
||
|
<button type="button" class="btn btn-default" onclick="clearCart(${c.gid})">删除</button>
|
||
|
</th>
|
||
|
</tr>
|
||
|
<c:set var="sum" value="${sum+c.money}"></c:set>
|
||
|
</c:forEach>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
<hr>
|
||
|
<div class="row">
|
||
|
<div class="pull-right" style="margin-right: 40px;">
|
||
|
<div>
|
||
|
<a id="removeAllProduct" href="javascript:clearCart(0)" class="btn btn-default btn-lg">清空购物车</a>
|
||
|
|
||
|
<a href="${pageContext.request.contextPath}/getOrderView" class="btn btn-danger btn-lg">结算</a>
|
||
|
</div>
|
||
|
<br/>
|
||
|
<br/>
|
||
|
<div>
|
||
|
商品金额总计:<span id="total" class="text-danger"><b>¥ ${sum}元</b></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 底部 -->
|
||
|
<%@ include file="footer.jsp"%>
|
||
|
</body>
|
||
|
</html>
|