Servlet+jsp的分頁案例

查詢的分頁，在web中經常用到。一般，分頁要維護的信息很多，我們把這些相關的信息，分裝到一個類中，PageBean。具體如下：

package cn.itcast.utils;

import java.util.List;

import cn.itcast.entity.Employee;

/**
 * 封裝分頁的參數
 * 
 * @author Jie.Yuan
 * 
 */
public class PageBean<T> {
    private int currentPage = 1; // 當前頁, 默認顯示第一頁
    private int pageCount = 4;   // 每頁顯示的行數(查詢返回的行數), 默認每頁顯示4行
    private int totalCount;      // 總記錄數
    private int totalPage;       // 總頁數 = 總記錄數 / 每頁顯示的行數  (+ 1)
    private List<T> pageData;       // 分頁查詢到的數據
    
    // 返回總頁數
    public int getTotalPage() {
        if (totalCount % pageCount == 0) {
            totalPage = totalCount / pageCount;
        } else {
            totalPage = totalCount / pageCount + 1;
        }
        return totalPage;
    }
    public void setTotalPage(int totalPage) {
        this.totalPage = totalPage;
    }
    
    public int getCurrentPage() {
        return currentPage;
    }
    public void setCurrentPage(int currentPage) {
        this.currentPage = currentPage;
    }
    public int getPageCount() {
        return pageCount;
    }
    public void setPageCount(int pageCount) {
        this.pageCount = pageCount;
    }
    public int getTotalCount() {
        return totalCount;
    }
    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;
    }
    
    public List<T> getPageData() {
        return pageData;
    }
    public void setPageData(List<T> pageData) {
        this.pageData = pageData;
    }
    
    

}

 

我們在servlet層實現數據的查詢。一般的做法是這樣的，我們在servlet中維護一個pageBean的實例，在servlet中調用查詢，並把pageBean作為參數傳入。當查詢結束后，pageBean的參數已經是查詢后的記過，servlet再把查詢后的結果，也就是封裝在pageBean中的信息保存到域中發送到jsp頁面。下面是servlet中的內容：

/**
 * 4. 控制層開發
 * @author Jie.Yuan
 *
 */
public class IndexServlet extends HttpServlet {
    // 創建Service實例
    private IEmployeeService employeeService = new EmployeeService();
    // 跳轉資源
    private String uri;

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
        try {
            //1. 獲取“當前頁”參數；  (第一次訪問當前頁為null) 
            String currPage = request.getParameter("currentPage");
            // 判斷
            if (currPage == null || "".equals(currPage.trim())){
                currPage = "1";      // 第一次訪問，設置當前頁為1;
            }
            // 轉換
            int currentPage = Integer.parseInt(currPage);
            
            //2. 創建PageBean對象，設置當前頁參數； 傳入service方法參數
            PageBean<Employee> pageBean = new PageBean<Employee>();
            pageBean.setCurrentPage(currentPage);
            
            //3. 調用service  
            employeeService.getAll(pageBean);    // 【pageBean已經被dao填充了數據】
            
            //4. 保存pageBean對象，到request域中
            request.setAttribute("pageBean", pageBean);
            
            //5. 跳轉 
            uri = "/WEB-INF/list.jsp";
        } catch (Exception e) {
            e.printStackTrace();  // 測試使用
            // 出現錯誤，跳轉到錯誤頁面；給用戶友好提示
            uri = "/error/error.jsp";
        }
        request.getRequestDispatcher(uri).forward(request, response);
        
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        this.doGet(request, response);
    }

}

下面是dao層查詢的內容：

/**
 * 2. 數據訪問層實現
 * @author Jie.Yuan
 *
 */
public class EmployeeDao implements IEmployeeDao {

    @Override
    public void getAll(PageBean<Employee> pb) {
        
        //2. 查詢總記錄數;  設置到pb對象中
        int totalCount = this.getTotalCount();
        pb.setTotalCount(totalCount);
        
        /*
         * 問題： jsp頁面，如果當前頁為首頁，再點擊上一頁報錯！
         *              如果當前頁為末頁，再點下一頁顯示有問題！
         * 解決：
         *        1. 如果當前頁 <= 0;       當前頁設置當前頁為1;
         *        2. 如果當前頁 > 最大頁數；  當前頁設置為最大頁數
         */
        // 判斷
        if (pb.getCurrentPage() <=0) {
            pb.setCurrentPage(1);                        // 把當前頁設置為1
        } else if (pb.getCurrentPage() > pb.getTotalPage()){
            pb.setCurrentPage(pb.getTotalPage());        // 把當前頁設置為最大頁數
        }
        
        //1. 獲取當前頁： 計算查詢的起始行、返回的行數
        int currentPage = pb.getCurrentPage();
        int index = (currentPage -1 ) * pb.getPageCount();        // 查詢的起始行
        int count = pb.getPageCount();                            // 查詢返回的行數
        
        
        //3. 分頁查詢數據;  把查詢到的數據設置到pb對象中
        String sql = "select * from employee limit ?,?";
        
        try {
            // 得到Queryrunner對象
            QueryRunner qr = JdbcUtils.getQueryRuner();
            // 根據當前頁，查詢當前頁數據(一頁數據)
            List<Employee> pageData = qr.query(sql, new BeanListHandler<Employee>(Employee.class), index, count);
            // 設置到pb對象中
            pb.setPageData(pageData);
            
        } catch (Exception e) {
            throw new RuntimeException(e);
        }
        
    }

    @Override
    public int getTotalCount() {
        String sql = "select count(*) from employee";
        try {
            // 創建QueryRunner對象
            QueryRunner qr = JdbcUtils.getQueryRuner();
            // 執行查詢， 返回結果的第一行的第一列
            Long count = qr.query(sql, new ScalarHandler<Long>());
            return count.intValue();
        } catch (Exception e) {
            throw new RuntimeException(e);
        }
    }

}

最后jsp頁面吧查詢的結果，從域中拿出來展示：

 <body>
      <table border="1" width="80%" align="center" cellpadding="5" cellspacing="0">
          <tr>
              <td>序號</td>
              <td>員工編號</td>
              <td>員工姓名</td>
          </tr>
          <!-- 迭代數據 -->
          <c:choose>
              <c:when test="${not empty requestScope.pageBean.pageData}">
                  <c:forEach var="emp" items="${requestScope.pageBean.pageData}" varStatus="vs">
                      <tr>
                          <td>${vs.count }</td>
                          <td>${emp.empId }</td>
                          <td>${emp.empName }</td>
                      </tr>
                  </c:forEach>
              </c:when>
              <c:otherwise>
                  <tr>
                      <td colspan="3">對不起，沒有你要找的數據</td>
                  </tr>
              </c:otherwise>
          </c:choose>
          
          <tr>
              <td colspan="3" align="center">
                  當前${requestScope.pageBean.currentPage }/${requestScope.pageBean.totalPage }頁     &nbsp;&nbsp;
                  
                  <a href="${pageContext.request.contextPath }/index?currentPage=1">首頁</a>
                  <a href="${pageContext.request.contextPath }/index?currentPage=${requestScope.pageBean.currentPage-1}">上一頁 </a>
                  <a href="${pageContext.request.contextPath }/index?currentPage=${requestScope.pageBean.currentPage+1}">下一頁 </a>
                  <a href="${pageContext.request.contextPath }/index?currentPage=${requestScope.pageBean.totalPage}">末頁</a>
              </td>
          </tr>
          
      </table>
  </body>