使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面

** 使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面 **

在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="/客户关系表"></xsl:apply-templates>
  9</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="序号"></xsl:sort>
 33</xsl:for-each>   
 34接下来,我们为样式表增加排序的功能,以便可以响应用户的操作,我们在表头的每个列上添加onClick事件,该事件调用sort()函数,允许用户通过单击该表头来进行对该列的排序。   
 35<td onclick="sort('序号')">序号</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="/客户关系表"></xsl:apply-templates>   
124为了实现通用性的要求,我们可以使用通配符:   
125<xsl:apply-templates select="/*"></xsl:apply-templates>   
126这里我们使用了子运算符"/",它选择了根下的所有节点,两者的不同点在于:"/客户关系表"选择的是根下的客户关系表子节点,而"/*"选择的是根下所有的直接子节点,在上面的XML数据格式中,二者是完全等价的。   
127对于下面的for-each循环来说:   
128<xsl:for-each select="客户">
129<xsl:sort order="ascending" select="序号"></xsl:sort>
130</xsl:for-each>   
131我们可以改变成这样的形式:   
132<xsl:for-each select="./*">
133<xsl:sort order="ascending" select="./*[1]"></xsl:sort>
134</xsl:for-each>   
135这里"./*"表示你应当包含进去当前节点下所有的一级子节点,语法"./*[1]"表示的是选择当前节点中的第一个子节点。   
136另外还有一个地方可以改进的是<xsl:value-of select="序号"></xsl:value-of>,我们可以把它改成<xsl:value-of select="."></xsl:value-of>,表示在每一次循环中选择当前节点。   
137在我们的函数中,还使用了一些硬代码,如果不做改动的话,我们的通用性还是实现不了,因此,我们下面就看看如何替换硬代码中的语句。   
138在创建表头的时候,我们使用了<td onclick="sort('序号')"> 序号</td>的语句,如果XML数据里没有序号节点的话,这里显然会出现错误的,为了实现通用性,我们自定义了一个函数getName,来取得所要显示的节点的名称:   
139<td>
140<xsl:attribute name="onClick">   
141Sort('<xsl:value-of select="user:getName(.)"></xsl:value-of>')   
142</xsl:attribute>
143<xsl:value-of select="user:getName(.)"></xsl:value-of>
144</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<![CDATA[   
149function getName(node)   
150getName = node.item(0).nodeName   
151end function   
152]]>
153</msxsl:script>   
154在我们的XSLT文件中,使用了两个循环,我们分别进行相应的更改,第一处:显示表头的地方改为<xsl:for-each select="./*[1]/*">,它等同于<xsl:for-each select="客户关系表/客户[1]/*">;第二处循环是显示每行记录,改成<xsl:for-each select="./*">。还有其他的地方需要更改的,请参见后面的完整源代码部分。这样我们就完成了通用的XSLT文件,不管你的XML数据有多少字段,也不管节点名称是什么,我们都无需更改XSLT文件,就可以实现我们的功能了。最终的浏览效果将会象下图所示:   
155  
156![](http://lucky.myrice.com/images/exam.gif)   
157  
158以下是完整的Style.xsl文件的内容: 
159
160<?xml version="1.0" encoding="gb2312"?>
161<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 ">
162<msxsl:script implements-prefix="user" language="VBScript">
163<![CDATA[   
164Function getName(node)   
165getName = node.Item(0).nodeName   
166End Function   
167]]>
168</msxsl:script>
169<xsl:template match="/">
170<xsl:apply-templates select="/*"></xsl:apply-templates>
171</xsl:template>
172<xsl:template match="/*">
173<table border="0" style="font-size:9pt" width="100%">
174<tr>
175<td align="left"><b>第 <span id="CurrentPage"></span> 页 总 <span id="PageCount"></span> 页    共有 <span id="RecordCount"></span> 条记录</b></td>
176<td align="right"><b>每页记录数:<input id="RecordsPerPage" onblur="setRecordsPerPage()" style="vertical-align:middle;height:15pt;width:30px"/></b></td>
177<td align="right">
178<span id="Paging">
179<input onclick="FirstPage()" type="button" value="第一页"/>
180<input onclick="previousPage(1)" type="button" value="上一页"/>
181<input onclick="nextPage(1)" type="button" value="下一页"/>
182<input onclick="LastPage()" type="button" value="最末页"/>
183</span>
184</td>
185</tr>
186</table>
187<table bgcolor="#0099ff" border="0" cellpadding="0" cellspacing="1" style="font-size:11pt" width="100%">
188<tr bgcolor="#FF6600" style="cursor: hand;padding:5px">
189<xsl:for-each select="./*[1]/*">
190<td align="center">
191<xsl:attribute name="onclick">   
192Sort('<xsl:value-of select="user:getName(.)"></xsl:value-of>')   
193</xsl:attribute>
194<font color="#EEEEEE"><b><u><xsl:value-of select="user:getName(.)"></xsl:value-of></u></b></font>
195</td>
196</xsl:for-each>
197</tr>
198<xsl:for-each select="./*[position() &lt; 6 and position() &gt; 0]">
199<xsl:sort order="ascending" select="./*[1]"></xsl:sort>
200<tr bgcolor="#FFCCFF">
201<xsl:for-each select="./*">
202<td> <xsl:value-of select="."></xsl:value-of></td>
203</xsl:for-each>
204</tr>
205</xsl:for-each>
206</table>
207</xsl:template>
208</xsl:stylesheet>   
209以下是进行输出的Exam.htm文件:   
210<html>
211<head>
212<meta content="text/html;charset=gb2312" http='equiv="Content-Type"'/>
213<style>   
214body { font-family:宋体; font-size:9pt;}   
215th { font-family:宋体; font-size:11pt; font-weight:bold;}   
216</style>
217<script language="vbscript">   
218Option Explicit   
219  
220Dim intRecordsPerPage '每个页面显示的记录数   
221intRecordsPerPage = 6 '每个页面显示的记录数,默认设定为6   
222  
223' 更新显示页面的函数   
224Function window_onload()   
225  
226' 显示设定的记录数   
227Style.XMLDocument.selectNodes("//xsl:for-each/@select")(1).Value = "./*[position() < " & intRecordsPerPage + 1 & " and position() > 0]"   
228transform()   
229setPageCount()   
230  
231End Function   
232  
233' 进行XML-XSLT转换,并显示当前记录的一些信息   
234Function transform()   
235  
236DisplayArea.innerHTML = Data.transformNode(Style.DocumentElement)   
237RecordsPerPage.Value = intRecordsPerPage   
238  
239End Function   
240  
241' 重新转换XML,并显示一个状态信息   
242Function redisplay(intPage)   
243  
244Dim strDisplay   
245Dim intPageCount   
246Dim intRecordCount   
247  
248' 保存状态信息   
249intPageCount = PageCount.innerHTML   
250intRecordCount = RecordCount.innerHTML   
251transform()   
252' 显示状态信息   
253PageCount.innerHTML = intPageCount   
254RecordCount.innerHTML = intRecordCount   
255CurrentPage.innerHTML = intPage   
256  
257End Function   
258  
259' 重新排序和显示   
260Function Sort(strField)   
261  
262Dim sortField   
263Dim sortOrderAttribute   
264' 得到排序属性值   
265Set sortField = Style.XMLDocument.selectSingleNode("//xsl:sort/@select")   
266Set sortOrderAttribute = Style.XMLDocument.selectSingleNode("//xsl:sort/@order")   
267  
268' 改变排序的方式   
269If sortField.Value = strField Or sortField.Value = "./*[0]" Then   
270If sortOrderAttribute.Value = "descending" Then   
271sortOrderAttribute.Value = "ascending"   
272Else   
273sortOrderAttribute.Value = "descending"   
274End If   
275Else   
276sortField.Value = strField   
277sortOrderAttribute.Value = "ascending"   
278End If   
279  
280Set sortField = Nothing   
281Set sortOrderAttribute = Nothing   
282  
283redisplay (CurrentPage.innerHTML)   
284  
285End Function   
286  
287' 重新设置每页的记录数   
288Function setRecordsPerPage()   
289  
290If IsNumeric(RecordsPerPage.Value) Then   
291intRecordsPerPage = CInt(RecordsPerPage.Value)   
292window_onload   
293End If   
294  
295End Function   
296  
297' 显示页数信息   
298Function setPageCount()   
299  
300Dim intTotalRecords   
301  
302PageCount.innerHTML = getNumberOfPages(intTotalRecords)   
303RecordCount.innerHTML = intTotalRecords   
304CurrentPage.innerHTML = 1   
305  
306End Function   
307  
308' 计算总页数和总记录数   
309Function getNumberOfPages(intTotalRecords)   
310  
311Dim intPages   
312  
313intTotalRecords = Data.XMLDocument.selectNodes("/*/*").length   
314intPages = intTotalRecords / intRecordsPerPage   
315If InStr(intPages, ".") > 0 Then   
316intPages = CInt(Left(intPages, InStr(intPages, "."))) + 1   
317End If   
318  
319getNumberOfPages = intPages   
320  
321End Function   
322  
323' “下一页”的处理   
324Function nextPage(intPage)   
325  
326Dim strDisplay   
327Dim strDateRange   
328  
329If CInt(CStr(intPage) * intRecordsPerPage) < Data.selectNodes("/*/*").length Then   
330intPage = CInt(intPage) + 1   
331Style.XMLDocument.selectNodes(" //@OnClick")(1).Value = "previousPage(" & intPage & ")"   
332Style.XMLDocument.selectNodes(" //@OnClick")(2).Value = "nextPage(" & intPage & ")"   
333Style.XMLDocument.selectNodes("//xsl:for-each/@select")(1).Value = "./*[position() <= " & (CStr(intPage) * intRecordsPerPage) & " and position() > " & (CInt(intPage) - 1) * intRecordsPerPage & "]"   
334redisplay (intPage)   
335End If   
336  
337End Function   
338  
339' 处理“上一页”   
340Function previousPage(intPage)   
341  
342Dim strDisplay   
343Dim strDateRange   
344  
345If intPage > 1 Then   
346intPage = CInt(intPage) - 1   
347Style.XMLDocument.selectNodes(" //@OnClick")(1).Value = "previousPage(" & intPage & ")"   
348Style.XMLDocument.selectNodes(" //@OnClick")(2).Value = "nextPage(" & intPage & ")"   
349Style.XMLDocument.selectNodes("//xsl:for-each/@select")(1).Value = "./*[position() <= " & (CStr(intPage) * intRecordsPerPage) & " and position() > " & (CInt(intPage) - 1) * intRecordsPerPage & "]"   
350redisplay (intPage)   
351End If   
352  
353End Function   
354  
355' “第一页”的处理   
356Function FirstPage()   
357  
358Style.XMLDocument.selectNodes(" //@OnClick")(1).Value = "previousPage(1)"   
359Style.XMLDocument.selectNodes(" //@OnClick")(2).Value = "nextPage(1)"   
360Style.XMLDocument.selectNodes("//xsl:for-each/@select")(1).Value = "./*[position() < " & intRecordsPerPage + 1 & " and position() > 0]"   
361transform()   
362setPageCount()   
363  
364End Function   
365  
366' “最末页”的处理   
367Function LastPage()   
368  
369Dim intTotalPages   
370Dim intTotalRecords   
371  
372intTotalPages = getNumberOfPages(intTotalRecords)   
373nextPage (intTotalPages - 1)   
374  
375End Function   
376</script>
377</head>
378<body>
379<p align="center" style="font-weight:bold;font-size:12pt;color:#0000FF;border-bottom:3px double red;padding-bottom:5px">客户关系表</p>
380<xml id="Data">   
381&lt;客户关系表 xmlns:dt="urn:schemas-microsoft-com:datatypes"&gt;   
382&lt;客户&gt;&lt;序号 dt:dt="int"&gt;01<!--序号-->&lt;姓名&gt;Mi<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
383&lt;客户&gt;&lt;序号 dt:dt="int"&gt;02<!--序号-->&lt;姓名&gt;uyi<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
384&lt;客户&gt;&lt;序号 dt:dt="int"&gt;03<!--序号-->&lt;姓名&gt;uiyu<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
385&lt;客户&gt;&lt;序号 dt:dt="int"&gt;04<!--序号-->&lt;姓名&gt;Doug<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
386&lt;客户&gt;&lt;序号 dt:dt="int"&gt;05<!--序号-->&lt;姓名&gt;Ellen<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
387&lt;客户&gt;&lt;序号 dt:dt="int"&gt;06<!--序号-->&lt;姓名&gt;Frank<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
388&lt;客户&gt;&lt;序号 dt:dt="int"&gt;07<!--序号-->&lt;姓名&gt;Greg<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
389&lt;客户&gt;&lt;序号 dt:dt="int"&gt;08<!--序号-->&lt;姓名&gt;Harry<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
390&lt;客户&gt;&lt;序号 dt:dt="int"&gt;09<!--序号-->&lt;姓名&gt;Ingrid<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
391&lt;客户&gt;&lt;序号 dt:dt="int"&gt;10<!--序号-->&lt;姓名&gt;Jeff<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
392&lt;客户&gt;&lt;序号 dt:dt="int"&gt;11<!--序号-->&lt;姓名&gt;Kelly<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
393&lt;客户&gt;&lt;序号 dt:dt="int"&gt;12<!--序号-->&lt;姓名&gt;Larry<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
394&lt;客户&gt;&lt;序号 dt:dt="int"&gt;13<!--序号-->&lt;姓名&gt;Mark<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
395&lt;客户&gt;&lt;序号 dt:dt="int"&gt;14<!--序号-->&lt;姓名&gt;Nancy<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
396&lt;客户&gt;&lt;序号 dt:dt="int"&gt;15<!--序号-->&lt;姓名&gt;Peter<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
397&lt;客户&gt;&lt;序号 dt:dt="int"&gt;16<!--序号-->&lt;姓名&gt;Rachel<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
398&lt;客户&gt;&lt;序号 dt:dt="int"&gt;17<!--序号-->&lt;姓名&gt;Seth<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->   
399&lt;客户&gt;&lt;序号 dt:dt="int"&gt;18<!--序号-->&lt;姓名&gt;Tim<!--姓名-->&lt;电子邮件&gt;[email protected]<!--电子邮件--><!--客户-->
400<!--客户关系表-->
401</xml>
402<xml id="Style" src="Style.xsl"></xml>
403<div id="DisplayArea"></div>
404<table border="0" style="font-size:11pt;" width="100%">
405<tr>
406<td align="right">资料来源:【<a href=" http://lucky.myrice.com ">孟宪会之精彩世界</a>】</td>
407</tr>
408</table>
409</body>
410</html>   
411  
412把上面的内容拷贝到本地计算机上,分别保存为相应的文件,在IE5+和XML3.0+的环境下即可看到效果!</xsl:for-each></xsl:for-each></xsl:for-each></xsl:stylesheet></xsl:stylesheet></xsl:stylesheet>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus