Neueste Web-Entwicklung Tutorials
 

XSLT - Transformation


Beispiel Studie: Wie XML in XHTML verwandeln XSLT verwenden?

Die Einzelheiten dieses Beispiels wird im nächsten Kapitel erläutert.


Correct Style Sheet Erklärung

Das Wurzelelement, das das Dokument erklärt , ein XSL - Stylesheet sein <xsl:stylesheet> oder <xsl:transform> .

Note: <xsl:stylesheet> und <xsl:transform> sind vollständig synonym und kann entweder verwendet werden!

Der richtige Weg, um einen XSL-Stylesheet nach der W3C XSLT Empfehlung ist zu erklären:

<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 den Zugang zu den XSLT-Elemente, Attribute und Funktionen müssen wir die XSLT-Namensraum am oberen Rand des Dokuments erklären.

Die xmlns: xsl = "http://www.w3.org/1999/XSL/Transform" verweist auf den offiziellen W3C XSLT-Namensraum. Wenn Sie diesen Namespace verwenden, müssen Sie auch das Attribut Version enthalten = „1.0“.


Beginnen Sie mit einem Raw XML-Dokument

Wir wollen transform das folgende XML - Dokument ("cdcatalog.xml") in XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<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>

Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: von (except in Safari) Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: - Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: Öffnen Sie die XML - Datei (klicken Sie auf den Link unten) - Das XML - Dokument wird mit farbcodierten Wurzel und untergeordneten Elemente angezeigt werden (except in Safari) . Oft gibt es ein Plus (+) oder Minuszeichen (-) auf der linken Seite der Elemente , die angeklickt werden können , um die Elementstruktur zu erweitern oder zu reduzieren. Tipp: Um die rohe XML - Quelle, die rechte Maustaste in XML - Datei anzeigen und wählen Sie "View Source"!

Ansicht "cdcatalog.xml"


Erstellen Sie ein XSL-Stylesheet

Dann sind Sie ein XSL - Stylesheet erstellen ("cdcatalog.xsl") mit einer Transformationsvorlage:

<?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>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>

Ansicht "cdcatalog.xsl"


Verknüpfen Sie den XSL-Stylesheet auf das XML-Dokument

Fügen Sie den XSL - Stylesheet Bezug auf Ihr XML - Dokument ("cdcatalog.xml") :

<?xml version="1.0" encoding="UTF-8"?>
<?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 XSLT - konformen Browser haben es schön transform Ihre XML in XHTML.

Sehen Sie das Ergebnis

Die Einzelheiten des obigen Beispiels wird in den nächsten Kapiteln erläutert.