XML如何實(shí)現(xiàn)動(dòng)態(tài)分頁-創(chuàng)新互聯(lián)
這篇文章將為大家詳細(xì)講解有關(guān) XML如何實(shí)現(xiàn)動(dòng)態(tài)分頁，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
代碼：
pages.xml
<?xml version="1.0" encoding="gb2312" ?> <?xml-stylesheet type="text/xsl" href="pages.xsl" ?> <BlueIdea> <team> <blue_ID>1</blue_ID> <blue_name>Sailflying</blue_name> <blue_text>一個(gè)簡(jiǎn)單的分頁</blue_text> <blue_time>2002-1-11 17:35:33</blue_time> <blue_class>XML專題</blue_class> </team> <team> <blue_ID>2</blue_ID> <blue_name>flyingbird</blue_name> <blue_text>嫁給你，是要你疼的</blue_text> <blue_time>2001-09-06 12:45:51</blue_time> <blue_class>灌水精華</blue_class> </team> <team> <blue_ID>3</blue_ID> <blue_name>苛子</blue_name> <blue_text>正則表達(dá)式在ＵＢＢ論壇中的應(yīng)用</blue_text> <blue_time>2001-11-23 21:02:16</blue_time> <blue_class>Web 編程精華</blue_class> </team> <team> <blue_ID>4</blue_ID> <blue_name>太乙郎</blue_name> <blue_text>年末經(jīng)典分舵聚會(huì)完全手冊(cè) v0.1</blue_text> <blue_time>2000-12-08 10:22:48</blue_time> <blue_class>論壇灌水區(qū)</blue_class> </team> <team> <blue_ID>5</blue_ID> <blue_name>mmkk</blue_name> <blue_text>asp錯(cuò)誤信息總匯</blue_text> <blue_time>2001-10-13 16:39:05</blue_time> <blue_class>javascript腳本</blue_class> </team> </BlueIdea>
pages.xsl
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head>
<title> XML卷之實(shí)戰(zhàn)錦囊（3）：動(dòng)態(tài)分頁</title>
<style>
body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋體", "Arial", "Times New Roman"; }
table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink}
span { font-size: 12px; color: red; }
.keybutton { cursor:hand; font-size: 12px; color: #003300; background: #ffffff; border: 0px solid;}
</style>
<script>
<xsl:comment>
<![CDATA[
var OnePageNum=2;
var PageNum=1;
var XMLPageNum=1;
function pages(Num)
{
stylesheet=document.XSLDocument;
source=document.XMLDocument;
nodes=source.documentElement.childNodes;
len=nodes.length;
for(i=1;i<=(len/OnePageNum);i++);
XMLPageNum=i;
var firstNum=0;
var lastNume=0;
if (Num=="first") {PageNum=1;}
if (Num=="PRevious") {if (PageNum>1) PageNum -=1;}
if (Num=="next") {if (PageNum<XMLPageNum) PageNum +=1;}
if (Num=="last") {PageNum =XMLPageNum;}
sortField=document.XSLDocument.selectSingleNode("//@expr");
firstNum=OnePageNum*(PageNum-1)+1;
lastNum=OnePageNum*(PageNum-1)+OnePageNum;
text="childnumber(this)>="+firstNum+" & childnumber(this)<="+lastNum;
sortField.value=text;
Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
}
]]>
</xsl:comment>
</script>
</head>
<body>
<p align="center"><span>XML卷之實(shí)戰(zhàn)錦囊（3）：動(dòng)態(tài)分頁</span></p>
<table align="center" width="500" >
<tr>
<td>
<button id="cmdfirstPage" class="keybutton" onclick="pages('first');" >首頁</button>
<button id="cmdpreviousPage" class="keybutton" onclick="pages('previous');" >上一頁</button>
<button id="cmdnextPage" class="keybutton" onclick="pages('next');">下一頁</button>
<button id="cmdlastPage" class="keybutton" onclick="pages('last');">尾頁</button>
</td>
</tr>
</table>
<p id="Layer1" name="Layer1"> <xsl:apply-templates select="BlueIdea" /></p>
</body>
</html>
</xsl:template>
<xsl:template match="BlueIdea">
<table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD">
<tr bgcolor="#FFCC99" align="center">
<td>編號(hào)</td>
<td>姓名</td>
<td>主題</td>
<td>發(fā)表時(shí)間</td>
<td>歸類</td>
</tr>
<xsl:apply-templates select="team" order-by="blue_ID"/>
</table>
</xsl:template>
<xsl:template match="team">
<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">
<tr align="center">
<xsl:apply-templates select="blue_ID" />
<xsl:apply-templates select="blue_name" />
<xsl:apply-templates select="blue_text" />
<xsl:apply-templates select="blue_time" />
<xsl:apply-templates select="blue_class" />
</tr>
</xsl:if>
</xsl:template>
<xsl:template match="blue_ID">
<td bgcolor="#eeeeee">
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_name">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_text">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_time">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_class">
<td>
<xsl:value-of />
</td>
</xsl:template>
</xsl:stylesheet>講解：
1）search.xml 是數(shù)據(jù)文件，相信大家都不會(huì)有問題。
2）search.xsl 是格式文件，有幾個(gè)地方要注意。
（1）腳本中：
nodes=source.documentElement.childNodes;
作用是：找到所有的節(jié)點(diǎn)。nodes.length就是符合條件的總節(jié)點(diǎn)數(shù)
sortField=document.XSLDocument.selectSingleNode("//@expr");
作用是：找到有屬性為expr的第一個(gè)節(jié)點(diǎn)，因此它對(duì)應(yīng)的節(jié)點(diǎn)就是
<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">
因此在初次onLoad的時(shí)候expr的value值是
childnumber(this)<=1 & childnumber(this)>=2
關(guān)于 > < 大家可能熟悉多了。那&是什么呢？ 它就是“與”了.
大家可以在XML的書中找到其它的一些。
參數(shù)說明：
OnePageNum：每頁顯示的數(shù)據(jù)數(shù)
PageNum：當(dāng)前頁數(shù)
XMLPageNum：總頁數(shù)
firstNum:當(dāng)前頁的第一條數(shù)據(jù)值
lastNum：當(dāng)前頁的最后一條數(shù)據(jù)值
（2）文本中：
<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">
在分頁中我們需要輸出合適的數(shù)據(jù)，，因此我們用一個(gè) if 判斷條件來控制。
在初始的時(shí)候我們要求只輸出最前的兩個(gè)節(jié)點(diǎn)的數(shù)值。
childnumber(this)
作用：返回當(dāng)前節(jié)點(diǎn)在它的上級(jí)節(jié)點(diǎn)列表中的編號(hào)，列表中的第一個(gè)節(jié)點(diǎn)默認(rèn)編號(hào)為1。
在分頁中我們就是根據(jù)節(jié)點(diǎn)的編號(hào)來判斷它屬于第幾頁。
expr
不知道大家發(fā)現(xiàn)沒有，前兩次我們用到的都是 test ,可這個(gè)我們用的卻是expr。
它們之間有一定的區(qū)別，用法也不相同。
expr ── 腳本語言表達(dá)式，計(jì)算結(jié)果為"真"或"假"；如果結(jié)果為"真"，且通過test，則在輸出中顯示其中內(nèi)容（可省略此項(xiàng)屬性）。
test ── 源數(shù)據(jù)測(cè)試條件。
<button id="cmdfirstPage" class="keybutton" onclick="pages('first');" >首頁</button>
作用是讓數(shù)據(jù)回到最前一頁。其它按鈕的作用類似。
關(guān)于“ XML如何實(shí)現(xiàn)動(dòng)態(tài)分頁”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)頁標(biāo)題：XML如何實(shí)現(xiàn)動(dòng)態(tài)分頁-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://jinyejixie.com/article20/djsgjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站排名、定制開發(fā)、搜索引擎優(yōu)化、網(wǎng)頁設(shè)計(jì)公司
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站建設(shè)基礎(chǔ)知識(shí)之靜態(tài)和動(dòng)態(tài)網(wǎng)站（一） 2016-09-16
- 需要做網(wǎng)站的老鐵們，面對(duì)靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站我們?cè)撊绾芜x擇？ 2022-04-16
- 什么是靜態(tài)網(wǎng)站、動(dòng)態(tài)網(wǎng)站？有何優(yōu)缺點(diǎn)？ 2016-11-10
- 什么是靜態(tài)網(wǎng)站？什么是動(dòng)態(tài)網(wǎng)站？ 2022-08-05
- 動(dòng)態(tài)網(wǎng)站建設(shè)相比靜態(tài)的優(yōu)勢(shì)是什么 2022-08-22
- 北京動(dòng)態(tài)網(wǎng)站制作方法 2017-03-01
- 網(wǎng)站推廣中行業(yè)動(dòng)態(tài)的引導(dǎo)功能重要嗎 2016-10-29
- 成都網(wǎng)站建設(shè)：靜態(tài)發(fā)布和動(dòng)態(tài)發(fā)布的選擇是有技巧的 2017-01-10
- seo技術(shù)要學(xué)什么？及時(shí)了解動(dòng)態(tài)很重要。 2017-09-02
- 動(dòng)態(tài)網(wǎng)站建設(shè)的好處真不少 2016-10-24
- 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁制作 2021-01-09
- 網(wǎng)站排名：動(dòng)態(tài)頁面的開發(fā)方式 2016-11-13