雖然如今有不少好用的框架,對分頁進行支持,很簡單的就把分頁的效果作出來,可是若是本身手寫是一個怎樣的流程的?今天就來講說它,手動實現分頁效果。java
1、分頁的思路算法
首先咱們得知道寫分頁代碼時的思路,保持思路清晰,有步驟的進行,才能行雲如水。先來看看分頁的效果數據庫
這就是一個分頁導航,其中能獲得的數據有服務器
totalRecord:總共員工數,數據庫中總的記錄數,這裏有55條框架
totalPage:總頁數,11頁dom
pageSize:每頁顯示的記錄數,這裏能夠看到每頁顯示5條jsp
pageNum:當前頁爲第幾頁,好比圖中就爲第9頁,由於9是沒有超連接的,this
start:總共能顯示5頁,讓用戶進行點擊,7爲起始頁對象
end:11爲能顯示的尾頁,也就是,若是用戶點擊第8頁,那麼start就爲6,end就爲10,每次都只有5頁共點擊查詢。blog
每次可以獲得對應頁數所須要的5條數據,等等這些數據都要在jsp中顯示出來,也就是說,每次都要從後臺拿那麼多數據過來進行顯示,因此咱們就想辦法把這些數據封裝在一個javabean當中,每次後臺都將查詢到的數據放入javabean對象中,咱們只須要將該對象存入request做用域,而後在jsp頁面中從域中獲取須要的數據便可。
2、建立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; } }
3、在service層編寫業務邏輯代碼
其實就是在該層將咱們所須要的PageBean對象構建好,返回給上一層
User類是咱們須要顯示的數據的封裝後的javabean。
4、Servlet中編寫控制代碼
5、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>
6、總結
其實分頁真的很簡單,難點就在一個地方,javabean的構建,只要理清楚了pageBean中須要哪些屬性,各類屬性的做用是什麼,那麼分頁就so easy了。還有一個就是在jsp中寫分頁導航時的邏輯,不要混亂了。其實一點也不難,有興趣的同窗能夠本身動手實現一下分頁的功能。對本身理解分頁有很大的幫助,之後就在也不用到別人那裏複製粘貼別人的分頁代碼了,本身也能寫。靠本身豐衣足食。