网页分页功能讲解及相关代码模块实现

源码。http://git.oschina.net/free/Mybatis_PageHelper，下面的代码是只是该类的一些属性，省略了其他代码

@SuppressWarnings({"rawtypes", "unchecked"})
public class PageInfo<T> extends PageSerializable<T> {
    //当前页
    private int pageNum;
    //每页的数量
    private int pageSize;
    //当前页的数量
    private int size;
    
    //由于startRow和endRow不常用，这里说个具体的用法
    //可以在页面中"显示startRow到endRow 共size条数据"

    //当前页面第一个元素在数据库中的行号
    private int startRow;
    //当前页面最后一个元素在数据库中的行号
    private int endRow;
    //总页数
    private int pages;

    //前一页
    private int prePage;
    //下一页
    private int nextPage;

    //是否为第一页
    private boolean isFirstPage = false;
    //是否为最后一页
    private boolean isLastPage = false;
    //是否有前一页
    private boolean hasPreviousPage = false;
    //是否有下一页
    private boolean hasNextPage = false;
    //导航页码数
    private int navigatePages;
    //所有导航页号
    private int[] navigatepageNums;
    //导航条上的第一页
    private int navigateFirstPage;
    //导航条上的最后一页
    private int navigateLastPage;

Mapper接口

//查询所有产品
    List<Products> selectAllProducts(String keyword);

Mapper映射

<!--查询所有商品-->
    <select id="selectAllProducts"  resultType="products">
        select * from products
        <where>
            <if test=" keyword != null">
                pro_name like concat(concat('%',#{keyword}),'%') and
            </if>
            1 = 1
        </where>
    </select>

为什么说该插件是物理分页呀，我们可以进行一探究竟。修改service实现类的代码

@Override
    public PageInfo findPage(int page, int pageSize ,String keyword) {
        //需要注意Service层PageHelper.startPage(xxx,yyy);语句后一定是紧跟查询语句
        PageHelper.startPage(page,pageSize); //启动
        //查询所有产品
        List<Products> list=productsMapper.selectAllProducts(keyword);
        System.out.println("list为"+list);
        PageInfo pageInfo = new PageInfo(list);
        System.out.println("pageInfo为"+pageInfo);
        return pageInfo;
    }

通过调用该功能，我们在控制台打印出list与pageInfo的结果为
我们可以看到或者理解为他去进行查询的时候，一共进行了两次。第一次首先把全部的数目查出来返回给page，然后再去查第二次，得到当前页面所需要的数据，同时我们能够看到他封装了很多的参数，这些参数就是在前面所提到的PageInfo类的属性

前端jsp页面相关代码

<!---按关键字查询分页->
<form action="${pageContext.request.contextPath}/productManage" method="get">
                    <table class="search-tab">
                        <tr>
                            <th width="120">关键字:</th>
                            <td><input class="common-text" placeholder="关键字(利用商品名称来搜索)" name="keywords" value="${param.keywords }" id="" type="text"></td>
                            <td><input class="btn btn-primary btn2" name="sub" value="查询" type="submit"></td>
                        </tr>
                   </table>
</form>

<form action="#" method="post">
                <div class="result-title">
                    <div class="result-list">
                        <a href="${pageContext.request.contextPath}/gotoAddProductPage"><i class="icon-font"></i>新增商品</a>
                    </div>
                </div>

                <div class="result-content">
                    <table class="result-tab" width="70%">
                        <tr>
                            <th>ID</th>
                            <th>商品名称</th>
                            <th>商品价格</th>
                            <th>商品库存</th>
                            <th>操作</th>
                        </tr>
                        <c:forEach var = "p" items = "${pageInfo.list}">
                            <tr>
                                <td>${p.pro_id }</td>
                                <td><img src="${p.pro_imgurl}" width="60px" height="70px">
                                        ${p.pro_name}
                                </td>
                                <td> ${p.pro_price}</td>
                                <td> ${p.pro_num}</td>
                                <td>
                                </td>
                            </tr>
                        </c:forEach>
                    </table>
                    <div class="list-page">
                        共${pageInfo.total}条记录，当前${pageInfo.pageNum}/${pageInfo.pages }页
                        <a href = "/productManage?pageNum=1${searchParams}">首页</a>
                        <a href = "/productManage?pageNum=${pageInfo.hasPreviousPage?pageInfo.prePage:1}${searchParams}">上一页</a>
                        <a href = "/productManage?pageNum=${pageInfo.hasNextPage?pageInfo.nextPage:pageInfo.pages}${searchParams}">下一页</a>
                        <a href = "/productManage?pageNum=${pageInfo.pages}${searchParams}">尾页</a>
                    </div>
                </div>
            </form>

其中我要说明的是，在使用EL表达式的时候，items取值不是$pageInfo而是${pageInfo.list},因为我们的结果集在list里面

按关键字查询分页效果图