首頁>網絡編程教程>ASP教程

利用XSL和ASP線上編輯XML文檔

作者：Eve Cole 更新時間：2009-06-23 16:38:26
本文透過一個詳細的例子，來闡述了線上編輯XML文件資料的方法。由於Netscape對XML的支援較為弱，因此，要實作跨平台的資料交換，資料的處理必須在伺服器端進行。要編輯XML文檔，首先要做的事情就是怎樣把這些資料提取並顯示給訪問者，XSL為我們顯示XML文件提供了一個很好的解決方案。下面的例子就是利用XSL樣式單把XML文檔顯示出來，供使用者進行編輯，然後再把編輯後的資料提交到伺服器，在伺服器端進行資料的更新。這裡採用ASP（Active Server Pages）來完成我們的任務。
首先，載入我們要進行編輯的XML文檔，利用微軟的文檔物件模型（Microsoft XMLDOM Object）和XSL，XML文檔就可以在伺服器端轉換成可以在客戶端顯示的HTML文件內容。下面先來看看我們使用的XML和XSL檔案是什麼樣子的。
XML檔案：userdata.xml
<?xml version="1.0" encoding="gb2312"?>
<使用者資料>
<field id="姓名" taborder="1">
<field_value>孟子</field_value>
</field>
<field id="性別" taborder="2">
<field_value>男</field_value>
</field>
<field id="單位名稱" taborder="3">
<field_value>中國網路技術發展公司北京分公司</field_value>
</field>
<field id="詳細地址" taborder="4">
<field_value>北京市嘉里中心102樓</field_value>
</field>
<field id="電話" taborder="5">
<field_value>1391139136*</field_value>
</field>
<field id="電子郵件" taborder="6">
<field_value>[email protected]</field_value>
</field>
</用戶資料>
'www.knowsky.com
XSL檔案：userdata.xsl
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet xmlns:xsl=" http://www.w3.org/TR/WD-xsl ">
<xsl:template match="/">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<body>
<form method="post" action="Edituserdata.asp">
<h1>使用者資料編輯：</h1>
<table border="1" cellpadding="2">
<xsl:for-each select="用戶資料/field">
<tr>
<td>
<xsl:value-of select="@id"/>
</td>
<td>
<input type="text"> <xsl:attribute name="id"> <xsl:value-of select="@id" /> </xsl:attribute> <xsl:attribute name="name"><xsl :value-of select="@id" /></xsl:attribute> <xsl:attribute name="value"> <xsl:value-of select="field_value" /> </xsl:attribute></input >
</td>
</tr>
</xsl:for-each>
</table>
<br />
<input type="submit" id="btnSubmit" name="btnSubmit" value="完成編輯" />
</form>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
XSL文件使用了XSL：for-each元素的來遍歷整個XML文件，XML文件裡每個「field」元素的「id」屬性和HTML表單的文字輸入框的「id」和「name」想對應。這樣，HTML表單的文字輸入框就顯示出了XML檔案的元素值。此文件負責XML文件在伺服器端的轉換，以便能在各種瀏覽器上顯示。
以下是關鍵的程序，它實現開啟和更新XML文件的功能，並根據表單的提交與否，來決定是否進行更新。它包含了兩個函數，loadXMLFile負責載入和轉換要顯示的XML檔案；updateXML函數負責更新XML檔案。
Edituserdata.asp程式如下：
<%
''------------------------------------------------ -----------
''定義函數loadXMLFile(),接收二個參數：
''strXMLFile - XML 檔案的路徑和檔案名字
''strXSLFilee - XSL 檔案的路徑和檔案名字
''www.knowsky.com
''------------------------------------------------ -----------
Function loadXMLFile(strXMLFile, strXSLFile)
''Declare local variables
Dim objXML
Dim objXSL
''實例化XMLDOM 對象，以便載入XML 檔案。
set objXML = Server.CreateObject("Microsoft.XMLDOM")
''關掉檔案非同步載入模式。
objXML.async = false
''載入XML 檔案！
objXML.load(strXMLFile)
''實例化XMLDOM 對象，以便載入XSL 檔案。
set objXSL = Server.CreateObject("Microsoft.XMLDOM")
''關掉檔案非同步載入模式。
objXSL.async = false
''載入XSL 檔案！
objXSL.load(strXSLFile)
''利用XMLDOM 的transformNode 方法，把XSL 樣式表套用到XML 文檔，然後輸出到客戶端。
Response.Write(objXML.transformNode(objXSL))
End Function
''------------------------------------------------ ------------------
''函數updateXML() 接收一個參數：strXMLFile - XML 檔案的路徑和檔案名稱。
''------------------------------------------------ ------------------
Function updateXML(strXMLFile)
''宣告局部變數。
Dim objDom
Dim objRoot
Dim objField
Dim x
''實例化XMLDOM 物件。
set objDOM = Server.CreateObject("Microsoft.XMLDOM")
''關掉檔案非同步載入模式。
objDOM.async = false
''載入XML 檔案。
objDOM.load strXMLFile
''設定根元素。
Set objRoot = objDom.documentElement
''遍歷FORM 集合，並把提交的資料寫入XML 檔案。
為 x = 1 to Request.Form.Count
''檢查提交的資料是否包含按鈕。如果是，請忽略此數據。
If instr(1,Request.Form.Key(x),"btn") = 0 Then
''依照XSL 查詢模式，建立objField 變量，把表單的元素對應到XML 文件裡的對應元素[field_value]。
Set objField = objRoot.selectSingleNode("field[@id=''" & Request.Form.Key(x) & "'']/field_value")
''把表單提交的資料和XML 文件裡的節點值對應起來。
objField.Text = Request.Form(x)
End If
Next
''儲存編輯過的XML 檔案。
objDom.save strXMLFile
''釋放所有對物件的引用。
Set objDom = Nothing
Set objRoot = Nothing
Set objField = Nothing
''呼叫loadXMLFile 函數，把新編輯後的XML 檔案用updateduserdata.xsl 樣式單顯示到客戶端。
loadXMLFile strXMLFile,server.MapPath("updateduserdata.xsl")
End Function
''檢查表單是否成功提交，如提交，更新XML 檔案；否則，請轉到編輯狀態。
If Request.Form("btnSubmit") = "" Then
loadXMLFile server.MapPath("userdata.xml"),server.MapPath("userdata.xsl")
Else
updateXML server.MapPath("userdata.xml")
End If
%>
當表單提交成功後，我們用updateduserdata.xsl來顯示我們剛剛編輯的資料。
updateduserdata.xsl如下：
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet xmlns:xsl=" http://www.w3.org/TR/WD-xsl ">
<xsl:template match="/">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<body>
<h1>更新後的使用者資料如下：</h1>
<table border="1" cellpadding="2">
<xsl:for-each select="用戶資料/field">
<tr>
<td>
<xsl:value-of select="@id" />
</td>
<td>
<xsl:value-of select="field_value" />
</td>
</tr>
</xsl:for-each>
</table>
<form>
<input type="button" value="返回" onclick="history.go(-1)" />
</form>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
以上只是XML跨平台應用的一個簡單的例子，結合具體的需求，我們可以寫出功能更強大的程式來完成我們更負雜的工作。所有程式在WIN98SE+PWS+IE5.5+Netscape 4.75+Netscape 6+MSXML3.DLL環境下調試通過。
相關文章