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

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

＜?xml version="1.0" encoding="gb2312"?＞
＜!-- edited with XMLSPY v2004 rel. 4 U (http://www.xmlspy.com) by Dicky (Apple'S Eden) --＞
　＜UserInfo＞
　　＜Field ID="Name" TabOrder="1"＞
　　　＜FieldValue＞Dicky＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="Sex" TabOrder="2"＞
　　　＜FieldValue＞Male＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="UnitName" TabOrder="3"＞
　　　＜FieldValue＞ShangHai Ateam Company＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="Address" TabOrder="4"＞
　　　＜FieldValue＞ShangHai,ZhongShan West Road 1800#,Room 26A＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="Tel" TabOrder="5"＞
　　　＜FieldValue＞13800138000＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="EMail" TabOrder="6"＞
　　　＜FieldValue＞AppleBBS@GMail.Com＜/FieldValue＞
　　＜/Field＞
＜/UserInfo＞ 

　　XSL檔案：UserData.xsl

＜?xml version="1.0" encoding="gb2312"?＞
＜!-- edited with XMLSPY v2004 rel. 4 U (http://www.xmlspy.com) by Dicky (Apple'S Eden) --＞
＜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＞Edit UserInfo：＜/h1＞
　　＜table border="1" cellpadding="2"＞
　　＜xsl:for-each select="UserInfo/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="FieldValue"/＞＜/xsl:attribute＞
　　　　＜/input＞
　　　＜/td＞
　　＜/tr＞
　　＜/xsl:for-each＞
　　＜/table＞
　　＜br/＞
　　＜input type="submit" id="btnSubmit" name="btnSubmit" value="Edit"/＞
　＜/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 檔案的路徑和檔案名稱字
　'-----------------------------------------------------------
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 檔案。
　For 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) & "']/FieldValue")
　　　'把表單提交的資料和 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"?＞
＜!-- edited with XMLSPY v2004 rel. 4 U (http://www.xmlspy.com) by Dicky (Apple'S Eden) --＞
＜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＞Updated UserInfo：＜/h1＞
＜table border="1" cellpadding="2"＞
　＜xsl:for-each select="UserInfo/Field"＞
　＜tr＞
　　＜td＞
　　　＜xsl:value-of select="@ID"/＞
　　＜/td＞
　　＜td＞
　　　＜xsl:value-of select="FieldValue"/＞
　　＜/td＞
　＜/tr＞
　＜/xsl:for-each＞
＜/table＞
＜form＞
＜input type="button" value="Go Back" /＞
＜/form＞
＜/body＞
＜/html＞
＜/xsl:template＞
＜/xsl:stylesheet＞ 

　　以上只是XML跨平台應用的一個簡單的例子，結合具體的需求，我們可以編寫功能更強大的程式來完成我們更負雜的工作。所有程式在Windows 2003 En+IIS 6.0+IE6.0+MSXML3.Dll環境下調試通過。