XML卷之實戰(zhàn)錦囊(3)：動態(tài)分頁_Xml教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：XML 取得元素的字符數(shù)據(jù)
列表9-3 中的script 程序使用每個子元素（TITLE、AUTHOR、BINDING、PAGES 與PRICE）的text 屬性，來作為取得元素字符數(shù)據(jù)的快捷方法。例如，下列的程序代碼被用來擷取TITLE元素中的字符數(shù)據(jù)：

動機(jī)：為了方便用戶查看大批量數(shù)據(jù)，我們會用到動態(tài)分頁，因此分頁功能是我們在網(wǎng)站上見過的最普遍也是最常用的一個功能模塊了。而以往的信息分頁都是連接到數(shù)據(jù)庫的，每一次點擊都必須要后臺數(shù)據(jù)庫的支持。這樣不但服務(wù)器的負(fù)擔(dān)加重，而且嚴(yán)重的影響用戶瀏覽的速度.
試想，如果把分頁的功能放到客戶端，那會產(chǎn)生什么樣的效果呢？呵呵，看看下面的設(shè)計吧！

材料：

XML卷之動態(tài)分頁

有2個文件：pages.xml 和 pages.xsl

作用：

把分頁的功能放到客戶端。在不刷新頁面的情況下對數(shù)據(jù)進(jìn)行過濾篩選，有效的提高瀏覽數(shù)據(jù)功能的效率。

代碼：

以下為引用的內(nèi)容：

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>一個簡單的分頁</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錯誤信息總匯</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卷之實戰(zhàn)錦囊（3）：動態(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卷之實戰(zhàn)錦囊（3）：動態(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ā)表時間</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 是格式文件，有幾個地方要注意。

（1）腳本中：

nodes=source.documentElement.childNodes;

作用是：找到所有的節(jié)點。nodes.length就是符合條件的總節(jié)點數(shù)

sortField=document.XSLDocument.selectSingleNode("//@expr");

作用是：找到有屬性為expr的第一個節(jié)點，因此它對應(yīng)的節(jié)點就是

<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">

因此在初次onLoad的時候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ù)，，因此我們用一個 if 判斷條件來控制。

在初始的時候我們要求只輸出最前的兩個節(jié)點的數(shù)值。

childnumber(this)

作用：返回當(dāng)前節(jié)點在它的上級節(jié)點列表中的編號，列表中的第一個節(jié)點默認(rèn)編號為1。

在分頁中我們就是根據(jù)節(jié)點的編號來判斷它屬于第幾頁。

expr

不知道大家發(fā)現(xiàn)沒有，前兩次我們用到的都是 test ,可這個我們用的卻是expr。

它們之間有一定的區(qū)別，用法也不相同。

expr ── 腳本語言表達(dá)式，計算結(jié)果為"真"或"假"；如果結(jié)果為"真"，且通過test，則在輸出中顯示其中內(nèi)容（可省略此項屬性）。

test ── 源數(shù)據(jù)測試條件。

作用是讓數(shù)據(jù)回到最前一頁。其它按鈕的作用類似。

補(bǔ)充一點： XML例子文件的使用方法

1）將每個例子里的兩個文件按照文件名分別保存。

2）用瀏覽器瀏覽XML文件即可。這是你會看到效果，應(yīng)該不錯吧！

后記：

呵呵，可以增加動態(tài)排序后，再分頁的功能。再把列表數(shù)變?yōu)榭稍O(shè)置。發(fā)揮你的思維，讓這些功能更加完美。大家可以研究出更好的方法來實現(xiàn)分頁功能�；ハ嗵接�，不亦樂乎！

分享：詳解XML-RPC和JAX-RPC
響應(yīng)也是簡單的XML文件，擁有根元素，或者有或者沒有子元素。這與復(fù)雜的SOAP相應(yīng)對比鮮明。原先的XML-RPC協(xié)議是由Web先鋒Dave Winer于1998年在UserLand Software公司發(fā)明的。其第一個實現(xiàn)是

來源：模板無憂/所屬分類：Xml教程/更新時間：2008-08-22

[收藏][報錯][返回列表]

相關(guān)Xml教程：

Xml教程Rss訂閱編程教程搜索

Xml教程推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索XML卷之實戰(zhàn)錦囊(3)：動態(tài)分頁
教程說明：
Xml教程-XML卷之實戰(zhàn)錦囊(3)：動態(tài)分頁。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

XML卷之實戰(zhàn)錦囊(3)：動態(tài)分頁_Xml教程

Xml教程Rss訂閱編程教程搜索

Xml教程推薦

猜你也喜歡看這些