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

2024-05-04 11:06:46

字體：大中小

來源：轉載

供稿：網友

本文通過一個詳細的例子，來闡述了在線編輯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) --＞
?。糢serInfo＞
　　＜Field ID="Name" TabOrder="1"＞
　　?。糉ieldValue＞Dicky＜/FieldValue＞
　　＜/Field＞
　?。糉ield ID="Sex" TabOrder="2"＞
　　?。糉ieldValue＞Male＜/FieldValue＞
　?。?Field＞
　?。糉ield ID="UnitName" TabOrder="3"＞
　　?。糉ieldValue＞ShangHai Ateam Company＜/FieldValue＞
　　＜/Field＞
　?。糉ield ID="Address" TabOrder="4"＞
　　?。糉ieldValue＞ShangHai,ZhongShan West Road 1800#,Room 26A＜/FieldValue＞
　?。?Field＞
　　＜Field ID="Tel" TabOrder="5"＞
　　?。糉ieldValue＞13800138000＜/FieldValue＞
　　＜/Field＞
　　＜Field ID="EMail" TabOrder="6"＞
　　?。糉ieldValue＞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"＞
　?。糷1＞Edit UserInfo：＜/h1＞
　　＜table border="1" cellpadding="2"＞
　?。紉sl:for-each select="UserInfo/Field"＞
　　＜tr＞
　　?。紅d＞
　　　?。紉sl:value-of select="@ID"/＞
　　　＜/td＞
　　?。紅d＞
　　　　＜input type="text"＞
　　　　?。紉sl:attribute name="ID"＞＜xsl:value-of select="@ID"/＞＜/xsl:attribute＞
　　　　　＜xsl:attribute name="Name"＞＜xsl:value-of select="@ID"/＞＜/xsl:attribute＞
　　　　?。紉sl:attribute name="Value"＞＜xsl:value-of select="FieldValue"/＞＜/xsl:attribute＞
　　　　＜/input＞
　　?。?td＞
　?。?tr＞
　　＜/xsl:for-each＞
　?。?table＞
　　＜br/＞
　?。糹nput 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如下:

程序代碼