Latest web development tutorials

trasformazione XSLT

Caso studio: come utilizzare XSLT per trasformare XML in XHTML.

Noi dettaglio nel prossimo capitolo di questo esempio saranno spiegati.


dichiarazione di foglio di stile corretto

Il documento dichiarato come elemento root foglio di stile XSL è <xsl: stylesheet> o <xsl: transform>.

Nota: <xsl: stylesheet> e <xsl: trasformare> sono completamente sinonimo e può essere utilizzato!

Secondo lo standard XSLT del W3C, corretto modo per dichiarare un foglio di stile XSL è:

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

oppure:

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

Per accedere agli elementi XSLT, attributi e caratteristiche, dobbiamo in cima alla dichiarazione del namespace XSLT documento.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform~~number=plural" punti a spazio dei nomi ufficiali del W3C XSLT. Se si utilizza questo spazio dei nomi, esso deve includere la versione attributo = "1.0".


Da un inizio documento XML originale

Ora vogliamo il seguente documento XML ( "cdcatalog.xml")viene convertito in 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>

Vedere file XML in Firefox e Internet Explorer: Aprire il file XML (di solito facendo clic su un link) - documento XML colorerà codice di modi per visualizzare l'elemento principale e gli elementi figlio.Istruzioni sul lato sinistro dell'elemento segno più (+) o meno (-) per espandere o ridurre gli elementi strutturali. Per visualizzare il file sorgente XML originale (senza segni più e meno), selezionare "Visualizza sorgente pagina" o "View Source" nel menu del browser.

Controllare il file XML in Netscape 6: Aprire ilfile XML, quindi fare clic destro in file XML e selezionare "Visualizza sorgente pagina". documento XML colorerà codice di modi per visualizzare l'elemento principale e gli elementi figlio.

Controllare il file XML in Opera 7: Aprire ilfile XML, quindi fare clic destro nel file XML, selezionare "Frame" / "Visualizza origine". documento XML verrà visualizzato come testo normale.

Vedere "cdcatalog.xml"


Creare fogli di stile XSL

Quindi creare un foglio di stile XSL di conversione modello con ( "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>

Vedere "cdcatalog.xsl"


Il foglio di collegamento di stile XSL a un documento XML

Il documento XML ( "cdcatalog.xml") per aggiungere un riferimento a un foglio di stile 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>

Se stai usando un browser compatibile con XSLT, sarebbe bene mettere il vostro XMLin XHTML.

Guarda i risultati

Ci sarà nel prossimo capitolo del precedente esempio per spiegare i dettagli.