Latest web development tutorials

transformation XSLT

Etude de cas: comment utiliser XSLT pour transformer XML en XHTML.

Nous allons détailler dans le prochain chapitre de cet exemple sera expliqué.


déclaration de feuille de style Correct

Le document déclaré comme élément XSL stylesheet racine est <xsl: stylesheet> ou <xsl: transform>.

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

Selon le standard XSLT du W3C, bonne façon de déclarer 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 à des éléments XSLT, les attributs et caractéristiques, nous devons en haut du XSLT document de déclaration d'espace.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform~~number=plural" points à l'espace de noms officiel XSLT W3C. Si vous utilisez cet espace de noms, il doit inclure la version d'attribut = "1.0".


Partir d'un document XML original début

Nous voulons maintenant le document suivant XML ( "de cdcatalog.xml")est converti 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 le fichier XML dans Firefox et Internet Explorer:Ouvrez le fichier XML (généralement en cliquant sur un lien) - document XML sera un code couleur des façons d'afficher l'élément racine et les éléments enfants. Cliquez sur le côté gauche de l'élément signe plus (+) ou moins (-) pour agrandir ou réduire des éléments structurels. Pour afficher le fichier source XML d'origine (sans signes plus et moins), sélectionnez "source de la page" ou "Afficher la source" dans le menu de votre navigateur.

Vérifiez le fichier XML dans Netscape 6: Ouvrez lefichier XML, puis cliquez-droit dans un fichier XML et sélectionnez "source de la page." document XML sera un code couleur des façons d'afficher l'élément racine et les éléments enfants.

Vérifiez le fichier XML dans Opera 7: Ouvrez lefichier XML, puis cliquez-droit dans le fichier XML, sélectionnez "Frame" / "Afficher la source." document XML sera affiché comme du texte.

Voir "cdcatalog.xml"


Créer feuilles de style XSL

Ensuite, créez une feuille de style conversion de modèle XSL avec ( "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>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>

Voir "cdcatalog.xsl"


La feuille lien de style XSL à un document XML

Le document XML ( "de cdcatalog.xml") pour ajouter une référence à une feuille de style XSL:

<?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 vous utilisez un navigateur compatible avec XSLT, il serait bon de mettre votre XMLen XHTML.

Voir les résultats

Nous allons dans le prochain chapitre de l'exemple ci-dessus pour expliquer les détails.