Transformation XSLT

Étude de cas : comment utiliser XSLT pour convertir XML en XHTML.

Nous expliquerons les détails de cet exemple dans la section suivante.

Déclaration de style correcte

Déclarer le document comme élément racine de la feuille de style XSL est <xsl:stylesheet> ou <xsl:transform>.

Remarque : <xsl:stylesheet> et <xsl:transform> sont synonymes et peuvent être utilisés indifféremment !

Selon les normes XSLT de W3C, la déclaration correcte d'une feuille de style XSL est :

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

Ou :

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

Pour accéder aux éléments, attributs et propriétés de XSLT, nous devons déclarer l'espace de noms XSLT en haut du document.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" pointe vers l'espace de noms officiel de W3C XSLT. Si vous utilisez cet espace de noms, vous devez inclure l'attribut version="1.0".

Commencer avec un document XML original

Nous allons maintenant convertir le document XML suivant ("cdcatalog.xml") en 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>

Voir un fichier XML dans Internet Explorer et Firefox :

Ouvrez le fichier XML (généralement en cliquant sur un lien) - Le document XML s'affichera en couleurs avec le code pour le racine et les éléments enfants. Cliquez sur le plus ou le moins à gauche de l'élément pour développer ou réduire la structure de l'élément. Si vous souhaitez voir le fichier source XML original (sans plus ou moins), choisissez "Voir le code source de la page" dans le menu du navigateur.

Voir un fichier XML dans Netscape 6 :

Ouvrez le fichier XML, puis faites un clic droit sur le fichier XML et choisissez "Voir le code source de la page". Le document XML s'affichera avec le code colorié pour les éléments racine et enfants.

Voir le fichier XML dans Opera 7 :

Ouvrez le fichier XML, puis faites un clic droit sur le fichier XML et choisissez "Cadre"/"Voir le code source". Le document XML s'affichera en tant que texte pur.

Voir "cdcatalog.xml".

Créez une feuille de style XSL

Ensuite, créez une feuille de style XSL avec un modèle de transformation ("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>Ma collection de CD</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Titre</th>
      <th align="left">Artiste</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>

Voir "cdcatalog.xsl"

Lien de la feuille de style XSL vers le document XML

Ajoutez une référence à la feuille de style XSL pour le document XML ("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>

Si votre navigateur est compatible avec XSLT, il transformera votre XML Convertir en XHTML.

Voir les résultats.

Nous expliquerons les détails de l'exemple ci-dessus dans la section suivante.