XSLT-muunnos

Esimerkki tutkimus: Kuinka käyttää XSLT:ää XML:n muuntamiseen XHTML:ksi.

Selitetään seuraavassa tarkemmin tämän esimerkin yksityiskohdat.

Oikea tyyletille ilmoitus

Dokumentin ilmoittaminen XSL-tyyletille juurelementiksi on <xsl:stylesheet> tai <xsl:transform>.

Huomioitavaa: <xsl:stylesheet> ja <xsl:transform> ovat täysin synonyymejä ja molempia voidaan käyttää!

W3C:n XSLT-standardin mukaan XSL-tyyletille oikea ilmoitusmenetelmä on:

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

Tai:

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

Jos haluat käyttää XSLT:n elementtejä, attribuutteja ja ominaisuuksia, meidän täytyy ilmoittaa XSLT:n nimistö dokumentin yläosassa.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" osoittaa viralliseen W3C XSLT-nimistöön. Jos käytät tätä nimistöä, sinun täytyy sisällyttää ominaisuus version="1.0".

Aloitetaan alkuperäisestä XML-dokumentista

Nyt meidän täytyy muuntaa seuraava XML-dokumentti ("cdcatalog.xml") XHTML:ksi:

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

Tarkastele XML-tiedostoa Internet Explorerissä ja Firefoxissa:

Avaa XML-tiedosto (yleensä klikkaamalla linkkiä) - XML-dokumentti näkyy värikoodatuna juurelementtien ja niiden alielementtien muodossa. Napsauttamalla elementin vasemmalla puolella olevaa plussaa tai miinusta voit laajentaa tai supistaa elementin rakennetta. Jos haluat tarkastella alkuperäistä XML-lähdekoodia (ilman plussaa ja miinusta), valitse selaimen valikosta "Näytä sivun lähdekoodi".

Tarkastele XML-tiedostoa Netscape 6:ssa:

Avaa XML-tiedosto, napsauta sitten tiedostoa hiiren oikealla painikkeella XML-tiedostossa ja valitse "Näytä sivun lähdekoodi". XML-dokumentti näkyy värikoodatuna juurelementtien ja niiden alielementtien muodossa.

Tarkastele XML-tiedostoa Opera 7:ssä:

Avaa XML-tiedosto, napsauta sitten tiedostoa hiiren oikealla painikkeella XML-tiedostossa ja valitse "Rakenne"/"Näytä lähdekoodi". XML-dokumentti näkyy pelkän tekstinä.

Tarkastele "cdcatalog.xml".

Luo XSL-tyyliosoite

Luo sitten XSL-tyyliosoite, jossa on muunnosmalli ("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 align="left">Title</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>

Tarkastele "cdcatalog.xsl"

Yhdistä XSL-tyyliosoite XML-dokumenttiin

Lisää XSL-tyyliosoite XML-dokumenttiin ("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>

Jos käyttämäsi selain on yhteensopiva XSLT:n kanssa, se muuntaa XML:n sujuvasti. Muunna XHTML.

Tarkista tulokset.

Selitämme seuraavassa yllä olevan esimerkin yksityiskohtia.