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

來源:互聯網
上載者:User
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環境下調試通過。



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。