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 のドキュメントオブジェクトモデル (Microsoft XMLDOM オブジェクト) と XSL を使用すると、XML ドキュメントをサーバー側でクライアント側で表示できる HTML ファイルコンテンツに変換できます。まず、使用する XML ファイルと XSL ファイルがどのようなものかを見てみましょう。
XML ファイル: userdata.xml
<?xml バージョン="1.0" エンコーディング="gb2312"?>
<ユーザープロフィール>
<field id="名前" taborder="1">
<field_value>孟子</field_value>
</フィールド>
<フィールド id="性別" taborder="2">
<field_value>男性</field_value>
</フィールド>
<field id="組織名" taborder="3">
<field_value>中国ネットワーク技術開発公司北京支店</field_value>
</フィールド>
<field id="詳細な住所" taborder="4">
<field_value>北京、ケリーセンター 102 階</field_value>
</フィールド>
<field id="電話" taborder="5">
<field_value>1391139136*</field_value>
</フィールド>
<field id="email" taborder="6">
<field_value>[email protected]</field_value>
</フィールド>
</ユーザープロフィール>
「www.knowsky.com」
XSL ファイル: userdata.xsl
<?xml バージョン="1.0" エンコーディング="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" />
<本文>
<form method="post" action="Edituserdata.asp">
<h1>ユーザープロファイルの編集:</h1>
<table border="1" cellpadding="2">
<xsl:for-each select="ユーザープロファイル/フィールド">
<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>
</テーブル>
<br />
<input type="submit" id="btnSubmit" name="btnSubmit" value="編集を完了" />
</form>
</body>
</html>
</xsl:テンプレート>
</xsl:スタイルシート>
XSL ファイルは、XSL:for-each 要素を使用して XML ファイル全体を調べます。XML ファイル内の各「field」要素の「id」属性は、テキスト入力ボックスの「id」と「name」に対応します。 HTML形式。このように、HTML フォームのテキスト入力ボックスには、XML ファイルの要素値が表示されます。このファイルは、さまざまなブラウザで表示できるように XML ドキュメントをサーバー側で変換する役割を果たします。
以下は、XML ドキュメントを開いて更新する機能を実装し、フォームが送信されたかどうかに基づいて更新するかどうかを決定する主要なプログラムです。これには 2 つの関数が含まれており、loadXMLFile は表示する XML ファイルのロードと変換を担当し、updateXML 関数は XML ファイルの更新を担当します。
Edituserdata.asp プログラムは次のとおりです。
<%
''---------------------------------------------- ----------
''関数loadXMLFile()を定義します。この関数は2つのパラメータを受け取ります:
''strXMLFile - XML ファイルのパスとファイル名
''strXSLFilee - XSL ファイルのパスとファイル名
「www.knowsky.com」
''---------------------------------------------- ----------
関数loadXMLFile(strXMLFile, strXSLFile)
'' ローカル変数を宣言する
薄暗いobjXML
薄暗いobjXSL
'' XMLDOM オブジェクトをインスタンス化して XML ファイルをロードします。
set objXML = Server.CreateObject("Microsoft.XMLDOM")
'' 非同期ファイル読み込みモードをオフにします。
objXML.async = false
「XMLファイルをロードしてください！」
objXML.load(strXMLファイル)
''XMLDOM オブジェクトをインスタンス化して XSL ファイルをロードします。
set objXSL = Server.CreateObject("Microsoft.XMLDOM")
'' 非同期ファイル読み込みモードをオフにします。
objXSL.async = false
「XSLファイルをロードしてください！」
objXSL.load(strXSLファイル)
''XMLDOM のtransformNode メソッドを使用して、XSL スタイルシートを XML ドキュメントに適用し、クライアントに出力します。
Response.Write(objXML.transformNode(objXSL))
終了機能
''---------------------------------------------- ------------------
関数 updateXML() は 1 つのパラメーターを受け取ります: strXMLFile - XML ファイルのパスとファイル名。
''---------------------------------------------- ------------------
関数 updateXML(strXMLFile)
''ローカル変数を宣言します。
薄暗いオブジェクトDom
Dim objRoot
薄暗いオブジェクトフィールド
ディム×
''XMLDOM オブジェクトをインスタンス化します。
set objDOM = Server.CreateObject("Microsoft.XMLDOM")
'' 非同期ファイル読み込みモードをオフにします。
objDOM.async = false
''XML ファイルをロードします。
objDOM.load strXMLFile
''ルート要素を設定します。
objRoot = objDom.documentElement を設定します
'' FORM コレクションを走査し、送信されたデータを XML ファイルに書き込みます。
x = 1 の場合、Request.Form.Count に
'' 送信されたデータにボタンが含まれているかどうかを確認します。その場合は、このデータを無視してください。
instr(1,Request.Form.Key(x),"btn") = 0 の場合
XSL クエリモードに従って、objField 変数を確立し、フォームの要素を XML ドキュメント内の対応する要素 [field_value] にマップします。
Set objField = objRoot.selectSingleNode("field[@id=''" & Request.Form.Key(x) & "'']/field_value")
'' フォームによって送信されたデータを XML ドキュメント内のノード値に対応させます。
objField.Text = リクエスト.フォーム(x)
終了の場合
次
'' 編集した XML ファイルを保存します。
objDom.save strXMLFile
''オブジェクトへのすべての参照を解放します。
objDom = なしを設定します
objRoot = なしを設定します
objField = なしを設定します
''loadXMLFile 関数を呼び出して、updateduserdata.xsl スタイルシートを使用して、新しく編集された XML ファイルをクライアントに表示します。
loadXMLFile strXMLFile,server.MapPath("updateduserdata.xsl")
終了機能
'' フォームが正常に送信されたかどうかを確認し、送信された場合は XML ファイルを更新し、そうでない場合は編集状態に進みます。
Request.Form("btnSubmit") = "" の場合
loadXMLFileserver.MapPath("userdata.xml"),server.MapPath("userdata.xsl")
それ以外
updateXML サーバー.MapPath("userdata.xml")
終了の場合
%>
フォームが正常に送信されたら、updateduserdata.xsl を使用して、編集したばかりのデータを表示します。
updateduserdata.xsl は次のとおりです。
<?xml バージョン="1.0" エンコーディング="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" />
<本文>
<h1>更新されたユーザー情報は次のとおりです:</h1>
<table border="1" cellpadding="2">
<xsl:for-each select="ユーザープロファイル/フィールド">
<tr>
<td>
<xsl:value-of select="@id" />
</td>
<td>
<xsl:value-of select="field_value" />
</td>
</tr>
</xsl:for-each>
</テーブル>
<フォーム>
<input type="button" value="Return" onclick="history.go(-1)" />
</form>
</body>
</html>
</xsl:テンプレート>
</xsl:スタイルシート>
上記は、XML クロスプラットフォームアプリケーションの単純な例にすぎません。特定のニーズに基づいて、より複雑な作業を完了するために、より強力なプログラムを作成できます。すべてのプログラムは、WIN98SE+PWS+IE5.5+Netscape 4.75+Netscape 6+MSXML3.DLL 環境でデバッグされ、渡されました。