XSLT-transformering

Fallstudie: Hur man använder XSLT för att konvertera XML till XHTML.

Vi kommer att förklara detaljerna i detta exempel i nästa avsnitt.

Rätt stylet-deklaration

Att deklarera dokumentet som roden till en XSL-stylet är <xsl:stylesheet> eller <xsl:transform>.

Anmärkning: <xsl:stylesheet> och <xsl:transform> är helt synonyma och kan användas!

Enligt W3C:s XSLT-standarder är det korrekta sättet att deklarera en XSL-stylet:

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

Eller:

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

För att komma åt XSLT:s element, egenskaper och egenskaper måste vi deklarera XSLT-namnrymden på dokumentets topp.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" pekar på den officiella W3C XSLT-namnrymden. Om du använder denna namnrymd måste du inkludera egenskapen version="1.0".

Från en ursprunglig XML-dokument börjar

Nu måste vi konvertera följande XML-dokument ("cdcatalog.xml") till 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>

Visa XML-filen i Internet Explorer och Firefox:

Öppna XML-filen (vanligtvis genom att klicka på en länk) - XML-dokumentet kommer att visas som färgkodat kod för att visa rot- och underelement. Klicka på plus- eller minustecknet till vänster om elementet för att fälla ut eller sammanföja elementets struktur. För att visa den ursprungliga XML-källkoden (utan plus- och minustecken) välj " Visa sidkällkod" i webbläsarmenyn.

Visa XML-filen i Netscape 6:

Öppna XML-filen, högerklicka i XML-filen och välj " Visa sidkällkod". XML-dokumentet kommer att visas som färgkodat kod för att visa rot- och underelement.

Visa XML-filen i Opera 7:

Öppna XML-filen, högerklicka i XML-filen och välj " ram"/" Visa källkod". XML-dokumentet kommer att visas som ren text.

Visa "cdcatalog.xml".

Skapa en XSL-stiltabell

Skapa sedan en XSL-stiltabell med en konverteringsmall ("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>Min CD-samling</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Titel</th>
      <th align="left">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>

Visa "cdcatalog.xsl"

Länka XSL-stiltabellen till XML-dokumentet

Lägg till en XSL-stiltabellreferens till XML-dokumentet ("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>

Om din webbläsare är kompatibel med XSLT, kommer den att hantera din XML Konvertera till XHTML.

Visa resultat.

Vi kommer att förklara detaljerna i det tidigare exemplet i nästa avsnitt.