大型运输行业实战_day04_3_高级查询+分页

1.高级查询+分页最终结果

2.分页的本质分析

前端传入:当前页  和  每页显示条数

数据库必须查询出:数据列表 和 总共条数

页面显示包括的数据有: 列表 +  每页显示条数 + 当前页 + 总共页数 + 总共条数,站在面向对象的思考角度应该将其封装到一个对象中 即:分页对象 resultPage.java

其中总共页数通过计算而来,  总共页数=()(总共条数-1)/每页显示条数)+1

在查询列表的时候需要使用 limit 开始下标,每页显示条数, 开始下标由前端决定, 开始下标=(当前页-1)*每页显示条数

3.在高级查询的基础上实现分页步骤

3.1页面显示完成html代码

  <button onclick="firstPage()">首页</button>
     <button onclick="upPage()">上页</button>
     <button onclick="nextPage()">下页</button>
     <button onclick="lastPage()">末页</button>
     跳转到<input id="currentPage1" value="" size="1"/>页 <button onclick="jumpPage()">跳转</button>,
     每页显示<span id="pageSize">10</span>条,
     当前<span id="currentPage">5</span>/<span id="totalPage">10</span>页,
     总共<span id="count">48</span>条

3.2. js函数方法

 /**
    *  注意在调用该函数时必须输入参数
    *  查询+ 分页
    *  */
     function query(_pageSize,_currentPage){
        // alert("------query------");
         //1.获取参数
         var  startStation = $("#startStation").val();
         var  stopStation = $("#stopStation").val();
         //2.发送请求
         var params = {
             startStation:startStation,
             stopStation:stopStation,
             _pageSize:_pageSize,//分页需要的数据
             _currentPage:_currentPage//分页需要的数据
         };
         var url = 'http://localhost:8080/ticket2/data3';
         jQuery.ajax({
             type: 'POST',
             contentType: 'application/x-www-form-urlencoded',
             url: url,
             data: params,
             dataType: 'json',
             success: function (data) {
                 //取出列表
                var ticketList = data.list;
                 //取出分页数据
                 var currentPage= data.currentPage;
                 var count= data.count;
                 var pageSize= data.pageSize;
                 var totalPage= data.totalPage;
                 var html='<tr>'+
                         '<td>编号</td>'+
                         '<td>开始车站</td>'+
                         '<td>到达车站</td>'+
                         '</tr>';
                 //解析数据到table表中
                 for (var i=0;i<ticketList.length;i++){
                     //取出一个对象   java里面的内省机制
                     var  ticket = ticketList[i];
                     var id = ticket.id;
                     var startStation=  ticket.startStation;
                     var stopStation=  ticket.stopStation;
                     html+='<tr>'+
                             '<td>'+id+'</td>'+
                             '<td>'+startStation+'</td>'+
                             '<td>'+stopStation+'</td>'+
                             '</tr>';
                 }
                 //3.填充数据
                 //填充列表
                 $("#ticketList").html(html);
                 //填充分页数据
                 $("#totalPage").html(totalPage);
                 $("#pageSize").html(pageSize);
                 $("#count").html(count);
                 $("#currentPage").html(currentPage);
             },
             error: function (data) {
                 alert("失败啦");
             }
         });
     }

3.3.控制层方法

  /**
      * 获取车票数据 高级查询 + 分页
      */
     @RequestMapping("/data3")
     @ResponseBody  //请求数据必须写这个
     public ResultPage getData3(TicketQueryObj ticketQueryObj, String _pageSize, String _currentPage){
         //接收参数    可以将分页数据直接用TicketQueryObj对象就收,这里单独写出来是为了更好的理解 分页前端需要传的两个重要参数
         if (_pageSize!=null && !_pageSize.equals("")){
             ticketQueryObj.setPageSize(Integer.valueOf(_pageSize));
         }
         if (_currentPage!=null && !_currentPage.equals("")){
             ticketQueryObj.setCurrentPage(Integer.valueOf(_currentPage));
         }
         //调用方法
         ResultPage page = ticketService.getPage(ticketQueryObj);
         //控制跳转
         return page;
     }

3.4.业务成方法

  @Override
     public ResultPage getPage(TicketQueryObj ticketQueryObj) {
         ResultPage resultPage =new ResultPage();
         //获取数据列表
         List<Ticket> tickets = ticketDao.queryList(ticketQueryObj);
         resultPage.setList(tickets);
         //总共条数查询数据库
         Integer count = ticketDao.count(ticketQueryObj);
          resultPage.setCount(count);
         //当前页
         Integer currentPage = ticketQueryObj.getCurrentPage();
         resultPage.setCurrentPage(currentPage);
         //每页显示条数
         Integer pageSize = ticketQueryObj.getPageSize();
         resultPage.setPageSize(pageSize);
         //总共页数
         Integer totalPage=((count-1)/pageSize)+1;
         resultPage.setTotalPage(totalPage);
         return resultPage;
     }

3.5持久层接口

  /**
      * 根据条件 查询+分页
      * @param ticketQueryObj
      * @return
      */
     List<Ticket> queryList(TicketQueryObj ticketQueryObj);

     /**
      * 计算总条数
      * @param ticketQueryObj
      * @return
      */
     Integer count(TicketQueryObj ticketQueryObj);

3.6.sql映射文件

  <!--
     查询列表
     SELECT * FROM ticket WHERE start_station='成都'
     LIMIT 0,5-->
     <select id="queryList" parameterType="com.day02.sation.query.TicketQueryObj"  resultType="com.day02.sation.model.Ticket">
         SELECT id,start_station startStation,stop_station stopStation FROM ticket
        <where>
            <if test="startStation!=null and startStation!='' ">
                AND  start_station = #{startStation}
            </if>
            <if test="stopStation!=null and stopStation!='' ">
                AND stop_station=#{stopStation}
            </if>
        </where>
         limit #{startIndex},#{pageSize}
     </select>

     <!--
     查询总共条数
     -->
     <select id="count" parameterType="com.day02.sation.query.TicketQueryObj" resultType="int">
          SELECT COUNT(1) FROM ticket
         <where>
             <if test="startStation!=null and startStation!='' ">
                 AND  start_station = #{startStation}
             </if>
             <if test="stopStation!=null and stopStation!='' ">
                 AND stop_station=#{stopStation}
             </if>
         </where>
     </select>

3.7. 测试dao

  /**
      * 测试获取列表
      */
     @Test
     public void testGetList2(){
         TicketQueryObj ticketQueryObj = new TicketQueryObj();
         ticketQueryObj.setStartStation("成都    ");
         ticketQueryObj.setStopStation("南充");
         List<Ticket> list = ticketDao.queryList(ticketQueryObj);
         System.out.println("list="+list);
     }

     /**
      * 测试 获取总条数
      */
     @Test
     public void testCount(){
         TicketQueryObj ticketQueryObj = new TicketQueryObj();
         ticketQueryObj.setStartStation("成都");
         ticketQueryObj.setStopStation("南充");
         Integer count = ticketDao.count(ticketQueryObj);
         System.out.println("count="+count);
     }

重启服务器分页列表和数据完成!

3.8.完成 首页 上页 下页 末页 跳转到 按钮的js函数

 //首页
     function firstPage(){
          alert("--firstPage--");
         //获取每页显示条数
        var _pageSize =  $("#pageSize").html();
         query(_pageSize,1);
     }
     //上页
     function upPage(){
         alert("--upPage--");
         var _pageSize =  $("#pageSize").html();
         //当前页
         var currentPage=$("#currentPage").html();
         var _currentPage=currentPage-1;
         query(_pageSize,_currentPage);
     }
     //下页
     function nextPage(){
         alert("--nextPage--");
         var _pageSize =  $("#pageSize").html();
         //当前页
         var currentPage=$("#currentPage").html();
         //var _currentPage=currentPage+1;//不能这样直接加必须使用函数
         var _currentPage= parseInt(currentPage)+1;
         query(_pageSize,_currentPage);
     }
     //末页
     function lastPage(){
         alert("--lastPage--");
         var _pageSize =  $("#pageSize").html();
         //当前页
         var _currentPage=$("#totalPage").html();
         query(_pageSize,_currentPage);
     }
     //跳转到
     function jumpPage(){
         alert("--jumpPage--");
         var _pageSize =  $("#pageSize").html();
         //当前页
         var _currentPage=$("#currentPage1").val();
         query(_pageSize,_currentPage);
     }

4.用到的分页对象和查询对象

4.1.分页对象 ResultPage.java

 package com.day02.sation.page;

 import com.day02.sation.model.Ticket;

 import java.util.List;

 /**
  * Created by Administrator on 12/28.
  */
 public class ResultPage {
    // 列表数据:数据库查询来的
     private List<Ticket> list;
     //当前页
     private Integer currentPage;
    // 总条数 数据库查询出来的
     private Integer count;
    // 总共页数=总条数/每页显示条数  (判断是否有余数)
     private Integer totalPage;
    // 每 页显示条数:用户设定或者默认
    private Integer pageSize;

     public List<Ticket> getList() {
         return list;
     }

     public void setList(List<Ticket> list) {
         this.list = list;
     }

     public Integer getCurrentPage() {
         return currentPage;
     }

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

     public Integer getCount() {
         return count;
     }

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

     public Integer getTotalPage() {
         return totalPage;
     }

     public void setTotalPage(Integer totalPage) {
         this.totalPage = totalPage;
     }

     public Integer getPageSize() {
         return pageSize;
     }

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

ResultPage.java

4.2.查询对象

 package com.day02.sation.query;

 /**
  * Created by Administrator on 12/28.
  */
 public class TicketQueryObj {
     //当前页
     private Integer currentPage=1;
     //每页显示条数
     private Integer pageSize=3;
     //开始下标
     private Integer startIndex=0;
     //业务查询字段
     private String startStation;
     private String stopStation;
     public Integer getStartIndex() {
         //开始下标 使用户传来的,但是他是间接传来的  传的是当前页  和  每页显示条数,应该计算得出开始下标
         if (currentPage==null || pageSize==null){
             return 0;
         }
         this.startIndex = ( this.currentPage-1)* this.pageSize;
         return startIndex;
     }

     public void setStartIndex(Integer startIndex) {
         this.startIndex = startIndex;
     }

     public Integer getPageSize() {
         if (pageSize==null || pageSize==0){
             return 3;
         }
         return pageSize;
     }

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

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

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

     public String getStartStation() {

         return startStation;
     }

     public void setStartStation(String startStation) {
         this.startStation = startStation;
     }

     public String getStopStation() {
         return stopStation;
     }

     public void setStopStation(String stopStation) {
         this.stopStation = stopStation;
     }
 }

TicketQueryObj.java

到此分页+高级查询完成!