一、分頁的思路
首先我們得知道寫分頁代碼時的思路,保持思路清晰,有步驟的進行,才能行雲如水。先來看看分頁的效果
這就是一個分頁導航,其中能得到的數據有
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方式得到。
注意:該類使用泛型是爲了不僅僅在這個項目中使用,在別的項目中也同樣可以使用,
代碼如下
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;
}
}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;
}
}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時,需要把請求的頁碼交給服務器。不然服務器不知道你要獲得第幾頁的數據。
我做的導航圖的邏輯代碼
顯示所有員工數量、總頁數
首先超鏈接
如果當前頁爲第一頁時,就沒有上一頁這個超鏈接顯示
如果當前頁不是第一頁也不是最後一頁,則有上一頁和下一頁這個超鏈接顯示
如果當前頁是最後一頁,則只有上一頁這個超鏈接顯示,下一頁沒有
尾頁超鏈接
、
代碼
1 <%-- 構建分頁導航 --%> 2 共有${requestScope.pageBean.totalRecord}個員工,共${requestScope.pageBean.totalPage }頁,當前爲${requestScope.pageBean.pageNum}頁 3 <br/> 4 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=1">首頁</a> 5 <%--如果當前頁爲第一頁時,就沒有上一頁這個超鏈接顯示 --%> 6 <c:if test="${requestScope.pageBean.pageNum ==1}"> 7 <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> 8 <c:if test="${requestScope.pageBean.pageNum == i}"> 9 ${i} 10 </c:if> 11 <c:if test="${requestScope.pageBean.pageNum != i}"> 12 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> 13 </c:if> 14 </c:forEach> 15 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum+1}">下一頁</a> 16 </c:if> 17 18 <%--如果當前頁不是第一頁也不是最後一頁,則有上一頁和下一頁這個超鏈接顯示 --%> 19 <c:if test="${requestScope.pageBean.pageNum > 1 && requestScope.pageBean.pageNum < requestScope.pageBean.totalPage}"> 20 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum-1}">上一頁</a> 21 <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> 22 <c:if test="${requestScope.pageBean.pageNum == i}"> 23 ${i} 24 </c:if> 25 <c:if test="${requestScope.pageBean.pageNum != i}"> 26 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> 27 </c:if> 28 </c:forEach> 29 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum+1}">下一頁</a> 30 </c:if> 31 32 <%-- 如果當前頁是最後一頁,則只有上一頁這個超鏈接顯示,下一頁沒有 --%> 33 <c:if test="${requestScope.pageBean.pageNum == requestScope.pageBean.totalPage}"> 34 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.pageNum-1}">上一頁</a> 35 <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i"> 36 <c:if test="${requestScope.pageBean.pageNum == i}"> 37 ${i} 38 </c:if> 39 <c:if test="${requestScope.pageBean.pageNum != i}"> 40 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${i}">${i}</a> 41 </c:if> 42 </c:forEach> 43 </c:if> 44 <%--尾頁 --%> 45 <a href="${pageContext.request.contextPath}/FindAllWithPage?pageNum=${requestScope.pageBean.totalPage}">尾頁</a>
六、總結
其實分頁真的很簡單,難點就在一個地方,javabean的構建,只要理清楚了pageBean中需要哪些屬性,各種屬性的作用是什麼,那麼分頁就so easy了。還有一個就是在jsp中寫分頁導航時的邏輯,不要混亂了。其實一點也不難,有興趣的同學可以自己動手實現一下分頁的功能。對自己理解分頁有很大的幫助,以後就在也不用到別人那裏複製粘貼別人的分頁代碼了,自己也能寫。靠自己豐衣足食。
文章出自於:https://www.cnblogs.com/whgk/p/6474396.html