D15 Sping Boot 入门 Sping框架--Java Web之书城项目（六） 购物车模块

需求分析

 购物车模块（Session方法）

 　　Ⅰ、购物车模型创建

　　　　在com.gychen.pojo里创建CartItem商品项对象和Cart购物车对象

package com.gychen.pojo;

import java.math.BigDecimal;

/**
 * 购物车商品项
 */
public class CartItem {

    private Integer id;
    private String name;
    private Integer count;
    private BigDecimal price;
    private BigDecimal totalPrice;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getCount() {
        return count;
    }

    public void setCount(Integer count) {
        this.count = count;
    }

    public BigDecimal getPrice() {
        return price;
    }

    public void setPrice(BigDecimal price) {
        this.price = price;
    }

    public BigDecimal getTotalPrice() {
        return totalPrice;
    }

    public void setTotalPrice(BigDecimal totalPrice) {
        this.totalPrice = totalPrice;
    }


    /**
     * 商品项信息
     * @param id 商品id
     * @param name 商品名称
     * @param count 商品数量
     * @param price 商品单价
     * @param totalPrice 商品总价
     */
    public CartItem(Integer id, String name, Integer count, BigDecimal price, BigDecimal totalPrice) {
        this.id = id;
        this.name = name;
        this.count = count;
        this.price = price;
        this.totalPrice = totalPrice;
    }


    public CartItem() {
    }

    @Override
    public String toString() {
        return "CartItem{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", count=" + count +
                ", price=" + price +
                ", totalPrice=" + totalPrice +
                '}';
    }
}

CartItem.java

package com.gychen.pojo;

import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;

/**
 * 购物车对象
 */
public class Cart {

    private Integer totalCount;
    private BigDecimal totalPrice;
    private List<CartItem> items = new ArrayList<CartItem>();


    public Integer getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(Integer totalCount) {
        this.totalCount = totalCount;
    }

    public BigDecimal getTotalPrice() {
        return totalPrice;
    }

    public void setTotalPrice(BigDecimal totalPrice) {
        this.totalPrice = totalPrice;
    }

    public List<CartItem> getItems() {
        return items;
    }

    public void setItems(List<CartItem> items) {
        this.items = items;
    }


    public Cart(Integer totalCount, BigDecimal totalPrice, List<CartItem> items) {
        this.totalCount = totalCount;
        this.totalPrice = totalPrice;
        this.items = items;
    }

    public Cart() {
    }


    @Override
    public String toString() {
        return "Cart{" +
                "totalCount=" + totalCount +
                ", totalPrice=" + totalPrice +
                ", items=" + items +
                '}';
    }
}

Cart.java

　　　　在Cart对象中添加需要的方法

package com.gychen.pojo;

import java.math.BigDecimal;
import java.util.LinkedHashMap;
import java.util.Map;

/**
 * 购物车对象
 */
public class Cart {

//    private Integer totalCount;
//    private BigDecimal totalPrice;
    /**
     * key是商品编号
     * value是商品信息
     */
    private Map<Integer,CartItem> items = new LinkedHashMap<Integer, CartItem>();


    /**
     * 添加商品项
     * @param cartItem 商品项对象
     */
    public void addItem(CartItem cartItem){

        //先查看购物车中是否已经添加过此商品
        //1、如果已添加，则数量+1
        //2、如果未添加，直接方到集合中即可
        CartItem item = items.get(cartItem.getId());
        if (item == null){
            //之前没有添加过此商品
            items.put(cartItem.getId(),cartItem);
        }else {

            //已经添加过的情况  数量+1，总价更新
            item.setCount(item.getCount() + 1);  //数量累加
            item.setTotalPrice(item.getPrice().multiply(new BigDecimal(item.getCount())));  //更新总金额
        }

    }



    /**
     * 删除商品项
     * @param id 商品项id
     */
    public void deleteItem(Integer id){

        items.remove(id);
    }


    /**
     * 清空购物车
     */
    public void clear(){

        items.clear();
    }


    /**
     * 修改商品数量
     * @param id 商品项id
     * @param count 商品数量
     */
    public void uppdateCount(Integer id, Integer count){

        //先查看购物车是否有此商品，如果有修改数量，更新总金额

        CartItem cartItem = items.get(id);
        if (cartItem != null){
            cartItem.setCount(count); //修改商品数量
            cartItem.setTotalPrice(cartItem.getPrice().multiply(new BigDecimal(cartItem.getCount())));  //更新总金额
        }
    }





    private Integer getTotalCount() {
        Integer totalCount = 0;
        //法一：遍历Map集合中的每个键值对
        for (Map.Entry<Integer,CartItem>entry : items.entrySet()){
            totalCount += entry.getValue().getCount();
        }
//        //法二：
//        for (CartItem value : items.values()) {
//            totalCount += value.getCount();
//        }
        return totalCount;
    }

    //实际上并不需要
//    public void setTotalCount(Integer totalCount) {
//        this.totalCount = totalCount;
//    }

    private BigDecimal getTotalPrice() {
        BigDecimal totalPrice = new BigDecimal(0);
        for (Map.Entry<Integer,CartItem>entry : items.entrySet()){
            totalPrice = totalPrice.add(entry.getValue().getTotalPrice());
        }
        return totalPrice;
    }

//    public void setTotalPrice(BigDecimal totalPrice) {
//        this.totalPrice = totalPrice;
//    }

    public Map<Integer,CartItem> getItems() {
        return items;
    }

    public void setItems(Map<Integer,CartItem> items) {
        this.items = items;
    }



    @Override
    public String toString() {
        return "Cart{" +
                "totalCount=" + getTotalCount() +
                ", totalPrice=" + getTotalPrice() +
                ", items=" + items +
                '}';
    }
}

Cart.java

　　　　添加CartTest测试

package com.gychen.test;

import com.gychen.pojo.Cart;
import com.gychen.pojo.CartItem;
import org.junit.Test;

import java.math.BigDecimal;

import static org.junit.Assert.*;

public class CartTest {


    @Test
    public void addItem() {
        Cart cart = new Cart();
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(200),new BigDecimal(200)));
        cart.addItem(new CartItem(2,"python从入门到精通",1,new BigDecimal(100),new BigDecimal(100)));
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(200),new BigDecimal(200)));
        System.out.println(cart);
    }

    @Test
    public void deleteItem() {
        Cart cart = new Cart();
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(300),new BigDecimal(300)));
        cart.addItem(new CartItem(2,"python从入门到精通",1,new BigDecimal(100),new BigDecimal(100)));
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(300),new BigDecimal(300)));

        cart.deleteItem(1);

        System.out.println(cart);
    }

    @Test
    public void clear() {

        Cart cart = new Cart();
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(400),new BigDecimal(400)));
        cart.addItem(new CartItem(2,"python从入门到精通",1,new BigDecimal(200),new BigDecimal(200)));
        cart.addItem(new CartItem(1,"java从入门到精通",1,new BigDecimal(400),new BigDecimal(400)));

        cart.clear();

        System.out.println(cart);
    }

    @Test
    public void uppdateCount() {

        Cart cart = new Cart();
        cart.addItem(new CartItem(1,"Spring从入门到精通",1,new BigDecimal(400),new BigDecimal(400)));
        cart.addItem(new CartItem(2,"python从入门到精通",1,new BigDecimal(200),new BigDecimal(200)));
        cart.addItem(new CartItem(1,"Spring从入门到精通",1,new BigDecimal(400),new BigDecimal(400)));

        cart.uppdateCount(2,4);
        cart.uppdateCount(1,1);
        System.out.println(cart);
    }
}

　　Ⅱ、加入购物车功能的实现

        //1、获取请求的参数
        //2、调用BookService.queryBookById(id):Book得到图书的信息
        //3、把图书信息转化为CartItem商品项
        //4、调用Cart.addItem(cartItem);添加商品项
        //4、重定向回列表页                    

　　　　在com.gychen.web中新建CartServlet的addItem方法　　

 private BookService bookService = new BookServiceImpl();
    /**
     * 添加购物车
     * @param req 请求
     * @param resp 响应
     */
    protected void addItem(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //1、获取请求的参数
        //2、调用BookService.queryBookById(id):Book得到图书的信息
        //3、把图书信息转化为CartItem商品项
        //4、调用Cart.addItem(cartItem);添加商品项
        //5、重定向回列表页

        //1、获取请求的参数
        int id = WebUtils.parseInt(req.getParameter("id"),0);

        //2、调用BookService.queryBookById(id):Book得到图书的信息

        Book book = bookService.querryBookById(id);

        //3、把图书信息转化为CartItem商品项
        CartItem cartItem = new CartItem(book.getId(),book.getName(),1,book.getPrice(),book.getPrice());

        //4、调用Cart.addItem(cartItem);添加商品项
        Cart cart = (Cart) req.getSession().getAttribute("cart");
        if (cart == null){

            cart = new Cart();
            req.getSession().setAttribute("cart",cart);
        }

        cart.addItem(cartItem);

        //最后一个添加的商品名称
        req.getSession().setAttribute("lastName",cartItem.getName());
        //5、重定向回列表页
        //获取浏览器访问时的地址再重定向回去
        resp.sendRedirect(req.getHeader("Referer"));
    }

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 99622
  Date: 2020/3/30
  Time: 20:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page
        contentType="text/html;charset=UTF-8"
        language="java"
        errorPage="/error500.jsp"
        autoFlush="true"
        buffer="8kb"
%>
<!--
errorPage表示错误后自动跳转到error500.jsp
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>

    <%-- 静态包含 base标签、css样式、jQuery文件 --%>
    <%@ include file="/pages/common/head.jsp"%>


</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>
            <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>
    </div>
</div>

<div id="main">
    <div id="book">
        <div class="book_cond">
            <form action="" method="get">
                价格：<input id="min" type="text" name="min" value=""> 元 -
                <input id="max" type="text" name="max" value=""> 元
                <input type="submit" value="查询" />
            </form>
        </div>
        <div style="text-align: center">
            <span>您的购物车中有3件商品</span>
            <div>
                您刚刚将<span style="color: red">时间简史</span>加入到了购物车中
            </div>
        </div>
        <c:forEach items="${requestScope.page.items}" var="book">
            <div class="b_list">
            <div class="img_div">
                <img class="book_img" alt="" src="static/img/default.jpg" />
            </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>

    <div id="page_nav">
        <%--大于1才显示首页--%>
        <c:if test="${requestScope.page.pageNo > 1}">
            <a href="client/clientbookServlet?action=page">首页</a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo-1}">
                    上一页
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo-1}">
                    ${requestScope.page.pageNo-1}
            </a>
        </c:if>

        <%--当前页码--%>
        【${ requestScope.page.pageNo }】

        <%--小于末页才显示末页--%>
        <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotal}">
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo+1}">
                    ${requestScope.page.pageNo+1}
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo+1}">
                    下一页
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageTotal}">末页</a>
        </c:if>


        共${ requestScope.page.pageTotal }页，${ requestScope.page.pageTotalCount }条记录 到第
        <input  value="${requestScope.page.pageNo}" name="pn" id="pn_input"/>页
        <input id="searchPageBtn" type="button" value="确定">
    </div>

</div>

<%--静态包含页脚内容--%>
<%@include file="/pages/common/footer.jsp"%>
<script>
    $(function () {
        $("#searchPageBtn").click(function () {
            //获取要跳转的页面页码
            var pageNo = $("#pn_input").val();
            //location的href属性是地址栏的路由，执行请求转发
            location.href="${pageScope.basePath}client/clientbookServlet?action=page&pageNo="+pageNo;
        });

        // 给加购按钮绑定单击事件
        $(".addToCart").click(function () {
            var bookId = $(this).attr("bookId");

            location.href="${pageScope.basePath}cartServlet?action=addItem&id="+bookId;
        })
    });
</script>
</body>
</html>

 　　Ⅲ、删除购物车的商品项

　　　　写deleteItem()方法

 /**
     * 删除购物车商品信息
     * @param req 请求
     * @param resp 响应
     */
    protected void deleteItem(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //1、获取请求的参数
        //2、获取购物车对象
        //3、删除购物车信息
        //4、重定向回列表页

        //1、获取请求的参数，商品编号
        int id = WebUtils.parseInt(req.getParameter("id"),0);

        //2、获取购物车对象

        Cart cart = (Cart) req.getSession().getAttribute("cart");
        if (cart != null){
            //删除购物车信息

            cart.deleteItem(id);

            //重定向回购物车
            resp.sendRedirect(req.getHeader("Referer"));
        }

    }

　　Ⅳ、清空购物车

　　　　写clearCart();方法

/**
     * 清空购物车
     * @param req 请求
     * @param resp 响应
     */
    protected void clearCart(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //1、获取购物车对象

        Cart cart = (Cart) req.getSession().getAttribute("cart");

        if (cart != null){

            //2、清空购物车
            cart.clear();

            //重定向回购物车
            resp.sendRedirect(req.getHeader("Referer"));
        }

    }

　　Ⅴ、修改购物车商品数量

/**
     * 修改购物车商品数量
     * @param req 请求
     * @param resp 响应
     */
    protected void updateCount(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //1、获取请求的参数
        //2、获取购物车对象
        //3、修改购物车商品数量
        //4、重定向回列表页
        
        //1、获取请求的参数，商品编号
        int id = WebUtils.parseInt(req.getParameter("id"),0);
        int count = WebUtils.parseInt(req.getParameter("count"),0);

        //2、获取购物车对象

        Cart cart = (Cart) req.getSession().getAttribute("cart");
        if (cart != null){

            //修改购物车商品数量
            cart.uppdateCount(id,count);

            //重定向回购物车
            resp.sendRedirect(req.getHeader("Referer"));
        }

    }

注：

<%@ 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样式、jQuery文件 --%>
    <%@ include file="/pages/common/head.jsp"%>
</head>
<body>
    
    <div id="header">
            <img class="logo_img" alt="" src="static/img/logo.gif" >
            <span class="wel_word">购物车</span>
            <%@include file="/pages/common/login_success_menu.jsp"%>
    </div>
    
    <div id="main">
    
        <table>
            <tr>
                <td>商品名称</td>
                <td>数量</td>
                <td>单价</td>
                <td>金额</td>
                <td>操作</td>
            </tr>

            <c:forEach items="${sessionScope.cart.items}" var="entry">
            <tr>
                <td>${entry.value.name}</td>
                <td>
                    <input class="updateCount" type="text"
                           value="${entry.value.count}"
                           bookId="${entry.value.id}"
                           style="width: 60px;"
                           onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();">
                </td>
                <td>${entry.value.price}</td>
                <td>${entry.value.totalPrice}</td>
                <td><a class="deleteItem" href="cartServlet?action=deleteItem&id=${entry.value.id}">删除</a></td>
            </tr>
            </c:forEach>


            <c:if test="${empty sessionScope.cart.items}">
                <tr>
                    <td colspan="5"><a href="${pageScope.basePath}index.jsp">亲，当前购物车为空，快去浏览吧。</a></td>
                </tr>
            </c:if>
        </table>

        <c:if test="${not empty sessionScope.cart.items}">
        <div class="cart_info">
            <span class="cart_span">购物车中共有<span class="b_count">${sessionScope.cart.totalCount}</span>件商品</span>
            <span class="cart_span">总金额<span class="b_price">${sessionScope.cart.totalPrice}</span>元</span>
            <span class="cart_span"><a class="clearCart" href="cartServlet?action=clearCart">清空购物车</a></span>
            <span class="cart_span"><a href="pages/cart/checkout.jsp">去结账</a></span>
        </div>
        </c:if>


    
    </div>

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

    <script>
        $(function () {
            //删除购物车商品事件
            $("a.deleteItem").click(function () {
                return  confirm("您确定要删除【"+$(this).parent().parent().find("td:first").text()+"】吗？")
            });

            //清空购物车事件
            $("a.clearCart").click(function () {
                return  confirm("您确定要清空购物车吗？")
            });

            //修改购物车商品数量事件
            $(".updateCount").change(function () {

                var name = $(this).parent().parent().find("td:first").text();
                var count = this.value;
                var bookId = $(this).attr("bookId");
                if (confirm("您确定要将【"+name+"】的数量修改为【"+count+"】吗？")){
                    //发起请求给服务器保存修改
                    location.href = "${pageScope.basePath}cartServlet?action=updateCount&count="+count+"&id="+bookId;
                } else {
                    //defauleValue 是表单DOM默认值，即原来表单的值
                    this.value = this.defaultValue;
                }
            });
        });

    </script>
</body>
</html>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 99622
  Date: 2020/3/30
  Time: 20:18
  To change this template use File | Settings | File Templates.
--%>
<%--<%@ page--%>
<%--        contentType="text/html;charset=UTF-8"--%>
<%--        language="java"--%>
<%--        errorPage="/error500.jsp"--%>
<%--        autoFlush="true"--%>
<%--        buffer="8kb"--%>
<%--%>--%>
<!--
errorPage表示错误后自动跳转到error500.jsp
-->

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>

    <%-- 静态包含 base标签、css样式、jQuery文件 --%>
    <%@ include file="/pages/common/head.jsp"%>


</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>
            <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>
    </div>
</div>

<div id="main">
    <div id="book">
        <div class="book_cond">
            <form action="" method="get">
                价格：<input id="min" type="text" name="min" value=""> 元 -
                <input id="max" type="text" name="max" value=""> 元
                <input type="submit" value="查询" />
            </form>
        </div>
        <div style="text-align: center">


            <c:if test="${not empty sessionScope.cart.items}">
                <span>您的购物车中有${empty sessionScope.cart.totalCount?0:sessionScope.cart.totalCount}件商品</span>
                <div>
                    您刚刚将<span style="color: red">${sessionScope.lastName}</span>加入到了购物车中
                </div>
            </c:if>

            <c:if test="${empty sessionScope.cart.items}">
                <span> </span>
                <div>
                    <span style="color: red">当前购物车为空</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="static/img/default.jpg" />
            </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>

    <div id="page_nav">
        <%--大于1才显示首页--%>
        <c:if test="${requestScope.page.pageNo > 1}">
            <a href="client/clientbookServlet?action=page">首页</a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo-1}">
                    上一页
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo-1}">
                    ${requestScope.page.pageNo-1}
            </a>
        </c:if>

        <%--当前页码--%>
        【${ requestScope.page.pageNo }】

        <%--小于末页才显示末页--%>
        <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotal}">
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo+1}">
                    ${requestScope.page.pageNo+1}
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageNo+1}">
                    下一页
            </a>
            <a href="client/clientbookServlet?action=page&pageNo=${requestScope.page.pageTotal}">末页</a>
        </c:if>


        共${ requestScope.page.pageTotal }页，${ requestScope.page.pageTotalCount }条记录 到第
        <input  value="${requestScope.page.pageNo}" name="pn" id="pn_input"/>页
        <input id="searchPageBtn" type="button" value="确定">
    </div>

</div>

<%--静态包含页脚内容--%>
<%@include file="/pages/common/footer.jsp"%>
<script>
    $(function () {
        $("#searchPageBtn").click(function () {
            //获取要跳转的页面页码
            var pageNo = $("#pn_input").val();
            //location的href属性是地址栏的路由，执行请求转发
            location.href="${pageScope.basePath}client/clientbookServlet?action=page&pageNo="+pageNo;
        });

        // 给加购按钮绑定单击事件
        $(".addToCart").click(function () {
            var bookId = $(this).attr("bookId");

            location.href="${pageScope.basePath}cartServlet?action=addItem&id="+bookId;
        })
    });
</script>
</body>
</html>