article_list.jsp的部分核心代碼:



Pager.jsp的代碼:

taglib.jsp

Pager.jsp中引入了taglib.jsp,用到tablib.jsp中的<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
將分頁(yè)處理的jsp代碼封裝到一個(gè)通用的jsp中,在顯示頁(yè)面article_list.jsp中只能看到include了這個(gè)pager.jsp頁(yè)面,這就是封裝。
分析pager.jsp:
1、在article_list.jsp中有如下代碼,動(dòng)態(tài)包含了pager.jsp頁(yè)面:
<jsp:include page="/backend/common/pager.jsp">
<jsp:param name="url" value="SearchArticlesServlet" />
</jsp:include>
這個(gè)就相當于是寫(xiě)成<jsp:include page="/backend/common/pager.jsp?url=SearchArticlesServlet">。在pager.jsp中可以通過(guò)request.getParameter
來(lái)把數據拿出來(lái),不過(guò)可以用el表達式的${param.url}來(lái)代替request.getParameter,這樣做的好處就是增加pager.jsp的可復用性(而不是直接在pager.jsp頁(yè)面中定死url=SearchArticlesServlet)。
在pager.jsp中通過(guò)<pg:pager url="${param.url}" items="${total}" maxPageItems="${pagesize}" maxIndexPages="10" export="currentPageNumber=pageNumber">。
這里的url="${param.url}"的意思是從article_list.jsp中根據<jsp:param name="url" value="SearchArticlesServlet" />取出value="SearchArticlesServlet" 賦值給url,而這里的url的作用是:點(diǎn)擊頁(yè)面上的時(shí)轉向url指向的地址(即SearchArticlesServlet),當然在SearchArticlesServlet后面還有一些參數。
如果在article_list.jsp頁(yè)面中:
<jsp:include page="/backend/common/pager.jsp">
<jsp:param name="params" value="title,source,content…" />
</jsp:include>
在pager.jsp中這么?。?/span>
<c:forEach items="${param.params}" var="p">
<pg:param name="${p}" />
</c:forEach>
<pg:param> 這個(gè)標簽解釋的時(shí)候,將向父標簽<pg:pager>插入參數param,<pg:param>會(huì )跟<pg:pager>交互,涉及到底層的taglib交互的知識,先略過(guò)吧。
2、items="${total}"表示通過(guò)在servlet中根據查詢(xún)條件查詢(xún)數據庫確定了符合查詢(xún)條件的總共的文章數total,將這個(gè)數賦值給了pager-taglib中的默認參數items,items是一個(gè)int類(lèi)型的值,表示總記錄數,pager-taglib根據items(和其他參數)來(lái)自動(dòng)分頁(yè)(這里的items不同于<c:forEach items="${articles}" var="a">,這個(gè)的items表示的是一個(gè)循環(huán),articles是循環(huán)的集合對象)
3、maxPageItems="${pagesize}" maxIndexPages="10",maxPageItems表示一個(gè)頁(yè)面最大顯示的文章數,maxIndexPages表示頁(yè)面下邊顯示的最大的索引數。
4、 <pg:last>
共 <strong>${pageNumber}</strong> 頁(yè)
</pg:last> :這里用到一個(gè)小技巧,即總共的頁(yè)面數即為最后最后一頁(yè)的頁(yè)碼。
5、<pg:param name="title" />這句話(huà)的意思是:自動(dòng)從當前的request中getParameter("title"),如果request中存在這個(gè)參數的話(huà),就自動(dòng)把這個(gè)參數的值附加到url鏈接(即SearchArticlesServlet)的后面。
6、<pg:first>
<a id="firstPage" href="${pageUrl}">首頁(yè)</a>
</pg:first>
pager-taglib自動(dòng)計算出地址(包含了pager.offset值),調用pageContext的setAttribute方法,將地址放進(jìn)去,取名為pageUrl(setAttribute("pageUrl",地址~~~)),在<pg:first>中就可以通過(guò)el表達式取出pageUrl的值。

注意這里默認叫做pager.offset(通過(guò)這個(gè)pager.off可以在servlet中查詢(xún)從pager.off到pager.off+pagesize的文章)
pageUrl、pageNumber、firstItem、lastItem…叫做<pg:first>標簽的導出參數。
這里的pageUrl是跟外圍標簽關(guān)聯(lián)的,
<pg:prev>
<a href="${pageUrl}">前頁(yè)</a>
</pg:prev>這里的pageUrl的值就是前頁(yè)的地址,跟<pg:first>中的pageUrl不同。
<pg:pages>
<c:choose>
<c:when test="${currentPageNumber eq pageNumber}">
<font color="red">${pageNumber}</font>
</c:when>
<c:otherwise>
<a href="${pageUrl}">${pageNumber}</a>
</c:otherwise>
</c:choose>
</pg:pages>
<pg:pages>相當于是循環(huán)(不只是能顯示從第一頁(yè)到最后一頁(yè),也可以自行設置),在這里當前頁(yè)面和<pg:pages>中的每一頁(yè)名字都叫pageNumber,所以在<pg:pager url="${param.url}" items="${total}" maxPageItems="${pagesize}" maxIndexPages="10" export="currentPageNumber=pageNumber">中設置export="currentPageNumber=pageNumber",即將當前頁(yè)面的名字改為currentPageNumber,然后判斷如果當前頁(yè)的頁(yè)碼和頁(yè)面下方顯示的一排頁(yè)碼中的某個(gè)頁(yè)碼相等時(shí),將那個(gè)頁(yè)碼紅色顯示,其他頁(yè)碼則可以導航到相應頁(yè)面。
7、當article_list.jsp頁(yè)面的下拉選擇框發(fā)生變化時(shí),調用selectPagesize()方法
function selectPagesize(field){
window.location = document.getElementById("firstPage").href + "&pagesize="+field.value;
}
因為當下拉選擇框發(fā)生變化,即每頁(yè)顯示的文章數發(fā)生變化時(shí),肯定需要重新顯示第一頁(yè),
這里通過(guò)小技巧,在pager.jsp中設定了首頁(yè)的id="firstPage",
<pg:first>
<a id="firstPage" href="${pageUrl}">首頁(yè)</a>
</pg:first>
所以在selectPagesize()方法中可以直接通過(guò)document.getElementById("firstPage").href+ "&pagesize="+field.value獲取第一頁(yè)的地址,而不用寫(xiě)死成window.location= "SearchArticleServlet?title=${param.title}&pagesize="+field.value,增加了pager.jsp頁(yè)面的可復用性。
在來(lái)個(gè)小問(wèn)題:
如果在類(lèi)路徑中存在重復的類(lèi),放在前面的會(huì )被先加載,而后面的將不會(huì )被加載。
在WEB-INF中classes先與lib被加載,也就是說(shuō)如果classes中有個(gè)類(lèi),而lib包中也有個(gè)相同的類(lèi),這樣的話(huà),會(huì )只加載classes中的類(lèi)
在默認情況下pager-taglib使用系統默認編碼(GBK),如果jsp頁(yè)面使用的UTF-8編碼的話(huà),就會(huì )出一些問(wèn)題,這是pager-taglib里面的bug,解決方案:

新建一個(gè)pager-taglib目錄,將原來(lái)的pager-taglib.jar包里的文件copy到這個(gè)目錄下,然后修改新pager-taglib目錄下的\com\jsptags\navigation\pager下的PagerTag.java類(lèi) (jsp頁(yè)面中使用的<pg:pager>對應的類(lèi))的final void addParams(String name, String value){}f方法:
final void addParam(String name, String value) {
if (value != null) {
name = java.net.URLEncoder.encode(name, pageContext.getResponse().getCharacterEncoding());
value = java.net.URLEncoder.encode(value, pageContext.getResponse().getCharacterEncoding());
uri.append(params == 0 ? '?' : '&')
.append(name).append('=').append(value);
params++;
} else {
String[] values = pageContext.getRequest().getParameterValues(name);
if (values != null) {
name = java.net.URLEncoder.encode(name, pageContext.getResponse().getCharacterEncoding());
for (int i = 0, l = values.length; i < l; i++) {
value = java.net.URLEncoder.encode(values[i], pageContext.getResponse().getCharacterEncoding());
uri.append(params == 0 ? '?' : '&')
.append(name).append('=').append(value);
params++;
}
}
}
}
為了更簡(jiǎn)便,新建一個(gè)工程pager-taglib,然后將

這里還有一個(gè)bug,即當搜索沒(méi)有匹配結果時(shí),尾頁(yè)的url的pager.offset居然是-5(當然如果pagesize是10的話(huà),pager.offset就是-10了),應該為0,修改方法為:

原來(lái)的\com\jsptags\navigation\pager下的LastTag.java類(lèi)為:
修改后的LastTag.java類(lèi)為:
package com.jsptags.navigation.pager;
public final class LastTag extends JumpTagSupport {
protected int getJumpPage() {
if(pagerTag.getPageCount() == 0) {
return 0 ;
}
return (pagerTag.getPageCount() - 1);
}
}
然后將pager-taglib工程export成一個(gè)Java/JAR files,,生成一個(gè)新的jar包,這樣以后的項目可以直接使用這個(gè)修正bug后的jar包
聯(lián)系客服