XML创建可排序、分页的数据显示页面

在Web开发中,我们经常会遇到分页显示和排序数据记录集的情况,这在服务器端使用服务器端的代码和数据库技术是件很轻松的事情,比如:ASP、PHP、JSP等。然而,如果要在客户端显示多条记录并且排序是一件很令人头疼的事情。下面,我们利用Extensible Markup Language(XML,可扩展标记语言)和Extensible Stylesheet Language Transformations(XSLT,可扩展样式单语言转换),并结合XML Path Language(XPath,XML路径语言),只需要编写简单的代码,就可轻松实现。这种方法避免了与服务器频繁打交道的过程,节省了数据显示的时间,浏览者无须等待就可以看到结果,也可以减少服务器的负担。另外。由于XML和XSLT技术,使数据存储和数据显示分离,还可以让我们的代码能够重复利用,大大减轻了程序员编写代码的负担。
下面,我们一步一步地来实现我们的功能。

首先:创建XSLT

XSLT样式单的第一行标明该XML所遵照的XML规范版本,然后是标明该样式单使用的名称空间,这里,我们以XSL规范的正式版本来进行编写,而不采用XSL的草案的写法:

  1<xsl:stylesheet xmlns:xsl='\"http://www.w3.org/TR/WD-xsl\"'>   
  2注意:两者在功能和写法上有很大的差异。   
  3<?xml version=\"1.0\"?>
  4<xsl:stylesheet xmlns:xsl='\"http://www.w3.org/1999/XSL/Transform\"'>   
  5接下来,我们定义XSLT里的模板标记:   
  6  
  7<xsl:template match='\"/\"'>
  8<xsl:apply-templates select='\"/客户关系表\"/'>
  9</xsl:apply-templates></xsl:template>
 10<xsl:template match='\"/客户关系表\"'></xsl:template>   
 11  
 12我们把要显示的样式写到模板里面。我们使用HTML的数据岛来存放我们的数据,这些数据可以利用SQL Server 2000的XML查询来得到,对于不支持XML的数据库,我们可以自己编写组件把数据转换成XML格式,然后在放到数据岛里。在HTML里使用数据岛有两种方法:   
 13一是直接嵌入数据,如下所示:   
 14<xml id="\'\'Data\'\'">   
 15&lt;客户关系表&gt;   
 16&lt;客户&gt;每条数据<!--客户-->
 17<!--客户关系表-->
 18</xml>   
 19二是通过SRC属性引用外部文件,如下所示:   
 20<xml id="\'\'Data\'\'" src="\'\'Data.xml\'\'"></xml>   
 21要使用数据岛里的数据,必须通过id名来引用它,当然,由于XSLT文件也是XML格式文件的一种,也可以通过这种方法来实现:   
 22<xml id="\'\'Style\'\'" src="\'\'Style.xsl\'\'"></xml>   
 23我们在页面中加入标记DIV来显示我们的转换的结果:   
 24<div id='\"DisplayArea\"'></div>   
 25使用XSLT转换数据岛里的数据,采用DOMDocument的transNode()方法,并把结果通过DIV的innerHTML属性来展现出来:   
 26DisplayArea.innerHTML = Data.transformNode(Style.DocumentElement)   
 27  
 28第二步:实现客户端排序的功能   
 29  
 30我们先设定一个默认的排序字段,这里选择“序号”作为默认的排序关键字,并且是按递增的顺序排列,在XSLT里加入sort标记:   
 31<xsl:for-each select='\"客户\"'>
 32<xsl:sort data-type='\"number\"/' order='\"descending\"' select='\"序号\"'>
 33</xsl:sort></xsl:for-each>   
 34接下来,我们为样式表增加排序的功能,以便可以响应用户的操作,我们在表头的每个列上添加onClick事件,该事件调用sort()函数,允许用户通过单击该表头来进行对该列的排序。   
 35<td onclick="\&quot;sort(\'\'序号\'\')\&quot;">序号</td>   
 36Sort()函数的语句如下所示:   
 37Function Sort(strField)   
 38  
 39Dim sortField   
 40Dim sortOrderAttribute   
 41  
 42\'\' 得到原来排序字段的属性值   
 43Set sortField = Style.XMLDocument.selectSingleNode(\"//xsl:sort/@select\")   
 44  
 45\'\' 得到原来排序的顺序属性值   
 46Set sortOrderAttribute = Style.XMLDocument.selectSingleNode(\"//xsl:sort/@order\")   
 47  
 48\'\' 如果我们已经按所点击的列的字段排序,我们必须改变排序的顺序;   
 49\'\' 否则,我们只需要按新所点击的列字段按默认的顺序进行排序   
 50If sortField.Value = strField Or sortField.Value = \"./*[0]\" Then   
 51If sortOrderAttribute.Value = \"descending\" Then   
 52sortOrderAttribute.Value = \"ascending\"   
 53Else   
 54sortOrderAttribute.Value = \"descending\"   
 55End If   
 56Else   
 57sortField.Value = strField   
 58sortOrderAttribute.Value = \"ascending\"   
 59End If   
 60  
 61Set sortField = Nothing   
 62Set sortOrderAttribute = Nothing   
 63\'\' 输出排序后的结果   
 64DisplayArea.innerHTML = Data.transformNode(Style.DocumentElement)   
 65  
 66End Function   
 67下面,我们实现每页面显示的记录数和设定前页、后页的功能。使用span标记显示目前显示的是第几页、共多少页和记录的总数。我们默认每页显示6条记录,用变量intRecordsPerPage保存该值:   
 68<table border='\"0\"' style='\"font-size:9pt\"' width='\"100%\"'>
 69<tr>
 70<td align='\"left\"'><b>第 <span id='\"CurrentPage\"'></span> 页 总 <span id='\"PageCount\"'></span> 页 共有 <span id='\"RecordCount\"'></span> 条记录</b></td>
 71<td align='\"right\"'><b>每页记录数:<input id='\"RecordsPerPage\"' onblur='\"setRecordsPerPage()\"' style='\"vertical-align:middle;height:15pt;width:30px\"/'/></b></td>
 72<td align='\"right\"'>
 73<span id='\"Paging\"'>
 74<input onclick='\"FirstPage()\"' type='\"button\"' value='\"第一页\"/'/>
 75<input onclick='\"previousPage(1)\"' type='\"button\"' value='\"上一页\"/'/>
 76<input onclick='\"nextPage(1)\"' type='\"button\"' value='\"下一页\"/'/>
 77<input onclick='\"LastPage()\"' type='\"button\"' value='\"最末页\"/'/>
 78</span>
 79</td>
 80</tr>
 81</table>   
 82下面以“下一页”按钮执行的操作为例子,说明转换不同页面的处理过程。该函数根据参数intPage来决定要显示的记录的条数和相应的页面,每个按钮Value值的变化是通过动态改变XSL DOM的内容来实现的:   
 83Function nextPage(intPage)   
 84  
 85Dim strDisplay   
 86Dim strDateRange   
 87  
 88If CInt(CStr(intPage) * intRecordsPerPage) &lt; _   
 89Data.selectNodes(\"/客户关系表/客户\").length Then   
 90intPage = CInt(intPage) + 1   
 91  
 92Style.XMLDocument.selectNodes(\"//@OnClick\") _   
 93(1).Value = \"previousPage(\" &amp; intPage &amp; \")\"   
 94  
 95Style.XMLDocument.selectNodes(\"//@OnClick\") _   
 96(2).Value = \"nextPage(\" &amp; intPage &amp; \")\"   
 97  
 98Style.XMLDocument.selectNodes _   
 99(\"//xsl:for-each/@select\")(1).Value = _   
100\"./客户[position() &lt;= \" &amp; (CStr(intPage) _   
101* intRecordsPerPage) &amp; \" and position() &gt; \" _   
102&amp; (CInt(intPage) - 1) * intRecordsPerPage &amp; _   
103\"]\"   
104  
105redisplay (intPage)   
106  
107End If   
108  
109End Function   
110下面,我们来看看设置每个页面记录条数的函数setRecordsPerPage(),该函数通过动态修改xsl:for-each的select属性值来实现的,使用XPath来遍历那些符合节点位置大于0并且节点位置小于每页记录数加1的那些节点。其中主要的语句是下面的一行:   
111Style.XMLDocument.selectNodes(\"//xsl:for-each/@select\")(1). _   
112value = \"./客户[position() &lt; \" &amp; intRecordsPerPage + 1 &amp; \" and \"&amp; \" position() &gt; 0]\"   
113到目前为止,我们的页面既可以实现排序,也实现动态改变每页显示记录条数的功能了,为了实现可重用的要求,我们还可以进行进一步的改进。XPath是进行XML/XSLT应用开发的一个强有力的工具,XPath中可以使用通配符,使XSLT样式单文件完全不依赖于你的数据节点名称。因此,我们在改变XML数据的时候,只要不改变节点的层次关系,可以不必改动XSLT就可以直接使用。比如:在本例中,你可以添加或者删除某些字段、或添加删除一些记录,直接使用本例中的XSLT,不但可以在表格里正常显示出数据,而且还能正常排序和分页。   
114下面我们就分析一下是如何实现的。比如下面的层次关系:   
115&lt;客户关系表&gt;   
116&lt;客户&gt;   
117&lt;序号&gt;<!--序号-->   
118&lt;姓名&gt;<!--姓名-->   
119&lt;电子邮件&gt;<!--电子邮件-->
120<!--客户-->
121<!--客户关系表-->   
122假如我们的XSLT中有这样一个选择模板的句子:   
123<xsl:apply-templates select='\"/客户关系表\"/'>   
124为了实现通用性的要求,我们可以使用通配符:   
125<xsl:apply-templates select='\"/*\"/'>   
126这里我们使用了子运算符\"/\",它选择了根下的所有节点,两者的不同点在于:\"/客户关系表\"选择的是根下的客户关系表子节点,而\"/*\"选择的是根下所有的直接子节点,在上面的XML数据格式中,二者是完全等价的。   
127对于下面的for-each循环来说:   
128<xsl:for-each select='\"客户\"'>
129<xsl:sort order='\"ascending\"/' select='\"序号\"'>
130</xsl:sort></xsl:for-each>   
131我们可以改变成这样的形式:   
132<xsl:for-each select='\"./*\"'>
133<xsl:sort order='\"ascending\"/' select='\"./*[1]\"'>
134</xsl:sort></xsl:for-each>   
135这里\"./*\"表示你应当包含进去当前节点下所有的一级子节点,语法\"./*[1]\"表示的是选择当前节点中的第一个子节点。   
136另外还有一个地方可以改进的是<xsl:value-of select='\"序号\"/'>,我们可以把它改成<xsl:value-of select='\".\"/'>,表示在每一次循环中选择当前节点。   
137在我们的函数中,还使用了一些硬代码,如果不做改动的话,我们的通用性还是实现不了,因此,我们下面就看看如何替换硬代码中的语句。   
138在创建表头的时候,我们使用了<td onclick="\&quot;sort(\'\'序号\'\')\&quot;"> 序号</td>的语句,如果XML数据里没有序号节点的话,这里显然会出现错误的,为了实现通用性,我们自定义了一个函数getName,来取得所要显示的节点的名称:   
139<td>
140<xsl:attribute name='\"onClick\"'>   
141Sort(\'\'<xsl:value-of select='\"user:getName(.)\"/'>\'\')   
142</xsl:value-of></xsl:attribute>
143<xsl:value-of select='\"user:getName(.)\"/'>
144</xsl:value-of></td>   
145自定义函数是XSLT的一个突出的功能,要使用这个特性,我们得用msxml:script元素来定义,同时,必须在样式单定义的时候指定一个用户定义的名字空间。下面就是我们使用自定义函数的全部内容:   
146<xsl:stylesheet version='\"1.0\"' xmlns:msxsl='\"urn:schemas-microsoft-com:xslt\"' xmlns:user='\"http://lucky.myrice.com\"' xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
147<msxsl:script implements-prefix='\"user\"' language='\"VBScript\"'>   
148&lt;![CDATA[   
149function getName(node)   
150getName = node.item(0).nodeName   
151end function   
152}&gt;   
153</msxsl:script>
154
155在我们的XSLT文件中,使用了两个循环,我们分别进行相应的更改,第一处:显示表头的地方改为<xsl:for-each select='\"./*[1]/*\"'>,它等同于<xsl:for-each select='\"客户关系表/客户[1]/*\"'>;第二处循环是显示每行记录,改成<xsl:for-each select='\"./*\"'>。还有其他的地方需要更改的,请参见后面的完整源代码部分。这样我们就完成了通用的XSLT文件,不管你的XML数据有多少字段,也不管节点名称是什么,我们都无需更改XSLT文件,就可以实现我们的功能了。最终的浏览效果将会象下图所示:   
156  
157![\\"\\"](\\"/dsdimg/20052261342427877801.jpg\\")
158
159  
160  
161  
162以下是完整的Style.xsl文件的内容:   
163  
164<?xml version=\"1.0\" encoding=\"gb2312\"?>
165<xsl:stylesheet version='\"1.0\"' xmlns:msxsl='\"urn:schemas-microsoft-com:xslt\"' xmlns:user='\"http://lucky.myrice.com\"' xmlns:xsl='\"http://www.w3.org/1999/XSL/Transform\"'>
166<msxsl:script implements-prefix='\"user\"' language='\"VBScript\"'>   
167&lt;![CDATA[   
168Function getName(node)   
169getName = node.Item(0).nodeName   
170End Function   
171}&gt;   
172</msxsl:script>
173<xsl:template match='\"/\"'>
174<xsl:apply-templates select='\"/*\"/'>
175</xsl:apply-templates></xsl:template>
176<xsl:template match='\"/*\"'>
177<table border='\"0\"' style='\"font-size:9pt\"' width='\"100%\"'>
178<tr>
179<td align='\"left\"'><b>第 <span id='\"CurrentPage\"'></span> 页 总 <span id='\"PageCount\"'></span> 页 共有 <span id='\"RecordCount\"'></span> 条记录</b></td>
180<td align='\"right\"'><b>每页记录数:<input id='\"RecordsPerPage\"' onblur='\"setRecordsPerPage()\"' style='\"vertical-align:middle;height:15pt;width:30px\"/'/></b></td>
181<td align='\"right\"'>
182<span id='\"Paging\"'>
183<input onclick='\"FirstPage()\"' type='\"button\"' value='\"第一页\"/'/>
184<input onclick='\"previousPage(1)\"' type='\"button\"' value='\"上一页\"/'/>
185<input onclick='\"nextPage(1)\"' type='\"button\"' value='\"下一页\"/'/>
186<input onclick='\"LastPage()\"' type='\"button\"' value='\"最末页\"/'/>
187</span>
188</td>
189</tr>
190</table>
191<table bgcolor='\"#0099ff\"' border='\"0\"' cellpadding='\"0\"' cellspacing='\"1\"' style='\"font-size:11pt\"' width='\"100%\"'>
192<tr bgcolor='\"#FF6600\"' hand;padding:5px\"="" style='\"cursor:'>
193<xsl:for-each select='\"./*[1]/*\"'>
194<td align='\"center\"'>
195<xsl:attribute name='\"onclick\"'>   
196Sort(\'\'<xsl:value-of select='\"user:getName(.)\"/'>\'\')   
197</xsl:value-of></xsl:attribute>
198<font color='\"#EEEEEE\"'><b><u><xsl:value-of select='\"user:getName(.)\"/'></xsl:value-of></u></b></font>
199</td>
200</xsl:for-each>
201</tr>
202<xsl:for-each 6="" <="" and="" position()="" select='\"./*[position()'> 0]\"&gt;   
203<xsl:sort order='\"ascending\"/' select='\"./*[1]\"'>
204<tr bgcolor='\"#FFCCFF\"'>
205<xsl:for-each select='\"./*\"'>
206<td> <xsl:value-of select='\".\"/'></xsl:value-of></td>
207</xsl:for-each>
208</tr>
209</xsl:sort></xsl:for-each>
210</table>
211</xsl:template>
212</xsl:stylesheet>   
213以下是进行输出的Exam.htm文件:   
214<html>
215<head>
216<meta content='\"text/html;charset=gb2312\"' http='equiv=\"Content-Type\"'/>
217<style>   
218body { font-family:宋体; font-size:9pt;}   
219th { font-family:宋体; font-size:11pt; font-weight:bold;}   
220</style>
221<script language='\"vbscript\"'>   
222Option Explicit   
223  
224Dim intRecordsPerPage \'\'每个页面显示的记录数   
225intRecordsPerPage = 6 \'\'每个页面显示的记录数,默认设定为6   
226  
227\'\' 更新显示页面的函数   
228Function window_onload()   
229  
230\'\' 显示设定的记录数   
231Style.XMLDocument.selectNodes(\"//xsl:for-each/@select\")(1).Value = \"./*[position() < \" & intRecordsPerPage + 1 & \" and position() > 0]\"   
232transform()   
233setPageCount()   
234  
235End Function   
236  
237\'\' 进行XML-XSLT转换,并显示当前记录的一些信息   
238Function transform()   
239  
240DisplayArea.innerHTML = Data.transformNode(Style.DocumentElement)   
241RecordsPerPage.Value = intRecordsPerPage   
242  
243End Function   
244  
245\'\' 重新转换XML,并显示一个状态信息   
246Function redisplay(intPage)   
247  
248Dim strDisplay   
249Dim intPageCount   
250Dim intRecordCount   
251  
252\'\' 保存状态信息   
253intPageCount = PageCount.innerHTML   
254intRecordCount = RecordCount.innerHTML   
255transform()   
256\'\' 显示状态信息   
257PageCount.innerHTML = intPageCount   
258RecordCount.innerHTML = intRecordCount   
259CurrentPage.innerHTML = intPage   
260  
261End Function   
262  
263\'\' 重新排序和显示   
264Function Sort(strField)   
265  
266Dim sortField   
267Dim sortOrderAttribute   
268\'\' 得到排序属性值   
269Set sortField = Style.XMLDocument.selectSingleNode(\"//xsl:sort/@select\")   
270Set sortOrderAttribute = Style.XMLDocument.selectSingleNode(\"//xsl:sort/@order\")   
271  
272\'\' 改变排序的方式   
273If sortField.Value = strField Or sortField.Value = \"./*[0]\" Then   
274If sortOrderAttribute.Value = \"descending\" Then   
275sortOrderAttribute.Value = \"ascending\"   
276Else   
277sortOrderAttribute.Value = \"descending\"   
278End If   
279Else   
280sortField.Value = strField   
281sortOrderAttribute.Value = \"ascending\"   
282End If   
283  
284Set sortField = Nothing   
285Set sortOrderAttribute = Nothing   
286  
287redisplay (CurrentPage.innerHTML)   
288  
289End Function   
290  
291\'\' 重新设置每页的记录数   
292Function setRecordsPerPage()   
293  
294If IsNumeric(RecordsPerPage.Value) Then   
295intRecordsPerPage = CInt(RecordsPerPage.Value)   
296window_onload   
297End If   
298  
299End Function   
300  
301\'\' 显示页数信息   
302Function setPageCount()   
303  
304Dim intTotalRecords   
305  
306PageCount.innerHTML = getNumberOfPages(intTotalRecords)   
307RecordCount.innerHTML = intTotalRecords   
308CurrentPage.innerHTML = 1   
309  
310End Function   
311  
312\'\' 计算总页数和总记录数   
313Function getNumberOfPages(intTotalRecords)   
314  
315Dim intPages   
316  
317intTotalRecords = Data.XMLDocument.selectNodes(\"/*/*\").length   
318intPages = intTotalRecords / intRecordsPerPage   
319If InStr(intPages, \".\") > 0 Then   
320intPages = CInt(Left(intPages, InStr(intPages, \".\"))) + 1   
321End If   
322  
323getNumberOfPages = intPages   
324  
325End Function   
326  
327\'\' “下一页”的处理   
328Function nextPage(intPage)   
329  
330Dim strDisplay   
331Dim strDateRange   
332  
333If CInt(CStr(intPage) * intRecordsPerPage) < Data.selectNodes(\"/*/*\").length Then   
334intPage = CInt(intPage) + 1   
335Style.XMLDocument.selectNodes(\"//@OnClick\")(1).Value = \"previousPage(\" & intPage & \")\"   
336Style.XMLDocument.selectNodes(\"//@OnClick\")(2).Value = \"nextPage(\" & intPage & \")\"   
337Style.XMLDocument.selectNodes(\"//xsl:for-each/@select\")(1).Value = \"./*[position() <= \" & (CStr(intPage) * intRecordsPerPage) & \" and position() > \" & (CInt(intPage) - 1) * intRecordsPerPage & \"]\"   
338redisplay (intPage)   
339End If   
340  
341End Function   
342  
343\'\' 处理“上一页”   
344Function previousPage(intPage)   
345  
346Dim strDisplay   
347Dim strDateRange   
348  
349If intPage > 1 Then   
350intPage = CInt(intPage) - 1   
351Style.XMLDocument.selectNodes(\"//@OnClick\")(1).Value = \"previousPage(\" & intPage & \")\"   
352Style.XMLDocument.selectNodes(\"//@OnClick\")(2).Value = \"nextPage(\" & intPage & \")\"   
353Style.XMLDocument.selectNodes(\"//xsl:for-each/@select\")(1).Value = \"./*[position() <= \" & (CStr(intPage) * intRecordsPerPage) & \" and position() > \" & (CInt(intPage) - 1) * intRecordsPerPage & \"]\"   
354redisplay (intPage)   
355End If   
356  
357End Function   
358  
359\'\' “第一页”的处理   
360Function FirstPage()   
361  
362Style.XMLDocument.selectNodes(\"//@OnClick\")(1).Value = \"previousPage(1)\"   
363Style.XMLDocument.selectNodes(\"//@OnClick\")(2).Value = \"nextPage(1)\"   
364Style.XMLDocument.selectNodes(\"//xsl:for-each/@select\")(1).Value = \"./*[position() < \" & intRecordsPerPage + 1 & \" and position() > 0]\"   
365transform()   
366setPageCount()   
367  
368End Function   
369  
370\'\' “最末页”的处理   
371Function LastPage()   
372  
373Dim intTotalPages   
374Dim intTotalRecords   
375  
376intTotalPages = getNumberOfPages(intTotalRecords)   
377nextPage (intTotalPages - 1)   
378  
379End Function   
380</script>
381</head>
382<body>
383<p align='\"center\"' double="" red;padding-bottom:5px\"="" style='\"font-weight:bold;font-size:12pt;color:#0000FF;border-bottom:3px'>客户关系表</p>
384<xml id="\'\'Data\'\'">   
385&lt;客户关系表 xmlns:dt=\"urn:schemas-microsoft-com:datatypes\"&gt;   
386&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;01<!--序号-->&lt;姓名&gt;Mi<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
387&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;02<!--序号-->&lt;姓名&gt;uyi<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
388&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;03<!--序号-->&lt;姓名&gt;uiyu<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
389&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;04<!--序号-->&lt;姓名&gt;Doug<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
390&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;05<!--序号-->&lt;姓名&gt;Ellen<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
391&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;06<!--序号-->&lt;姓名&gt;Frank<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
392&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;07<!--序号-->&lt;姓名&gt;Greg<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
393&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;08<!--序号-->&lt;姓名&gt;Harry<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
394&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;09<!--序号-->&lt;姓名&gt;Ingrid<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
395&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;10<!--序号-->&lt;姓名&gt;Jeff<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
396&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;11<!--序号-->&lt;姓名&gt;Kelly<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
397&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;12<!--序号-->&lt;姓名&gt;Larry<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
398&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;13<!--序号-->&lt;姓名&gt;Mark<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
399&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;14<!--序号-->&lt;姓名&gt;Nancy<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
400&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;15<!--序号-->&lt;姓名&gt;Peter<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
401&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;16<!--序号-->&lt;姓名&gt;Rachel<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
402&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;17<!--序号-->&lt;姓名&gt;Seth<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
403&lt;客户&gt;&lt;序号 dt:dt=\"int\"&gt;18<!--序号-->&lt;姓名&gt;Tim<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->
404<!--客户关系表-->
405</xml>
406<xml id="\'\'Style\'\'" src="\'\'Style.xsl\'\'"></xml>
407<div id='\"DisplayArea\"'></div>
408<table border='\"0\"' style='\"font-size:11pt;\"' width='\"100%\"'>
409<tr>
410<td align='\"right\"'>资料来源:【<a href='\"http://lucky.myrice.com\"'>孟宪会之精彩世界</a>】</td>
411</tr>
412</table>
413</body>
414</html>   
415  
416把上面的内容拷贝到本地计算机上,分别保存为相应的文件,在IE5+和XML3.0+的环境下即可看到效果!</xsl:for-each></xsl:for-each></xsl:for-each></xsl:stylesheet></xsl:value-of></xsl:value-of></xsl:apply-templates></xsl:apply-templates></xsl:stylesheet></xsl:stylesheet>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus