利用XSL和ASP在线编辑XML文档

本文通过一个详细的例子,来阐述了在线编辑XML文档数据的方法。由于Netscape对XML的支持比较弱,因此,要实现跨平台的数据交换,数据的处理必须在服务器端进行。要编辑XML文档,首先要做的事情就是怎样把这些数据提取并显示给访问者,XSL为我们显示XML文件提供了一个很好的解决方案。下面的例子就是利用XSL样式单把XML文档显示出来,供用户进行编辑,然后再把编辑后的数据提交到服务器,在服务器端进行数据的更新。这里采用ASP(Active Server Pages)来完成我们的任务。
首先,载入我们要进行编辑的XML文档,利用微软的文档对象模型(Microsoft XMLDOM Object)和XSL,XML文档就可以在服务器端转换成可以在客户端显示的HTML文件内容。下面先看看我们使用的XML和XSL文件是什么样子的。
XML文件:userdata.xml

<用户资料>

1<field id="姓名" taborder="1">
2<field_value>孟子</field_value>
3</field>
1<field id="性别" taborder="2">
2<field_value>男</field_value>
3</field>
1<field id="单位名称" taborder="3">
2<field_value>中国网络技术发展公司北京分公司</field_value>
3</field>
1<field id="详细地址" taborder="4">
2<field_value>北京市嘉里中心102层</field_value>
3</field>
1<field id="电话" taborder="5">
2<field_value>1391139136*</field_value>
3</field>
1<field id="电子邮件" taborder="6">
2<field_value>[email protected]</field_value>
3</field>

'www.knowsky.com
XSL文件:userdata.xsl

 1<xsl:stylesheet xmlns:xsl=" http://www.w3.org/TR/WD-xsl ">
 2<xsl:template match="/">
 3<html>
 4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 5<body>
 6<form action="Edituserdata.asp" method="post">
 7<h1>用户资料编辑:</h1>
 8<table border="1" cellpadding="2">
 9<xsl:for-each select="用户资料/field">
10<tr>
11<td>
12<xsl:value-of select="@id"></xsl:value-of>
13</td>
14<td>
15<input type="text"/> <xsl:attribute name="id"> <xsl:value-of select="@id"></xsl:value-of> </xsl:attribute> <xsl:attribute name="name"><xsl:value-of select="@id"></xsl:value-of></xsl:attribute> <xsl:attribute name="value"> <xsl:value-of select="field_value"></xsl:value-of> </xsl:attribute>
16</td>
17</tr>
18</xsl:for-each>
19</table>
20<br/>
21<input id="btnSubmit" name="btnSubmit" type="submit" value="完成编辑"/>
22</form>
23</body>
24</html>
25</xsl:template>
26</xsl:stylesheet>

XSL文件使用了XSL:for-each元素的来遍历整个XML文件,XML文件里每个“field”元素的“id”属性和HTML表单的文本输入框的“id”和“name”想对应。这样,HTML表单的文本输入框就显示出了XML文件的元素值。此文件负责XML文档在服务器端的转换,以便能在各种浏览器上显示。
下面是关键的程序,它实现打开和更新XML文档的功能,并根据表单的提交与否,来决定是否进行更新。它包含了两个函数,loadXMLFile负责载入和转换要显示的XML文件;updateXML函数负责更新XML文件。
Edituserdata.asp程序如下:

 1   
 2''-----------------------------------------------------------   
 3''定义函数 loadXMLFile(),接收二个参数:   
 4''strXMLFile - XML 文件的路径和文件名字   
 5''strXSLFilee - XSL 文件的路径和文件名字   
 6''www.knowsky.com   
 7''-----------------------------------------------------------   
 8Function loadXMLFile(strXMLFile, strXSLFile)   
 9''Declare local variables   
10Dim objXML   
11Dim objXSL   
12''实例化 XMLDOM 对象,以便载入 XML 文件。   
13set objXML = Server.CreateObject("Microsoft.XMLDOM")   
14''关掉文件异步载入模式。   
15objXML.async = false   
16''载入 XML 文件!   
17objXML.load(strXMLFile)   
18''实例化 XMLDOM 对象,以便载入 XSL 文件。   
19set objXSL = Server.CreateObject("Microsoft.XMLDOM")   
20''关掉文件异步载入模式。   
21objXSL.async = false   
22''载入 XSL 文件!   
23objXSL.load(strXSLFile)   
24''利用 XMLDOM 的 transformNode 方法,把 XSL 样式表应用到 XML 文档,然后输出到客户端。   
25Response.Write(objXML.transformNode(objXSL))   
26End Function   
27''------------------------------------------------------------------   
28''函数 updateXML() 接收一个参数:strXMLFile - XML 文件的路径和文件名。   
29''------------------------------------------------------------------   
30Function updateXML(strXMLFile)   
31''声明局部变量。   
32Dim objDom   
33Dim objRoot   
34Dim objField   
35Dim x   
36''实例化 XMLDOM 对象。   
37set objDOM = Server.CreateObject("Microsoft.XMLDOM")   
38''关掉文件异步载入模式。   
39objDOM.async = false   
40''载入 XML 文件。   
41objDOM.load strXMLFile   
42''设定根元素。   
43Set objRoot = objDom.documentElement   
44''遍历 FORM 集合,并把提交的数据写入 XML 文件。   
45For x = 1 to Request.Form.Count   
46''检查提交的数据是否包含按钮。如果是,忽略此数据。   
47If instr(1,Request.Form.Key(x),"btn") = 0 Then   
48''按照 XSL 查询模式,建立 objField 变量,把表单的元素对应到 XML 文档里的相应元素[field_value]。   
49Set objField = objRoot.selectSingleNode("field[@id=''" & Request.Form.Key(x) & "'']/field_value")   
50''把表单提交的数据和 XML 文档里的节点值对应起来。   
51objField.Text = Request.Form(x)   
52End If   
53Next   
54''保存编辑过的 XML 文件。   
55objDom.save strXMLFile   
56''释放所有对对象的引用。   
57Set objDom = Nothing   
58Set objRoot = Nothing   
59Set objField = Nothing   
60''调用 loadXMLFile 函数,把新编辑后的 XML 文件用 updateduserdata.xsl 样式单显示到客户端。   
61loadXMLFile strXMLFile,server.MapPath("updateduserdata.xsl")   
62End Function   
63''检查表单是否成功提交,如提交,更新 XML 文件;否则,转到编辑状态。   
64If Request.Form("btnSubmit") = "" Then   
65loadXMLFile server.MapPath("userdata.xml"),server.MapPath("userdata.xsl")   
66Else   
67updateXML server.MapPath("userdata.xml")   
68End If   

当表单提交成功后,我们用updateduserdata.xsl来显示我们刚刚编辑的数据。
updateduserdata.xsl如下:

 1<xsl:stylesheet xmlns:xsl=" http://www.w3.org/TR/WD-xsl ">
 2<xsl:template match="/">
 3<html>
 4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 5<body>
 6<h1>更新后的用户资料如下:</h1>
 7<table border="1" cellpadding="2">
 8<xsl:for-each select="用户资料/field">
 9<tr>
10<td>
11<xsl:value-of select="@id"></xsl:value-of>
12</td>
13<td>
14<xsl:value-of select="field_value"></xsl:value-of>
15</td>
16</tr>
17</xsl:for-each>
18</table>
19<form>
20<input onclick="history.go(-1)" type="button" value="返回"/>
21</form>
22</body>
23</html>
24</xsl:template>
25</xsl:stylesheet>

以上只是XML跨平台应用的一个简单的例子,结合具体的需求,我们可以编写功能更强大的程序来完成我们更负杂的工作。所有程序在WIN98SE+PWS+IE5.5+Netscape 4.75+Netscape 6+MSXML3.DLL环境下调试通过。

Published At
Categories with Web编程
Tagged with
comments powered by Disqus