Daten, die in XML-Dateien können von einem Internet-Browser bearbeitet werden.
Öffnen, Bearbeiten und Speichern von XML
Jetzt werden wir zeigen, wie zu öffnen, bearbeiten, und eine XML-Datei speichern, die auf dem Server gespeichert ist.
Wir werden XSL verwenden, um das XML-Dokument in ein HTML-Formular zu verwandeln. Die Werte der XML-Elemente in HTML-Eingabefeldern in einem HTML-Formular geschrieben werden. Das HTML-Formular ist editierbar. Nachdem die Daten bearbeiten, wird die eingereichten Daten an den Server zurück und die XML - Datei aktualisiert wird (we will show code for both PHP and ASP) .
Die XML-Datei und die XSL-Datei
Zuerst nehmen Sie einen Blick auf das XML - Dokument ("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>
Sehen Sie sich die XML - Datei .
Dann werfen Sie einen Blick auf die folgende Stylesheet ("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>
Die XSL - Datei über eine Schleife durch die Elemente in der XML - Datei und erstellt ein Eingabefeld für jedes XML "field" Element. Der Wert der XML "field" Elements "id" Attribut wird hinzugefügt , um sowohl die "id" und "name" Attribute jedes HTML - Eingabefeld. Der Wert jedes XML "value" Element mit dem zusätzlichen "value" Attribut jedes HTML - Eingabefeld. Das Ergebnis ist ein editierbare HTML-Formular, das die Werte aus der XML-Datei enthält.
Dann haben wir ein Blatt zweiten Stil: "tool_updated.xsl" . Dies ist die XSL-Datei, die verwendet wird, um die aktualisierte XML-Daten anzuzeigen. Dieses Stylesheet wird in einem bearbeitbaren HTML-Formular nicht zur Folge hat, sondern eine statische HTML-Tabelle:
<?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>
Die ASP-Datei
Das HTML - Formular in der "tool.xsl" Datei oben hat ein action - Attribut mit einem Wert von "edittool.asp" .
Die "edittool.asp" Seite enthält zwei Funktionen: Die loadFile() Funktion lädt und transformiert die XML - Datei für die Anzeige und die updateFile() Funktion , um die Änderungen an der XML - Datei gilt:
<%
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
%>
Tip: Wenn Sie nicht wissen , wie ASP zu schreiben, benutzen Sie bitte unsere studieren ASP - Tutorial .
Die PHP-Datei
In der "tool.xsl" Datei oben, ändern Sie das action - Attribut des HTML - Formular "edittool.php" .
Die "edittool.php" Seite enthält zwei Funktionen: Die loadFile() Funktion lädt und transformiert die XML - Datei für die Anzeige und die updateFile() Funktion , um die Änderungen an der XML - Datei gilt:
<?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");
}
?>Tipp: Wenn Sie nicht wissen , wie PHP zu schreiben, benutzen Sie bitte unseren studieren PHP Tutorial .
Note: Wir haben die Transformation tun , und die Anwendung der Änderungen an der XML - Datei auf dem Server. Dies ist eine Cross-Browser-Lösung. Der Kunde bekommt nur HTML vom Server - die in jedem Browser funktionieren.