2001010304
/
G01


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>书城首页</title>
	<%--静态包含：base标签，css样式，js脚本--%>
	<%@ include file="/pages/common/head.jsp"%>
	<script type="text/javascript">
		$(function () {
			// 给加入购物车按钮绑定单击事件
			$("button.addToCart").click(function () {
				/**
				 * 在事件响应的 function 函数 中，有一个 this 对象，这个 this 对象，是当前正在响应事件的 dom 对象
				 * @type {jQuery}
				 */
				var bookId = $(this).attr("bookId");
				// location.href = "http://localhost:8089/TestServlet09_war_exploded/cartServlet?action=addItem&id=" + bookId;

				$.getJSON("http://localhost:8089/TestServlet09_war_exploded/cartServlet",
						"action=addItem&id=" + bookId,
						function (data){
							$("#cartTotalCount").text("您的购物车中有"+data.totalCount+"件商品");
							$("#cartLastName").text(data.lastName);
						});
			});
		});
	</script>
</head>
<body>
	<div id="header">
			<img class="logo_img" alt="" src="" >
<%--		static/img/logo.gif--%>
			<span class="wel_word">网上书城</span>
			<div>
				<%--如果用户未登录，显示 【登录和注册菜单】--%>
				<c:if test="${empty sessionScope.user}">
					<a href="pages/user/login.jsp">登录</a> |
					<a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
				</c:if>
				<%--如果登陆了，显示用户登录的信息--%>
				<c:if test="${not empty sessionScope.user}">
					<span>欢迎<span class="um_span">${sessionScope.user.username}</span></span>
<%--					<c:if test="${empty sessionScope.orderId}">--%>
<%--						<a href="pages/order/order1.jsp">我的订单</a>--%>
<%--					</c:if>--%>
<%--					<c:if test="${not empty sessionScope.orderId}">--%>
<%--						<a href="pages/order/order.jsp">我的订单</a>--%>
<%--					</c:if>--%>
					<a href="pages/order/order.jsp">我的订单</a>
					<a href="userServlet?action=logout">注销</a>&nbsp;&nbsp
				</c:if>
				<a href="pages/cart/cart.jsp">购物车</a>
<%--				<a href="pages/manager/manager.jsp">后台管理</a>--%>
				<a href="adminServlet?action=toAdmin">后台管理</a>
			</div>
	</div>
	<div id="main">
		<div id="book">
			<div class="book_cond">
				<form action="client/bookServlet" method="get">
					<input type="hidden" name="action" value="pageByPrice">
					价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
						<input id="max" type="text" name="max" value="${param.max}"> 元
						<input type="submit" value="查询" />
				</form>
			</div>
			<div style="text-align: center">
				<c:if test="${empty sessionScope.cart.items}">
					<%--当前购物车为空--%>
					<span id="cartTotalCount"></span>
					<div>
						<span style="color: #ff0000" id="cartLastName">当前购物车为空</span>
					</div>
				</c:if>
				<c:if test="${not empty sessionScope.cart.items}">
					<%--当前购物车不为空--%>
					<span id="cartTotalCount">您的购物车中有${sessionScope.cart.totalCount}件商品</span>
					<div>
						您刚刚将《<span style="color: red" id="cartLastName">${sessionScope.lastName}</span>》加入到了购物车中
					</div>
				</c:if>
			</div>

			<c:forEach items="${requestScope.page.items}" var="book">
			<div class="b_list">
				<div class="img_div">
					<img class="book_img" alt="" src="${book.imgPath}" />
				</div>
				<div class="book_info">
					<div class="book_name">
						<span class="sp1">书名:</span>
						<span class="sp2">${book.name}</span>
					</div>
					<div class="book_author">
						<span class="sp1">作者:</span>
						<span class="sp2">${book.author}</span>
					</div>
					<div class="book_price">
						<span class="sp1">价格:</span>
						<span class="sp2">${book.price}</span>
					</div>
					<div class="book_sales">
						<span class="sp1">销量:</span>
						<span class="sp2">${book.sales}</span>
					</div>
					<div class="book_amount">
						<span class="sp1">库存:</span>
						<span class="sp2">${book.stock}</span>
					</div>
					<div class="book_add">
						<button bookId="${book.id}" class="addToCart">加入购物车</button>
					</div>
				</div>
			</div>
			</c:forEach>
		</div>

		<%--静态包含分页内容--%>
		<%@include file="/pages/common/page_nav.jsp"%>

	
	</div>
	<%--静态包含：页脚--%>
	<%@include file="/pages/common/footer.jsp"%>
</body>
</html>