init
This commit is contained in:
126
web/cart.jsp
Normal file
126
web/cart.jsp
Normal file
@@ -0,0 +1,126 @@
|
||||
<%@ 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>
|
Reference in New Issue
Block a user