XSLT-conversie

Casestudie: hoe XSLT XML naar XHTML te converteren.

We zullen in het volgende hoofdstuk de details van dit voorbeeld uitleggen.

Juiste stijltabelverklaring

De documentverklaring tot de root-element van de XSL-stijltabel is <xsl:stylesheet> of <xsl:transform>.

Opmerking: <xsl:stylesheet> en <xsl:transform> zijn volledig synoniem en kunnen beide worden gebruikt!

Volgens de W3C XSLT-standaard is de juiste manier om een XSL-stijltafel te declareren:

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

Ofwel:

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

Om de elementen, eigenschappen en eigenschappen van XSLT te kunnen benaderen, moeten we de XSLT-naamruimte op de documenttop verklaard hebben.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" wijst naar de officiële W3C XSLT-naamruimte. Als je deze naamruimte gebruikt, moet je de eigenschap version="1.0" opnemen.

Van een oorspronkelijke XML-document startend

We moeten nu het volgende XML-document ("cdcatalog.xml") omzetten naar XHTML:

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

Bekijk XML-bestanden in Internet Explorer en Firefox:

Open het XML-bestand (meestal door op een link te klikken) - de XML-documenten worden weergegeven in een geColouriseerde code weergave van de root-elementen en hun sub-elementen. Klik op het plus of min-teken links van het element om de structuur uit te vouwen of in te klappen. Als je de oorspronkelijke XML-bron wilt bekijken (zonder plus en min-teken), kies dan 'Bekijk pagina broncode' in het browsermenu.

Bekijk XML-bestanden in Netscape 6:

Open het XML-bestand, klik vervolgens met de rechtermuisknop in het XML-bestand en kies "Bekijk pagina broncode". Het XML-document wordt weergegeven als gekleurde code van de root-elementen en sub-elementen.

Bekijk het XML-bestand in Opera 7:

Open het XML-bestand, klik vervolgens met de rechtermuisknop in het XML-bestand en kies "Frame"/"Bekijk broncode". Het XML-document wordt weergegeven als puur tekst.

Bekijk"cdcatalog.xml".

Maak een XSL-stijlblad

Maak vervolgens een XSL-stijlblad met een transformatietemplate aan ("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>Mijn CD-collectie</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Titel</th>
      <th align="left">Artiest</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>

Bekijk "cdcatalog.xsl"

Koppel het XSL-stijlblad aan het XML-document

Voeg een XSL-stijlblad toe aan het XML-document ("cdcatalog.xml"):

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

Als uw browser XSLT compatibel is, zal het uw XML probleemloos omzetten naar Converteren naar XHTML.

Bekijk Resultaat.

We zullen in het volgende gedeelte de details van het bovenstaande voorbeeld uitleggen.