|
|
@@ -0,0 +1,128 @@
|
|
|
+<%@ 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>
|
|
|
+ </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>  
|
|
|
+ </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>
|
