Ultimele tutoriale de dezvoltare web
 

XSLT - Transformare


Exemplu de studiu: Cum de a transforma XML în XHTML folosind XSLT?

Detaliile acestui exemplu vor fi explicate în capitolul următor.


Stil corect Declarația foaie

Elementul rădăcină care declară documentul să fie o foaie de stil XSL este <xsl:stylesheet> sau <xsl:transform> .

Note: <xsl:stylesheet> și <xsl:transform> sunt complet sinonime și fie pot fi folosite!

Modul corect de a declara o foaie de stil XSL în conformitate cu Recomandarea W3C XSLT este:

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

sau:

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

Pentru a avea acces la XSLT elementele, atributele și caracteristicile noi trebuie să declare spațiul de nume XSLT la partea de sus a documentului.

Xmlns: xsl = puncte „http://www.w3.org/1999/XSL/Transform“ oficiale spațiul de nume W3C XSLT. Dacă utilizați acest spațiu de nume, trebuie să includă, de asemenea, versiunea atribut = „1.0“.


Începeți cu un document Raw XML

Dorim să transform următorul document XML ("cdcatalog.xml") în 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: Deschideți fișierul XML (click pe link - ul de mai jos) - Documentul XML va fi afișat cu rădăcină cu coduri de culori și elemente copil (except in Safari) cu (except in Safari) . De multe ori, există un plus (+) sau semnul minus (-) la stânga a elementelor care pot fi apasate pentru a extinde sau restrânge structura elementului. Indicație: Pentru a vizualiza sursa XML brută, faceți clic cu butonul din dreapta în fișierul XML și selectați „View Source“!

Vezi "cdcatalog.xml"


Creați o foaie de stil XSL

Apoi , creați o foaie de stil XSL ("cdcatalog.xsl") , cu un model de transformare:

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

Vezi "cdcatalog.xsl"


Link Sheet XSL Style la document XML

Adăugați referința foaie de stil XSL la documentul 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>

Dacă aveți un browser compatibil XSLT acesta frumos va transform XML în XHTML.

Vezi rezultatul

Detaliile cu privire la exemplul de mai sus vor fi explicate în capitolele următoare.