XML卷之实战锦囊(3)动态分页

　　动机： 

　　为了方便用户查看大批量数据，我们会用到动态分页，因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的，每一次点击都必须要后台数据库的支持。这样不但服务器的负担加重，而且严重的影响用户浏览的速度.试想，如果把分页的功能放到客户端，那会产生什么样的效果呢？呵呵，看看下面的设计吧！  。 

　　材料： 

　　XML卷之动态分页

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

　　作用： 

　　把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选，有效的提高浏览数据功能的效率。 效果：

　　代码： 

　　pages.xml 

？xml version="1.0" encoding="gb2312" ？？xml-stylesheet type="text/xsl" href="pages.xsl" ？BlueIdea　team　　blue_ID1/blue_ID　　blue_nameSailflying/blue_name　　blue_text一个简单的分页/blue_text　　blue_time2002-1-11 17:35:33/blue_time　　blue_classXML专题/blue_class　/team　team　　blue_ID2/blue_ID　　blue_nameflyingbird/blue_name　　blue_text嫁给你，是要你疼的/blue_text　　blue_time2001-09-06 12:45:51/blue_time　　blue_class灌水精华/blue_class　/team　team　　blue_ID3/blue_ID　　blue_name苛子/blue_name　　blue_text正则表达式在ＵＢＢ论坛中的应用/blue_text　　blue_time2001-11-23 21:02:16/blue_time　　blue_classWeb 编程精华/blue_class　/team　team　　blue_ID4/blue_ID　　blue_name太乙郎/blue_name　　blue_text年末经典分舵聚会完全手册 v0.1/blue_text　　blue_time2000-12-08 10:22:48/blue_time　　blue_class论坛灌水区/blue_class　/team　team　　blue_ID5/blue_ID　　blue_namemmkk/blue_name　　blue_textAsp错误信息总汇/blue_text　　blue_time2001-10-13 16:39:05/blue_time　　blue_classjavascript脚本/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="/"htmlheadtitle XML卷之实战锦囊（3）：动态分页/titlestylebody,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;}/stylescript 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 (PageNum1) PageNum -=1;} if (Num=="next") {if (PageNumXMLPageNum) 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/headbodyp align="center"spanXML卷之实战锦囊（3）：动态分页/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');" 上一页/buttonbutton 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:templatexsl:template match="BlueIdea"table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD"tr bgcolor="#FFCC99" align="center"td编号/tdtd姓名/tdtd主题/tdtd发表时间/tdtd归类/td/trxsl:apply-templates select="team" order-by="blue_ID"//table/xsl:templatexsl: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:templatexsl:template match="blue_ID"td bgcolor="#eeeeee"xsl:value-of //td/xsl:templatexsl:template match="blue_name"tdxsl:value-of //td/xsl:templatexsl:template match="blue_text"tdxsl:value-of //td/xsl:templatexsl:template match="blue_time"tdxsl:value-of //td/xsl:templatexsl:template match="blue_class"tdxsl:value-of //td/xsl:template/xsl:stylesheet