Gli ultimi tutorial di sviluppo web
 

XSLT - Trasformazione


studio Esempio: Come trasformare XML in XHTML utilizzando XSLT?

I dettagli di questo esempio verrà spiegato nel prossimo capitolo.


Dichiarazione foglio di stile corretto

L'elemento principale che dichiara il documento da un foglio di stile XSL è <xsl:stylesheet> o <xsl:transform> .

Note: <xsl:stylesheet> e <xsl:transform> sono completamente sinonimo eo può essere utilizzato!

Il modo corretto per dichiarare un foglio di stile XSL in base alla raccomandazione W3C XSLT è:

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

o:

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

Per accedere ai XSLT elementi, attributi e caratteristiche che dobbiamo dichiarare il namespace XSLT nella parte superiore del documento.

Il xmlns: xsl = "http://www.w3.org/1999/XSL/Transform" punti allo spazio dei nomi ufficiali del W3C XSLT. Se si utilizza questo spazio dei nomi, è necessario includere anche la versione di attributo = "1.0".


Inizia con un documento XML Raw

Vogliamo transform il seguente documento XML ("cdcatalog.xml") in XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<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>

Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: aprire il file XML (cliccate sul link qui sotto) - Il documento XML verrà visualizzato con radice color-coded ed elementi figlio (except in Safari) . Spesso, v'è un plus (+) o un segno meno (-) alla sinistra degli elementi che è possibile fare clic per espandere o comprimere la struttura elemento. Suggerimento: per visualizzare il sorgente XML grezzo, tasto destro del mouse in file XML e selezionare "Visualizza origine"!

Vedi "cdcatalog.xml"


Creare un foglio di stile XSL

Quindi si crea un foglio di stile XSL ("cdcatalog.xsl") con un modello di trasformazione:

<?xml version="1.0" encoding="UTF-8"?>

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

Vedi "cdcatalog.xsl"


Collegare il foglio di stile XSL al documento XML

Aggiungere il riferimento foglio di stile XSL per il documento XML ("cdcatalog.xml") :

<?xml version="1.0" encoding="UTF-8"?>
<?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 si dispone di un browser compatibile con XSLT sarà piacevolmente transform il vostro XML in XHTML.

Visualizza il risultato

I dettagli dell'esempio sopra saranno spiegati nei capitoli successivi.