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è)就相當(dāng)于是寫成<jsp:include page="/backend/common/pager.jsp?url=SearchArticlesServlet">。在pager.jsp中可以通過(guò)request.getParameter
來(lái)把數(shù)據(jù)拿出來(lái),不過(guò)可以用el表達(dá)式的${param.url}來(lái)代替request.getParameter,這樣做的好處就是增加pager.jsp的可復(fù)用性(而不是直接在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中根據(jù)<jsp:param name="url" value="SearchArticlesServlet" />取出value="SearchArticlesServlet" 賦值給url,而這里的url的作用是:點(diǎn)擊頁(yè)面上的時(shí)轉(zhuǎn)向url指向的地址(即SearchArticlesServlet),當(dāng)然在SearchArticlesServlet后面還有一些參數(shù)。
如果在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è)標(biāo)簽解釋的時(shí)候,將向父標(biāo)簽<pg:pager>插入?yún)?shù)param,<pg:param>會(huì)跟<pg:pager>交互,涉及到底層的taglib交互的知識(shí),先略過(guò)吧。
2、items="${total}"表示通過(guò)在servlet中根據(jù)查詢條件查詢數(shù)據(jù)庫(kù)確定了符合查詢條件的總共的文章數(shù)total,將這個(gè)數(shù)賦值給了pager-taglib中的默認(rèn)參數(shù)items,items是一個(gè)int類型的值,表示總記錄數(shù),pager-taglib根據(jù)items(和其他參數(shù))來(lái)自動(dòng)分頁(yè)(這里的items不同于<c:forEach items="${articles}" var="a">,這個(gè)的items表示的是一個(gè)循環(huán),articles是循環(huán)的集合對(duì)象)
3、maxPageItems="${pagesize}" maxIndexPages="10",maxPageItems表示一個(gè)頁(yè)面最大顯示的文章數(shù),maxIndexPages表示頁(yè)面下邊顯示的最大的索引數(shù)。
4、 <pg:last>
共 <strong>${pageNumber}</strong> 頁(yè)
</pg:last> :這里用到一個(gè)小技巧,即總共的頁(yè)面數(shù)即為最后最后一頁(yè)的頁(yè)碼。
5、<pg:param name="title" />這句話的意思是:自動(dòng)從當(dāng)前的request中getParameter("title"),如果request中存在這個(gè)參數(shù)的話,就自動(dòng)把這個(gè)參數(shù)的值附加到url鏈接(即SearchArticlesServlet)的后面。
6、<pg:first>
<a id="firstPage" href="${pageUrl}">首頁(yè)</a>
</pg:first>
pager-taglib自動(dòng)計(jì)算出地址(包含了pager.offset值),調(diào)用pageContext的setAttribute方法,將地址放進(jìn)去,取名為pageUrl(setAttribute("pageUrl",地址~~~)),在<pg:first>中就可以通過(guò)el表達(dá)式取出pageUrl的值。
注意這里默認(rèn)叫做pager.offset(通過(guò)這個(gè)pager.off可以在servlet中查詢從pager.off到pager.off+pagesize的文章)
pageUrl、pageNumber、firstItem、lastItem…叫做<pg:first>標(biāo)簽的導(dǎo)出參數(shù)。
這里的pageUrl是跟外圍標(biāo)簽關(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>相當(dāng)于是循環(huán)(不只是能顯示從第一頁(yè)到最后一頁(yè),也可以自行設(shè)置),在這里當(dāng)前頁(yè)面和<pg:pages>中的每一頁(yè)名字都叫pageNumber,所以在<pg:pager url="${param.url}" items="${total}" maxPageItems="${pagesize}" maxIndexPages="10" export="currentPageNumber=pageNumber">中設(shè)置export="currentPageNumber=pageNumber",即將當(dāng)前頁(yè)面的名字改為currentPageNumber,然后判斷如果當(dāng)前頁(yè)的頁(yè)碼和頁(yè)面下方顯示的一排頁(yè)碼中的某個(gè)頁(yè)碼相等時(shí),將那個(gè)頁(yè)碼紅色顯示,其他頁(yè)碼則可以導(dǎo)航到相應(yīng)頁(yè)面。
7、當(dāng)article_list.jsp頁(yè)面的下拉選擇框發(fā)生變化時(shí),調(diào)用selectPagesize()方法
function selectPagesize(field){
window.location = document.getElementById("firstPage").href + "&pagesize="+field.value;
}
因?yàn)楫?dāng)下拉選擇框發(fā)生變化,即每頁(yè)顯示的文章數(shù)發(fā)生變化時(shí),肯定需要重新顯示第一頁(yè),
這里通過(guò)小技巧,在pager.jsp中設(shè)定了首頁(yè)的id="firstPage",
<pg:first>
<a id="firstPage" href="${pageUrl}">首頁(yè)</a>
</pg:first>
所以在selectPagesize()方法中可以直接通過(guò)document.getElementById("firstPage").href+ "&pagesize="+field.value獲取第一頁(yè)的地址,而不用寫死成window.location= "SearchArticleServlet?title=${param.title}&pagesize="+field.value,增加了pager.jsp頁(yè)面的可復(fù)用性。
在來(lái)個(gè)小問(wèn)題:
如果在類路徑中存在重復(fù)的類,放在前面的會(huì)被先加載,而后面的將不會(huì)被加載。
在WEB-INF中classes先與lib被加載,也就是說(shuō)如果classes中有個(gè)類,而lib包中也有個(gè)相同的類,這樣的話,會(huì)只加載classes中的類
在默認(rèn)情況下pager-taglib使用系統(tǒng)默認(rèn)編碼(GBK),如果jsp頁(yè)面使用的UTF-8編碼的話,就會(huì)出一些問(wèn)題,這是pager-taglib里面的bug,解決方案:
新建一個(gè)pager-taglib目錄,將原來(lái)的pager-taglib.jar包里的文件copy到這個(gè)目錄下,然后修改新pager-taglib目錄下的\com\jsptags\navigation\pager下的PagerTag.java類 (jsp頁(yè)面中使用的<pg:pager>對(duì)應(yīng)的類)的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,即當(dāng)搜索沒有匹配結(jié)果時(shí),尾頁(yè)的url的pager.offset居然是-5(當(dāng)然如果pagesize是10的話,pager.offset就是-10了),應(yīng)該為0,修改方法為:
原來(lái)的\com\jsptags\navigation\pager下的LastTag.java類為:
修改后的LastTag.java類為:
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包,這樣以后的項(xiàng)目可以直接使用這個(gè)修正bug后的jar包
聯(lián)系客服