SpringMVCDemo中，遇到的问题（四）之分页功能

2018-11-27 08:31:36来源：博客园阅读 ()

1、背景：

　　线上经常出现因为研发代码编写不规范，sql语句全表查询，数据过多，硬生生把内存塞爆，不断GC，整个服务宕掉的情况。

　　引发这种场景的原因之一，归咎在使用mybatis编写sql语句时使用了万能查询语句。where 1=1之后，拼接的if条件都不符合条件。如下：

　　如果下面sql语句中，if条件都匹配不上，最后会执行 select * from retailer where 1=1

 1     <!--sql片段-->
 2     <sql id="query_retailer_where">
 3         <if test="name!=null">and name like '%${name}%'</if>
 4         <if test="address!=null">and address like '%${address}%'</if>
 5         <if test="status!=null">and status like '%${status}%'</if>
 6         <if test="telphone!=null">and telphone = #{telphone}</if>
 7         <if test="createtime!=null">
 8             and createtime = DATE_FORMAT(#{createtime},'%Y-%m-%d %H:%i:%S')
 9         </if>
10         <if test="starttime != null"> <![CDATA[ and createtime >= to_date(#{starttime},'yyyy-MM-dd HH:mm:ss')]]></if>
11         <if test="endtime != null"> <![CDATA[ and createtime <= to_date(#{endtime},'yyyy-MM-dd HH:mm:ss')]]></if>
12     </sql>
13 
14     <!--查询-->
15     <select id="find" resultMap="resultMap" parameterType="java.util.Map">
16         select * from retailer
17         where 1=1
18         <include refid="query_retailer_where"></include>
19         <if test="startPage != null and pageSize !=null">
20             order by createtime desc
21 --             LIMIT #{startPage},#{pageSize}
22         </if>
23     </select>

　这类场景的解决办法，

　一种是使用<choose></choose>，如果匹配不到就查询不到，或查询个默认范围。

<where>
    <choose>
        <when>
        </when>
        <otherwise>
             AND 1=0
        </otherwise>  
　　 </choose>
</where>

另外一种就是使用分页查询，引入Limit，限制查询出的数据条数。

2、使用思路：

    <!--查询-->
    <select id="find" resultMap="resultMap" parameterType="java.util.Map">
        select * from retailer
        where 1=1
        <include refid="query_retailer_where"></include>
        <if test="startPage != null and pageSize !=null">
            order by createtime desc
            LIMIT #{startPage},#{pageSize}
        </if>
    </select>

由底向上的思路，从limit的使用，来考虑一下传值的逻辑。

limit的语法是，select * from table where ... limit start,size;

　　start:从第几条记录开始。

　　size : 读取几条记录。

首先需要知道，从第几条[下标]开始读，要往后读取多少条。

即分页显示的话，需要传给sql语句两个参数，某一页面中第一条在表中的下标，以及页面中数据的条数。

size好说，默认指定一个，或者从前台输入后取一个。

start下标，

　　一种方式是，前端js计算完，直接传值过来。不涉及sql语句的计算。

　　另一种方式是，前端传过来要跳转到的页码，后台sql中加入(pageNum-1)*size的计算，即为对应页面的start下标值。

3、实现：

以第一种为例，实现不同页码的跳转。

1）编写分页查询的PageEntity类，首次查询列表，需要给定个默认值。

/**
 * 分页类，包含三个属性
 * 开始页面、起始数据位置、每页要取的数据
 */
public class PageEntity {

    //当前页
    private Integer currentPage;
    //起始页
    private Integer startPage;
    //页面的数据大小
    private Integer pageSize;

    public Integer getCurrentPage() {
        if(currentPage==null){
            currentPage = 1;
        }
        return currentPage;
    }

    public void setCurrentPage(Integer currentPage) {
        this.currentPage = currentPage;
    }

    public Integer getStartPage() {
        if (startPage==null){
            startPage=0;
        }
        return startPage;
    }

    public void setStartPage(Integer startPage) {
        this.startPage = startPage;
    }

    public Integer getPageSize() {
        if (pageSize==null){
            pageSize=5;
        }
        return pageSize;
    }

    public void setPageSize(Integer pageSize) {
        this.pageSize = pageSize;
    }
}

2）使用实际要分页的实体类，继承PageEntity。拥有分页的属性，DAO层（见2使用思路中的sql语句），Service层实际代码略

3）controller层代码如下，主要对视图传过来的数据进行处理，并回传给视图层。

    //展示零售商
    @RequestMapping(value = "/list")
    public String list(RetailerEntity retailer, Model model){
        Map<String,Object> map = retailerToMap(retailer);
        List<RetailerEntity> retailerList = retailerService.find(map);

        //1.设置当前页码数
        model.addAttribute("currentPage",retailer.getCurrentPage());
        //2.获取开始的页码
        model.addAttribute("startPage",retailer.getStartPage());
        //3.获取总条数
        int countNumber = retailerService.count(map);
        model.addAttribute("countNumber",countNumber);
        //4.获取每页显示的数据条数,默认显示10条
        int pageSize  = retailer.getPageSize();
        model.addAttribute("pageSize",pageSize);
        //5.获取总页数
        int sumPageNumber = countNumber%pageSize==0?(countNumber/pageSize):((countNumber/pageSize)+1);
        model.addAttribute("sumPageNumber",sumPageNumber);
        model.addAttribute("list",retailerList);

        return "/retailer/retailerHome.jsp";
    }

4）页面及页面代码

页面将定义的这几个属性，设置为hidden的input标签。每次展示前，从后台中获取。

第一次打开显示时，默认显示第1页，第0条，共显示5条。

  <form id="listForm" action="list.action" method="post">
        姓名：<input type="text" name="name" style="width:120px"/> 
        手机：<input type="text" name="telphone" style="width:120px"/>
        地址：<input type="text" name="address" style="width:120px"/><br/><br/>
        状态：<select id="indexStatus" onchange="changeStatus()">
        <option value="-1" selected="selected">全部</option>
        <option value="1">启用</option>
        <option value="0">停用</option>
     </select>
     <input type="hidden" name="status" id="status" value="-1">
        创建日期：<input type="text" name="createtime"/>
     <input type="submit" value="搜索" style="background-color:#173e65;color:#ffffff;width:70px;"/> <br/>
     <!-- 显示错误信息 -->  
     <c:if test="${errorMsg}">   
         <font color="red">${errorMsg}</font><br/>
     </c:if> 
     <input type="hidden" name="startPage" id="startPage" value="${startPage}"/>
     <input type="hidden" name="currentPage" id="currentPage" value="${currentPage}"/>
     <input type="hidden" name="pageSize" id="pageSize" value="${pageSize}"/>
     <input type="hidden" name="sumPageNumber" id="sumPageNumber" value="${sumPageNumber}"/>
     <input type="hidden" name="countNumber" id="countNumber" value="${countNumber}"/>
  </form>

在下方输入页码，点击go后。执行toLocationPage方法。

   <div style="margin-top: 10px;">
       <a onclick="toPrePage()">上一页</a><a onclick="toNextPage()">下一页</a>
       <input type="text" id="pageNumber" style="width:50px">
       <button onclick="toLocationPage()">go</button>
       <div id="pageInfo"></div>
   </div>

js方法如下：

       function toLocationPage(){
           //获取要跳转到的页码
           var pageNumber = document.getElementById("pageNumber").value;
           //获取当前页码这个对象
           var currentPageObject = document.getElementById("currentPage");
           //取出当前页码的值
           var currentPage = currentPageObject.value;
           //进行非空校验
           if(pageNumber==null||pageNumber==""){
               alert("请输入要跳转的页数！");
           }else{
               pageNumber = parseInt(pageNumber);
               //取出总页码数
               var sumPage = parseInt(document.getElementById("sumPageNumber").value);
               if(pageNumber<1){
                   alert("数据已到顶！");
               }else if(pageNumber>sumPage){
                   alert("数据已到底！");
               }else{
                   var pageSize = parseInt(document.getElementById("pageSize").value);
                   // 取出开始的数据下标，默认进入第一面时为0
                   var startPageObject =document.getElementById("startPage");
                   // 如果要跳转的页码大于当前页码，逻辑如下【注意：currentPage不同于currentPageObject.value，currentPage为1】
                   if(pageNumber>=currentPage){
                       //开始的下标+页码差*每页条数
                       startPageObject.value = parseInt(startPageObject.value)+pageSize*(pageNumber-currentPage);
                   }else if(pageNumber<currentPage){
                       startPageObject.value = parseInt(startPageObject.value)-pageSize*(currentPage-pageNumber);
                   }
                   // 变更当前页码对象的值为要跳转到的页面，相当于公共的变量值，以后后续使用
                   currentPageObject.value = pageNumber;
                   document.getElementById("listForm").submit();
               }
           }
       }