雖然現在有很多好用的框架,對分頁進行支持,很簡單的就把分頁的效果做出來,但是如果自己手寫是一個怎樣的流程的?今天就來說說它,手動實現分頁效果。
一、分頁的思路
首先我們得知道寫分頁代碼時的思路,保持思路清晰,有步驟的進行,才能行雲如水。先來看看分頁的效果
這就是一個分頁導航,其中能得到的數據有
totalRecord:總共員工數,數據庫中總的記錄數,這里有55條
totalPage:總頁數,11頁
pageSize:每頁顯示的記錄數,這里可以看到每頁顯示5條
pageNum:當前頁為第幾頁,比如圖中就為第9頁,因為9是沒有超鏈接的,
start:總共能顯示5頁,讓用戶進行點擊,7為起始頁
end:11為能顯示的尾頁,也就是,如果用戶點擊第8頁,那么start就為6,end就為10,每次都只有5頁共點擊查詢。
每次能夠得到對應頁數所需要的5條數據,等等這些數據都要在jsp中顯示出來,也就是說,每次都要從后台拿那么多數據過來進行顯示,所以我們就想辦法把這些數據封裝在一個javabean當中,每次后台都將查詢到的數據放入javabean對象中,我們只需要將該對象存入request作用域,然后在jsp頁面中從域中獲取需要的數據即可。
二、創建PageBean存放數據
PageBean.java
總共需要8個屬性pageNum、pageSize、totalRecord、totalPage、startIndex、list、start、end,
pageNum、pageSize、totalRecord:通過構造方法就能得到。pageNum請求頁面提交過來的參數,pageSize是自己設置的,totalRecord是查詢數據庫得到的
totalPage、startIndex、start、end是通過內部算法得出,
list需要通過查詢數據庫在通過set方式得到。
注意:該類使用泛型是為了不僅僅在這個項目中使用,在別的項目中也同樣可以使用,
代碼如下
package com.jxpx.myums.domain; import java.util.List; public class PageBean<T> { //已知數據 private int pageNum; //當前頁,從請求那邊傳過來。 private int pageSize; //每頁顯示的數據條數。 private int totalRecord; //總的記錄條數。查詢數據庫得到的數據 //需要計算得來 private int totalPage; //總頁數,通過totalRecord和pageSize計算可以得來 //開始索引,也就是我們在數據庫中要從第幾行數據開始拿,有了startIndex和pageSize, //就知道了limit語句的兩個數據,就能獲得每頁需要顯示的數據了 private int startIndex; //將每頁要顯示的數據放在list集合中 private List<T> list; //分頁顯示的頁數,比如在頁面上顯示1,2,3,4,5頁,start就為1,end就為5,這個也是算過來的 private int start; private int end; //通過pageNum,pageSize,totalRecord計算得來tatalPage和startIndex //構造方法中將pageNum,pageSize,totalRecord獲得 public PageBean(int pageNum,int pageSize,int totalRecord) { this.pageNum = pageNum; this.pageSize = pageSize; this.totalRecord = totalRecord; //totalPage 總頁數 if(totalRecord%pageSize==0){ //說明整除,正好每頁顯示pageSize條數據,沒有多余一頁要顯示少於pageSize條數據的 this.totalPage = totalRecord / pageSize; }else{ //不整除,就要在加一頁,來顯示多余的數據。 this.totalPage = totalRecord / pageSize +1; } //開始索引 this.startIndex = (pageNum-1)*pageSize ; //顯示5頁,這里自己可以設置,想顯示幾頁就自己通過下面算法修改 this.start = 1; this.end = 5; //顯示頁數的算法 if(totalPage <=5){ //總頁數都小於5,那么end就為總頁數的值了。 this.end = this.totalPage; }else{ //總頁數大於5,那么就要根據當前是第幾頁,來判斷start和end為多少了, this.start = pageNum - 2; this.end = pageNum + 2; if(start < 0){ //比如當前頁是第1頁,或者第2頁,那么就不如和這個規則, this.start = 1; this.end = 5; } if(end > this.totalPage){ //比如當前頁是倒數第2頁或者最后一頁,也同樣不符合上面這個規則 this.end = totalPage; this.start = end - 5; } } } //get、set方法。 public int getPageNum() { return pageNum; } public void setPageNum(int pageNum) { this.pageNum = pageNum; } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } public int getTotalRecord() { return totalRecord; } public void setTotalRecord(int totalRecord) { this.totalRecord = totalRecord; } public int getTotalPage() { return totalPage; } public void setTotalPage(int totalPage) { this.totalPage = totalPage; } public int getStartIndex() { return startIndex; } public void setStartIndex(int startIndex) { this.startIndex = startIndex; } public List<T> getList() { return list; } public void setList(List<T> list) { this.list = list; } public int getStart() { return start; } public void setStart(int start) { this.start = start; } public int getEnd() { return end; } public void setEnd(int end) { this.end = end; } }
三、在service層編寫業務邏輯代碼
其實就是在該層將我們所需要的PageBean對象構建好,返回給上一層
User類是我們需要顯示的數據的封裝后的javabean。
四、Servlet中編寫控制代碼
五、JSP中顯示數據,構建分頁導航
因為將我們所有需要的數據都封裝在了pageBean中,pageBean對象又在request域中,所以在jsp頁面中,我們只需要拿到我們所需要的數據,進行顯示即可,構造導航圖需要注意的有一點,邏輯要搞清楚,想要顯示什么不想顯示什么,全屏自己控制了,只需要記得一點,在請求Servlet時,需要把請求的頁碼交給服務器。不然服務器不知道你要獲得第幾頁的數據。
我做的導航圖的邏輯代碼
顯示所有員工數量、總頁數
首先超鏈接
如果當前頁為第一頁時,就沒有上一頁這個超鏈接顯示
如果當前頁不是第一頁也不是最后一頁,則有上一頁和下一頁這個超鏈接顯示
如果當前頁是最后一頁,則只有上一頁這個超鏈接顯示,下一頁沒有
尾頁超鏈接
、
代碼
<%-- 構建分頁導航 --%> 共有${requestScope.pageBean.totalRecord}個員工,共${requestScope.pageBean.totalPage }頁,當前為${requestScope.pageBean.pageNum}頁 <br/> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=1">首頁</a> <%--如果當前頁為第一頁時,就沒有上一頁這個超鏈接顯示 --%> <c:if test="${requestScope.pageBean.pageNum ==1}"> <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> <c:if test="${requestScope.pageBean.pageNum == i}"> ${i} </c:if> <c:if test="${requestScope.pageBean.pageNum != i}"> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> </c:if> </c:forEach> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum+1}">下一頁</a> </c:if> <%--如果當前頁不是第一頁也不是最后一頁,則有上一頁和下一頁這個超鏈接顯示 --%> <c:if test="${requestScope.pageBean.pageNum > 1 && requestScope.pageBean.pageNum < requestScope.pageBean.totalPage}"> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum-1}">上一頁</a> <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> <c:if test="${requestScope.pageBean.pageNum == i}"> ${i} </c:if> <c:if test="${requestScope.pageBean.pageNum != i}"> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> </c:if> </c:forEach> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum+1}">下一頁</a> </c:if> <%-- 如果當前頁是最后一頁,則只有上一頁這個超鏈接顯示,下一頁沒有 --%> <c:if test="${requestScope.pageBean.pageNum == requestScope.pageBean.totalPage}"> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum-1}">上一頁</a> <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> <c:if test="${requestScope.pageBean.pageNum == i}"> ${i} </c:if> <c:if test="${requestScope.pageBean.pageNum != i}"> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> </c:if> </c:forEach> </c:if> <%--尾頁 --%> <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.totalPage}">尾頁</a>
六、總結
其實分頁真的很簡單,難點就在一個地方,javabean的構建,只要理清楚了pageBean中需要哪些屬性,各種屬性的作用是什么,那么分頁就so easy了。還有一個就是在jsp中寫分頁導航時的邏輯,不要混亂了。其實一點也不難,有興趣的同學可以自己動手實現一下分頁的功能。對自己理解分頁有很大的幫助,以后就在也不用到別人那里復制粘貼別人的分頁代碼了,自己也能寫。靠自己豐衣足食。