En son web geliştirme öğreticiler
 

XSLT - Dönüşüm


Örnek Çalışma: Nasıl XSLT kullanarak XHTML içine XML dönüştürmek için?

Bu örneğin detayları sonraki bölümde açıklanacaktır.


Doğru stil sayfası Bildirimi

Belgeyi beyan kök öğesi bir XSL stil sayfası olduğunu olmayı <xsl:stylesheet> veya <xsl:transform> .

Note: <xsl:stylesheet> ve <xsl:transform> tamamen eşanlamlı ve her ikisi de kullanılabilir vardır!

Doğru yolu W3C XSLT Tavsiyeler göre bir XSL stil sayfası ilan etmek:

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

veya:

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

XSLT elemanları, nitelik ve özelliklere erişmek için biz belgenin üst kısmında XSLT ad bildirmek zorundadır.

xmlns: Resmi W3C XSLT ad xsl = "http://www.w3.org/1999/XSL/Transform" işaret ediyor. Bu ad kullanırsanız, ayrıca nitelik version = "1.0" içermelidir.


Bir Ham XML belgesi ile başlayın

Biz istiyoruz transform aşağıdaki XML belgesi ("cdcatalog.xml") XHTML içine:

<?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: XML dosyası açın (aşağıdaki linke tıklayın) - XML belgesi renk kodlu kökü ve çocuk elemanları ile görüntülenecektir (except in Safari) . Çoğu zaman, bir artı vardır (+) ya da eksi işareti (-) genişletmek veya eleman yapının çökmesinin sağlanması için tıklandığında edilebilir elemanların solunda. İpucu: XML dosyasında ham XML kaynağını sağ tıklayın görüntüleyebilir ve "Kaynağı Görüntüle" seçeneğini seçin!

Görünüm "cdcatalog.xml"


Bir XSL stil sayfası oluşturma

Sonra bir XSL stil sayfası oluşturmak ("cdcatalog.xsl") bir dönüşüm şablonuyla:

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

Görünüm "cdcatalog.xsl"


XML belgesi için XSL stil sayfası bağla

XML belgesine XSL stil sayfası başvurusu ekleme ("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>

Eğer bir XSLT uyumlu tarayıcınız varsa o güzel olacak transform XHTML içine XML.

sonucu görmek

Örneğin ayrıntıları yukarıda sonraki bölümlerde anlatılacaktır.