在開(kāi)發(fā)過(guò)程中骄呼，我們經(jīng)常會(huì)從數(shù)據(jù)庫(kù)中查詢數(shù)據(jù)，然后在客戶端顯示出來(lái)判没。當(dāng)數(shù)據(jù)少時(shí)蜓萄，可以在一個(gè)頁(yè)面顯示。當(dāng)我們查詢幾百條以上數(shù)據(jù)澄峰，直接顯示在一個(gè)頁(yè)面上嫉沽，不僅瀏覽不方便，查詢效率也會(huì)受到影響俏竞，這是绸硕，我們就可以使用分頁(yè)查詢來(lái)解決這個(gè)問(wèn)題。
分頁(yè)思路
? ? ? ? ?分析上面這個(gè)頁(yè)面魂毁，想要實(shí)現(xiàn)分頁(yè)臣咖，我們?cè)陧?yè)面中需要顯示的數(shù)據(jù)有：
本頁(yè)的數(shù)據(jù)列表
recordList
當(dāng)前頁(yè)
currentPage
總頁(yè)數(shù)
pageCount
每頁(yè)顯示多少條
pageSize
總記錄數(shù)
recordCount
頁(yè)碼列表的開(kāi)始索引
beginPageIndex
頁(yè)碼列表的結(jié)束索引
endPageIndex
? ? ? ? 實(shí)現(xiàn)分頁(yè)需要顯示這么多數(shù)據(jù)，所以我們就可以為分頁(yè)功能來(lái)封裝一個(gè)PageBean實(shí)體漱牵，用來(lái)接收頁(yè)面?zhèn)鱽?lái)的參數(shù)，以及為action提供從數(shù)據(jù)庫(kù)查詢出來(lái)的數(shù)據(jù)疚漆。
? ? ? ? 我們可以把頁(yè)面顯示的數(shù)據(jù)分為三類(lèi)：
1.指定的或是頁(yè)面參數(shù)：currentPage酣胀，pageSize.
2.數(shù)據(jù)庫(kù)查詢的數(shù)據(jù)：recordCount，recordList.
3.通過(guò)計(jì)算得到：pageCount娶聘，beginPageIndex闻镶，endPageIndex.
? ? ? ? 這樣就可以只接收前4個(gè)必要的屬性，自動(dòng)計(jì)算出其他3個(gè)屬性的值丸升。
我們可以先分析一下大概的思路铆农，首先JSP頁(yè)面負(fù)責(zé)顯示數(shù)據(jù)，Action用來(lái)接收頁(yè)面?zhèn)鱽?lái)的參數(shù)狡耻，并調(diào)用Service準(zhǔn)備需要的數(shù)據(jù)墩剖，Service實(shí)現(xiàn)了數(shù)據(jù)訪問(wèn)的功能，從數(shù)據(jù)庫(kù)中查詢出需要的數(shù)據(jù)夷狰，通過(guò)封裝的PageBean實(shí)體返回給Action岭皂。
代碼實(shí)現(xiàn)
PageBean：
/** 分頁(yè)功能中一頁(yè)的信息 */
public class PageBean {
//指定的或是頁(yè)面參數(shù)
private int currentPage;//當(dāng)前頁(yè)
private int pageSize;//每頁(yè)顯示多少條
//查詢數(shù)據(jù)庫(kù)
private int recordCount;//總記錄數(shù)
private List recordList;//本頁(yè)的數(shù)據(jù)列表
//計(jì)算
private int pageCount;//總頁(yè)數(shù)
private int beginPageIndex;//頁(yè)碼列表的開(kāi)始索引
private int endPageIndex;//頁(yè)碼列表的結(jié)束索引
/**
* 只接受前4個(gè)必要的屬性，會(huì)自動(dòng)計(jì)算出其他3個(gè)屬性的值
* @param currentPage
* @param pageSize
* @param recordCount
* @param recordList
*/
public PageBean(int currentPage, int pageSize, int recordCount,
List recordList) {
this.currentPage = currentPage;
this.pageSize = pageSize;
this.recordCount = recordCount;
this.recordList = recordList;
//計(jì)算總頁(yè)碼
pageCount = (recordCount + pageSize - 1) / pageSize;
//計(jì)算beginPageIndex 和 endPageIndex
//>>總頁(yè)數(shù)不多于10頁(yè)沼头，則全部顯示
if(pageCount <= 10){
beginPageIndex = 1;
endPageIndex = pageCount;
}
//總頁(yè)數(shù)多于10頁(yè)爷绘，則顯示當(dāng)前頁(yè)附近的共10個(gè)頁(yè)碼
else{
//當(dāng)前頁(yè)附近的共10個(gè)頁(yè)碼（前4個(gè)+當(dāng)前頁(yè)+后5個(gè)）
beginPageIndex = currentPage - 4;
endPageIndex = currentPage + 5;
//當(dāng)前面的頁(yè)碼不足4個(gè)時(shí)书劝，則顯示前10個(gè)頁(yè)碼
if(beginPageIndex < 1){
beginPageIndex = 1;
endPageIndex = 10;
}
//當(dāng)后面的頁(yè)碼不足5個(gè)時(shí)，則顯示后10個(gè)頁(yè)碼
if(endPageIndex > pageCount){
endPageIndex = pageCount;
beginPageIndex = pageCount -10 + 1;
}
}
}
//這里是get,set
}
Action中準(zhǔn)備分頁(yè)信息的代碼
? ? // ===========分頁(yè)用的參數(shù)============
? ? private int pageNum = 1;// 當(dāng)前頁(yè)
? ? private int pageSize = 10;// 每頁(yè)顯示多少條記錄
? ? //這里省略了get,set方法
? ? // 準(zhǔn)備分頁(yè)信息（將pageBean放在棧頂）
? ? PageBean pageBean = replyService.getPageBeanByTopic(pageNum,pageSize,topic);
? ? ActionContext.getContext().getValueStack().push(pageBean);
Service中查詢數(shù)據(jù)庫(kù)的代碼
? ? ? public PageBean getPageBeanByForum(int pageNum, int pageSize, Forum forum) {
// 查詢列表
List list = getSession()
.createQuery(//
"FROM Topic t WHERE t.forum=? ORDER BY (CASE t.type WHEN 2 THEN 2 ELSE 0 END) DESC, t.lastUpdateTime DESC")//
.setParameter(0, forum)//
.setFirstResult((pageNum - 1) * pageSize)//
.setMaxResults(pageSize)//
.list();
// 查詢總記錄數(shù)量
Long count = (Long) getSession().createQuery(//
"SELECT COUNT(*) FROM Topic t WHERE t.forum=?")//
.setParameter(0, forum)//
.uniqueResult();
return new PageBean(pageNum, pageSize, count.intValue(), list);
}
JSP頁(yè)面接收數(shù)據(jù)（這里只顯示了分頁(yè)控件的實(shí)現(xiàn)土至，當(dāng)前頁(yè)顯示的數(shù)據(jù)列表recordList綁定到對(duì)應(yīng)的位置就可以了购对。）：
<!--分頁(yè)信息-->
<div id=PageSelectorBar>
<div id=PageSelectorMemo>頁(yè)次：${currentPage}/${pageCount}頁(yè) ?
每頁(yè)顯示：${pageSize}條 ? 總記錄數(shù)：${recordCount}條</div>
<div id=PageSelectorSelectorArea>
<a href="javascript:gotoPage(1)" title="首頁(yè)" style="cursor: hand;">
<img
src="${pageContext.request.contextPath}/style/blue/images/pageSelector/firstPage.png" />
</a>
<s:iterator begin="%{beginPageIndex}" end="%{endPageIndex}" var="num">
<s:if test="#num == currentPage">
<%-- #表示從map獲取 --%>
<%-- 當(dāng)前頁(yè) --%>
<span class="PageSelectorNum PageSelectorSelected">${num}</span>
</s:if>
<s:else>
<%-- 非當(dāng)前頁(yè) --%>
<span class="PageSelectorNum" style="cursor: hand;"
onClick="gotoPage(${num});">${num}</span>
</s:else>
</s:iterator>
<a href="javascript:gotoPage(${pageCount})" title="尾頁(yè)"
style="cursor: hand;"> <img
src="${pageContext.request.contextPath}/style/blue/images/pageSelector/lastPage.png" />
</a> 轉(zhuǎn)到： <select onchange="gotoPage(this.value)" id="_pn">
<s:iterator begin="1" end="%{pageCount}" var="num">
<option value="${num}">${num}</option>
</s:iterator>
</select>
<script type="text/javascript">
$("#_pn").val("${currentPage}");
</script>
</div>
</div>
? ?到現(xiàn)在，我們已經(jīng)實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的分頁(yè)查詢功能陶因。那么我們繼續(xù)想骡苞，如果我們其他頁(yè)面實(shí)現(xiàn)分頁(yè)查詢功能，還需要再copy一遍上面的代碼嗎坑赡？這么做顯然不是科學(xué)的方法烙如，我們就會(huì)繼續(xù)封裝一些公共的代碼，靈活的供各個(gè)功能調(diào)用毅否。比如說(shuō)現(xiàn)在能想到的優(yōu)化的地方：
1.action中公共的分頁(yè)參數(shù)
2.Service中除了查詢的Hql語(yǔ)句和參數(shù)不同亚铁，具體的套路都差不多，我們可不可以傳遞hql和對(duì)應(yīng)的參數(shù)螟加，調(diào)用一個(gè)公共的方法徘溢？
3.JSP頁(yè)面上相同的分頁(yè)代碼，寫(xiě)在一個(gè)公共的頁(yè)面中捆探，需要分頁(yè)時(shí)然爆，直接引用這個(gè)頁(yè)面就好了。
---------------------
作者：李-曉潔
來(lái)源：CSDN
原文：https://blog.csdn.net/yiwangxiblog/article/details/72874445
版權(quán)聲明：本文為博主原創(chuàng)文章黍图，轉(zhuǎn)載請(qǐng)附上博文鏈接曾雕！
