XSLT- XMLの編集

XMLファイルに保存されているデータは、インターネットブラウザから編集できます。

XMLを開き、編集して保存します

次に、サーバーに保存されているXMLファイルを開いて編集し、保存する方法を示します。

XSLを使用してXMLドキュメントをHTMLフォームに変換します。XML要素の値は、HTMLフォームのHTML入力フィールドに書き込まれます。HTMLフォームは編集可能です。データを編集した後、データはサーバーに送信され、XMLファイルが更新されます（PHPとASPの両方のコードを表示します）。

XMLファイルとXSLファイル

まず、XMLドキュメント（ "tool.xml"）を見てください。

<?xml version="1.0" encoding="UTF-8"?>
<tool>
<field id="prodName">
    <value>HAMMER HG2606</value>
</field>
<field id="prodNo">
    <value>32456240</value>
</field>
<field id="price">
    <value>$30.00</value>
</field>
</tool>

XMLファイルを表示します。

次に、次のスタイルシート（ "tool.xsl"）を見てください。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<form method="post" action="edittool.asp">
<h2>Tool Information (edit):</h2>
<table border="0">
    <xsl:for-each select="tool/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="value" />
      </xsl:attribute>
      </input>
      </td>
    </tr>
    </xsl:for-each>
</table>
<br />
<input type="submit" id="btn_sub" name="btn_sub" value="Submit" />
<input type="reset" id="btn_res" name="btn_res" value="Reset" />
</form>
</body>
</html>
</xsl:template>

</xsl:stylesheet>

XSLファイルを表示します。

上記のXSLファイルは、XMLファイル内の要素をループし、XML「フィールド」要素ごとに1つの入力フィールドを作成します。XMLの「field」要素の「id」属性の値は、各HTML入力フィールドの「id」属性と「name」属性の両方に追加されます。各XML「value」要素の値は、各HTML入力フィールドの「value」属性に追加されます。結果は、XMLファイルの値を含む編集可能なHTMLフォームです。

次に、2番目のスタイルシート「tool_updated.xsl」があります。これは、更新されたXMLデータを表示するために使用されるXSLファイルです。このスタイルシートは、編集可能なHTMLフォームではなく、静的なHTMLテーブルになります。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<h2>Updated Tool Information:</h2>
<table border="1">
    <xsl:for-each select="tool/field">
    <tr>
      <td><xsl:value-of select="@id" /></td>
      <td><xsl:value-of select="value" /></td>
    </tr>
    </xsl:for-each>
</table>
</body>
</html>
</xsl:template>

</xsl:stylesheet>

XSLファイルを表示します。

PHPファイル

上記の「tool.xsl」ファイルで、HTMLフォームのaction属性を「edittool.php」に変更します。

「edittool.php」ページには2つの関数が含まれています。loadFile（）関数は表示用にXMLファイルをロードして変換し、updateFile（）関数は変更をXMLファイルに適用します。

<?php
function loadFile($xml, $xsl)
{
$xmlDoc = new DOMDocument();
$xmlDoc->load($xml);

$xslDoc = new DOMDocument();
$xslDoc->load($xsl);

$proc = new XSLTProcessor();
$proc->importStyleSheet($xslDoc);
echo $proc->transformToXML($xmlDoc);
}

function updateFile($xml)
{
$xmlLoad = simplexml_load_file($xml);
$postKeys = array_keys($_POST);

foreach($xmlLoad->children() as $x)
{
foreach($_POST as $key=>$value)
{
    if($key == $x->attributes())
    {
      $x->value = $value;
    }
}
}

$xmlLoad->asXML($xml);
loadFile($xml,"tool_updated.xsl");
}

if($_POST["btn_sub"] == "")
{
loadFile("tool.xml", "tool.xsl");
}
else
{
updateFile("tool.xml");
}
?>

ヒント： PHPの書き方がわからない場合は、 PHPチュートリアルをご覧ください。

注：変換を実行し、サーバー上のXMLファイルに変更を適用しています。これはクロスブラウザソリューションです。クライアントはサーバーからのみHTMLを取得します。これは、どのブラウザでも機能します。

ASPファイル

上記の「tool.xsl」ファイルのHTMLフォームには、値が「edittool.asp」のaction属性があります。

「edittool.asp」ページには2つの関数が含まれています。loadFile（）関数は表示用にXMLファイルをロードして変換し、updateFile（）関数は変更をXMLファイルに適用します。

<%
function loadFile(xmlfile,xslfile)
Dim xmlDoc,xslDoc
'Load XML and XSL file
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
set xslDoc = Server.CreateObject("Microsoft.XMLDOM")
xslDoc.async = false
xslDoc.load(xslfile)
'Transform file
Response.Write(xmlDoc.transformNode(xslDoc))
end function

function updateFile(xmlfile)
Dim xmlDoc,rootEl,f
Dim i
'Load XML file
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)

'Set the rootEl variable equal to the root element
Set rootEl = xmlDoc.documentElement

'Loop through the form collection
for i = 1 To Request.Form.Count
'Eliminate button elements in the form
if instr(1,Request.Form.Key(i),"btn_")=0 then
    'The selectSingleNode method queries the XML file for a single node
    'that matches a query. This query requests the value element that is
    'the child of a field element that has an id attribute which matches
    'the current key value in the Form Collection. When there is a match -
    'set the text property equal to the value of the current field in the
    'Form Collection.
    set f = rootEl.selectSingleNode("field[@id='" & _
    Request.Form.Key(i) & "']/value")
    f.Text = Request.Form(i)
end if
next

'Save the modified XML file
xmlDoc.save xmlfile

'Release all object references
set xmlDoc=nothing
set rootEl=nothing
set f=nothing

'Load the modified XML file with a style sheet that
'allows the client to see the edited information
loadFile xmlfile,server.MapPath("tool_updated.xsl")
end function

'If form is submitted, update the XML file and display result
' - if not, transform the XML file for editing
if Request.Form("btn_sub")="" then
loadFile server.MapPath("tool.xml"),server.MapPath("tool.xsl")
else
updateFile server.MapPath("tool.xml")
end if
%>

❮ 前次 ❯

XMLチュートリアル

XML AJAX

XML DOM

XPathチュートリアル

XSLTチュートリアル

XQueryチュートリアル

XML DTD

XSDスキーマ

XSDコンプレックス

XSDデータ

Webサービス

参考文献

XSLT- XMLの編集

XMLを開き、編集して保存します

XMLファイルとXSLファイル

PHPファイル

ASPファイル