Latest web development tutorials

XSLT-Transformation

Fallstudie: Wie XSLT zu verwenden XML in XHTML zu transformieren.

Wir werden ausführlich im nächsten Kapitel dieses Beispiels wird erläutert.


Die korrekte Stylesheet Erklärung

Das Dokument als XSL-Stylesheet-Root-Element deklariert ist <xsl: stylesheet> oder <xsl: transform>.

Hinweis: <xsl: stylesheet> und <xsl: transform > sind vollständig synonym und können verwendet werden!

Nach der XSLT-Standard des W3C, richtige Weg, um ein XSL-Stylesheet zu erklären ist:

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

oder:

<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

Um XSLT-Elemente zuzugreifen, Attribute und Eigenschaften, wir am Anfang des Dokuments Namespace-Deklaration XSLT muss.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform" verweist auf offizielle W3C XSLT-Namensraum. Wenn Sie diesen Namensraum zu verwenden, muss es das Attribut Version enthalten = "1.0".


Von einem ursprünglichen XML-Dokument Start

Wir wollen nun das folgende XML - Dokument ( "cdcatalog.xml") zu XHTMLumgewandelt wird:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

Siehe XML - Datei in Firefox und Internet Explorer:Öffnen Sie die XML - Datei ( in der Regel durch Klicken auf einen Link) - XML - Dokument Code von Möglichkeiten , um Farbe wird das Wurzelelement und untergeordneten Elemente anzuzeigen. Klicken Sie auf der linken Seite des Elements Pluszeichen (+) oder Minus (-) zu erweitern oder Strukturelemente schrumpfen. Um die ursprüngliche XML-Quelldatei (ohne die Plus- und Minuszeichen) anzuzeigen, wählen Sie "Ansicht Seite Source" oder "View Source" in Ihrem Browser-Menü.

Überprüfen Sie die XML-Datei in Netscape 6:Öffnen SiedieXML - Datei, dann mit der rechten Maustaste in XML - Datei , und wählen Sie "Ansicht Seite Quelle." XML-Dokument wird Code von Möglichkeiten, Farbelemente das Wurzelelement und Kind anzuzeigen.

Überprüfen Sie die XML-Datei in Opera 7:Öffnen SiedieXML - Datei, dann mit der rechten Maustaste in der XML - Datei, wählen Sie "Frame" / "View Source" . XML-Dokument wird als Klartext angezeigt werden.

Siehe "cdcatalog.xml"


Erstellen Sie XSL-Stylesheets

Dann erstellen Sie eine Vorlage Umwandlung XSL-Stylesheet mit ( "cdcatalog.xsl"):

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>

</xsl:stylesheet>

Siehe "cdcatalog.xsl"


Die XSL-Stylesheet-Link zu einem XML-Dokument

Das XML-Dokument ( "cdcatalog.xml") einen Verweis auf ein XSL-Stylesheet hinzuzufügen:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

Wenn Sie einen Browser kompatibel mit XSLT verwenden, wäre es gut, Ihre XMLin XHTML zu setzen.

Ergebnisse anzeigen

Wir werden im nächsten Kapitel des obigen Beispiels die Details zu erklären.