Java Web之分頁的實現（通用）

一、用到的工具類的封裝

　　為了實現代碼的重用性，我們將經常用到的代碼封裝到工具類中，以便在任何地方都可以調用

　　1、獲取路徑工具

　　　　在jsp頁面中，我們經常會向Servlet發送請求，並通過反射，實現通過傳遞不同的參數，調用Servlet的對應方法

　　　　因此，我們在工具類中封裝一個獲取路徑的方法，用於獲取jsp頁面的請求路徑及相關參數

 1　　 public static String getPath(HttpServletRequest request){  2         String uri=request.getRequestURI();    //返回“項目名/請求Servlet名”的字符串
        String quString=request.getQueryString(); //獲取請求的參數部分
        String path=uri+"?"+quString;   //拼串，請求地址：項目名/servlet名？參數
        if(path.contains("&pageNumber")){  6             //截串，將沒有用的參數截去，只留下用於反射的method參數
            path=path.substring(0, path.indexOf("&pageNumber"));  8  }  9         return path; 10     }

 

二、后台分頁的實現

　　1、bean層：

　　　　　　創建Page實體類：注意Page類要應用泛型，實現可重用

　　　　　　　　屬性：

　　　　　　　　　　private List<T> list; //當前頁列表數據，數據庫查詢得到

　　　　　　　　　　private int pageNumber; //當前頁碼，前端頁面傳遞

　　　　　　　　　　private int totalRecord; //總記錄數，數據庫查詢得到

　　　　　　　　　　private int pageSize; //每頁顯示條數，在Servlet中指定

　　　　　　　　　　//private int totalPage; //總頁數，計算得到

　　　　　　　　　　//private int index; //當前頁的起始索引，計算得到

　　　　　　　　　　private String path; //用來設置Servlet訪問路徑及method參數

　　　　　　　　方法：

　　　　　　　　　　各個屬性對應的get、set方法以及getTotalPage()和getIndex()方法，用來計算總頁數和索引值

 

public class Page<T> {  2     private List<T> list;  //當前頁列表數據，數據庫查詢得到
    private int pageNumber;  //當前頁碼，前端頁面傳遞
    private int totalRecord;  //總記錄數，數據庫查詢得到
    private int pageSize;    //每頁顯示條數，前端頁面傳遞  6     //private int totalPage; //總頁數，計算得到  7     //private int index; //當前頁的起始索引，計算
    private String path;      //用來設置Servlet訪問路徑及method參數
    
    public Page() { 11         super(); 12  } 13     
    public Page(int pageNumber, int totalRecord, int pageSize) { 15         super(); 16         this.pageNumber = pageNumber; 17         this.totalRecord = totalRecord; 18         this.pageSize = pageSize; 19  } 20 
    public List<T> getList() { 22         return list; 23  } 24     public void setList(List<T> list) { 25         this.list = list; 26  } 27     public int getPageNumber() { //控制頁碼不能<1，也不能>totalPage 28         if(pageNumber<1){ 29             pageNumber=1; 30         }else if (pageNumber>getTotalPage()) { 31             pageNumber=getTotalPage(); 32  } 33         return pageNumber; 34  } 35     public void setPageNumber(int pageNumber) { 36         this.pageNumber = pageNumber; 37  } 38     public int getTotalRecord() { 39         return totalRecord; 40  } 41     public void setTotalRecord(int totalRecord) { 42         this.totalRecord = totalRecord; 43  } 44     public int getPageSize() { 45         return pageSize; 46  } 47     public void setPageSize(int pageSize) { 48         this.pageSize = pageSize; 49  } 50     public int getTotalPage() { 51         return (int) Math.ceil((double)getTotalRecord()/getPageSize()); 52  } 53     public int getIndex() { 54         return (getPageNumber()-1)*getPageSize(); //分頁查詢，在數據訪問層一定會調用getIndex方法獲得索引值 55  }  //而在getIndex方法中調用了getPageNumber方法，保證了頁碼在正常范圍內 56 
    public String getPath() { 58         return path; 59  } 60 
    public void setPath(String path) { 62         this.path = path; 63  } 64     
}

 

 

 

　　2、Servlet層：

　　　　　　　　創建getPage(req，resp)方法，用來獲取對應頁碼的數據並封裝為Page類的對象

　　　　　　　1)通過工具類獲取請求路徑

　　　　　　　2)獲取請求頁碼參數

　　　　　　    3)調用Service層的getPage方法，獲取請求頁面的信息，並封裝為Page類對象

　　　　　　　4)設置Page類對象的path屬性（訪問路徑）

　　　　　　　5)通過request.setAttribute("page", page);將頁面信息放入域中

　　　　　　　6)將請求轉發到頁面

1　　 public void getPage(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{ 2         String path=WEBUtils.getPath(request); 3         String pageNumber=request.getParameter("pageNumber");   //獲取頁碼
        Page<Book> page=new Page<Book>(); 5         page=bookService.getPage(pageNumber,pageSize);  //獲取頁面信息
        page.setPath(path);   //設置訪問路徑
        request.setAttribute("page", page);  //將頁面信息放入域中
        request.getRequestDispatcher("/pages/manager/book_manager.jsp").forward(request, response); 9     }

　　3、Service層：

　　　　　　1)設置默認頁碼

　　　　　　2)pageNumber類型轉換

　　　　　　3)獲取總記錄數

　　　　　　4)封裝Page類對象

　　　　　　5)獲取當前頁的數據列表並封裝到page中

public Page<Book> getPage(String pageNumber,int pageSize) {  2         int pageNo=1;      //設置默認頁碼，當pageNumber類型轉換出錯時，會起作用，否則值被覆蓋
        Page<Book> page=null;  4         
        try {  6             //servlet層獲取的參數類型為string，需要轉換為整型
            pageNo=Integer.parseInt(pageNumber);  8         } catch (Exception e) {  9             System.out.println("字符串轉換出錯"); 10  } 11         //1.獲取總記錄數
        int totalRecord=bookDao.getRecordsCount(); 13         //2.封裝page對象
        page=new Page<Book>(pageNo, totalRecord, pageSize); 15         //3.查詢當前頁對應的數據列表並封裝到page對象中
        List<Book> list=bookDao.getPageList(page.getIndex(),pageSize); 17  page.setList(list); 18         return page; 19     }

 

　　4、Dao層：

　　　　　　1)訪問數據庫，查詢數據庫中總記錄數

　　　　　　2)訪問數據庫，通過limit index，number 實現分頁查詢，得到請求頁的數據列表

public int getRecordsCount() {
        conn=JDBCUtils.getConnection();
        String sql="select count(*) as totalPage from book";
        PreparedStatement ps=null;
        ResultSet rs=null;
        int totalPage=0;
        
        try {
            ps=conn.prepareStatement(sql);
            rs=ps.executeQuery();
            if(rs.next()){
                totalPage=rs.getInt("totalPage");
            }
        }catch(SQLException e){
            e.printStackTrace();
        } finally {
            JDBCUtils.closeStatement(rs, ps);
            JDBCUtils.closeConnection(conn);
        }
        return totalPage;
    }

public List<Book> getPageList(int index, int pageSize) {
        conn=JDBCUtils.getConnection();
        String sql="select id,book_name,author,price,sales,stock,img_path,create_date,update_date,status"
                + " from book limit ?,?";
        PreparedStatement ps=null;
        ResultSet rs=null;
        List<Book> list=new ArrayList<Book>();
        
        try {
            ps=conn.prepareStatement(sql);
            ps.setInt(1, index);
            ps.setInt(2, pageSize);
            rs=ps.executeQuery();
            while (rs.next()) {
                list.add(createBook(rs));
            }
        }catch(SQLException e){
            e.printStackTrace();
        }finally {
            JDBCUtils.closeStatement(rs, ps);
            JDBCUtils.closeConnection(conn);
        }
        return list;
    }

三、前台分頁的實現

　　　　為了實現分頁的通用性，我們在這里將分頁的代碼封裝到一個新的jsp頁面中

　　　　只需要在其他的jsp頁面中通過<%@include file="XXX"%>標簽導入，就可以實現分頁功能

　　注意：

　　　　1、jsp頁面中所有請求servlet的路徑都通過${page.path}&pageNumber=XXX的形式（page.path由請求動態獲取路徑信息，具有通用性）pageNumber表示請求頁碼

　　　　2、第一頁不能再向上一頁跳轉、末頁不能再想下一頁跳轉問題：通過在Page類的getPageNumber方法中限制頁碼的范圍實現

　　　　3、通過<c:set></c:set>設置頁碼在頁面中出現的范圍

　　　　　　　　　　　　1.總頁碼<=5時，顯示所有頁數

　　　　　　　　　　　　2.總頁碼>5時：

　　　　　　　　　　　　　　　　當前頁碼<=3時：顯示1~5頁

　　　　　　　　　　　　　　　　當前頁碼>3時：顯示當前頁在中間的5頁

　　　　4、通過<c:forEach></c:forEach>顯示由begin到end的5個頁面，當前頁用【】標識

 

<div class="page">
            <a href="${page.path}&pageNumber=1">首頁</a>
            <a href="${page.path}&pageNumber=${page.pageNumber-1}">上一頁</a>
            <!-- 
 始終保證當前頁在中間，一共顯示5頁  6  1.總頁碼<=5時，顯示所有頁數  7  2.總頁碼>5時：  8  當前頁碼<=3時：顯示1~5頁  9  當前頁碼>3時：顯示當前頁在中間的5頁,當當前頁為倒數前3頁時，顯示最后5頁 10             -->
            <c:choose>
                <c:when test="${page.totalPage<=5}">
                    <c:set var="begin" value="1"></c:set>
                    <c:set var="end" value="${page.totalPage}"></c:set>
                </c:when>
                <c:when test="${page.pageNumber<=3}">
                    <c:set var="begin" value="1"></c:set>
                    <c:set var="end" value="5"></c:set>
                </c:when>
                <c:when test="${page.pageNumber>3}">
                    <c:set var="begin" value="${page.pageNumber-2}"></c:set>
                    <c:set var="end" value="${page.pageNumber+2}"></c:set>
                    <c:if test="${page.pageNumber+2>=page.totalPage}">
                        <c:set var="begin" value="${page.totalPage-4}"></c:set>
                        <c:set var="end" value="${page.totalPage}"></c:set>
                    </c:if>
                </c:when>
            </c:choose>
            <!-- 通過循環顯示由begin到end的5個頁面，當前頁用【】標識 -->
            <c:forEach begin="${begin}" end="${end}" var="index">
                <c:if test="${page.pageNumber==index}">
                    <a href="${page.path}&pageNumber=${index}">【${index}】</a>
                </c:if>
                <c:if test="${page.pageNumber!=index}">
                    <a href="${page.path}&pageNumber=${index}">${index}</a>
                </c:if>
            </c:forEach>
            
            <a href="${page.path}&pageNumber=${page.pageNumber+1}">下一頁</a>
 第${page.pageNumber}頁，共${page.totalPage}頁 41             轉到第<input id="setPage" type="text" value="${page.pageNumber}"/>頁，<a id="goto" href="">跳轉</a>
            <a href="${page.path}&pageNumber=${page.totalPage}">末頁</a>
<script type="text/javascript">
 window.onload=function(){ 45         var agoto=document.getElementById("goto"); 46  agoto.onclick=function(){ 47             var setPage=document.getElementById("setPage").value; 48  window.location="${page.path}&pageNumber="+setPage; 49             return false; 50  }; 51  }; 52 </script>
<!--或 <script type="text/javascript"> 54  $(function(){ 55  $("#goto").click(function(){ 56  var $setPage=$("#setPage").val(); 57  window.location="/MyBookStore/book?method=getPage&pageNumber="+$setPage; 58  return false; 59  }); 60  }); 61 </script> -->
        </div>