XML卷之動(dòng)態(tài)分頁的示例分析
這篇文章主要介紹了XML卷之動(dòng)態(tài)分頁的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
我們提供的服務(wù)有：網(wǎng)站建設(shè)、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、茶陵ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的茶陵網(wǎng)站制作公司
XML卷之動(dòng)態(tài)分頁
有2個(gè)文件：pages.xml 和 pages.xsl
作用：
把分頁的功能放到客戶端。在不刷新頁面的情況下對數(shù)據(jù)進(jìn)行過濾篩選，有效的提高瀏覽數(shù)據(jù)功能的效率。
效果：
瀏覽這里
代碼：
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è)簡單的分頁</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)典分舵聚會完全手冊 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卷之動(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>
<div id="Layer1" name="Layer1"> <xsl:apply-templates select="BlueIdea" /></div>
</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>編號</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ù)文件，相信大家都不會有問題。
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)，因此它對應(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)在它的上級節(jié)點(diǎn)列表中的編號，列表中的第一個(gè)節(jié)點(diǎn)默認(rèn)編號為1。
在分頁中我們就是根據(jù)節(jié)點(diǎn)的編號來判斷它屬于第幾頁。
expr
不知道大家發(fā)現(xiàn)沒有，前兩次我們用到的都是 test ,可這個(gè)我們用的卻是expr。
它們之間有一定的區(qū)別，用法也不相同。
expr ── 腳本語言表達(dá)式，計(jì)算結(jié)果為"真"或"假"；如果結(jié)果為"真"，且通過test，則在輸出中顯示其中內(nèi)容（可省略此項(xiàng)屬性）。
test ── 源數(shù)據(jù)測試條件。
<button id="cmdfirstPage" class="keybutton" onclick="pages('first');" >首頁</button>作用是讓數(shù)據(jù)回到最前一頁。其它按鈕的作用類似。
補(bǔ)充一點(diǎn)： XML例子文件的使用方法
1）將每個(gè)例子里的兩個(gè)文件按照文件名分別保存。
2）用瀏覽器瀏覽XML文件即可。這是你會看到效果，應(yīng)該不錯(cuò)吧！
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“XML卷之動(dòng)態(tài)分頁的示例分析”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
當(dāng)前文章：XML卷之動(dòng)態(tài)分頁的示例分析
網(wǎng)站網(wǎng)址：http://aaarwkj.com/article26/godejg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、、手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)、微信小程序
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
- 域名注冊信息會影響網(wǎng)站搜索引擎優(yōu)化排名嗎？ 2021-05-29
- 網(wǎng)站優(yōu)化過程中從哪些緯度剖析搜索引擎優(yōu)化數(shù)據(jù)？ 2022-08-13
- 南山網(wǎng)站建設(shè)怎樣優(yōu)化？兩招處理搜索引擎優(yōu)化小白優(yōu)化難題！ 2022-10-22
- 搜索引擎優(yōu)化只是一種工具 2014-03-07
- 搜索引擎優(yōu)化應(yīng)成為企業(yè)核心戰(zhàn)略的重要部分 2022-12-10
- 原創(chuàng)內(nèi)容對搜索引擎優(yōu)化的意義 2023-04-10
- 淺析網(wǎng)站地圖對搜索引擎優(yōu)化的好處 2023-04-11
- 正確理解SEO與搜索引擎優(yōu)化的關(guān)系 2015-10-28
- 日照百度快照推廣網(wǎng)站權(quán)重的權(quán)衡尺度是什么？以搜索引擎優(yōu)化為尺度計(jì)較網(wǎng)站權(quán)重值 2023-02-04
- 搜索引擎優(yōu)化的支持，更好地做到 2014-03-08
- 【SEO優(yōu)化】介紹搜索引擎優(yōu)化說明的13個(gè)要點(diǎn) 2021-11-29
- 搜索引擎優(yōu)化：網(wǎng)站SEO優(yōu)化知識核心分享！ 2016-11-11