Latest web development tutorials

transformacja XSLT

Case study: jak korzystać z XSLT do transformacji XML do XHTML.

Mamy szczegółowo w następnym rozdziale tym przykładzie zostanie wyjaśnione.


Prawidłowe zgłoszenie arkusza stylu

Dokument ten został zgłoszony jako elementu głównego arkusza stylów XSL jest <xsl: stylesheet> lub <xsl: transform>.

Uwaga: <xsl: stylesheet> lub <xsl: transform> są całkowicie synonimami i mogą być wykorzystane!

Zgodnie ze standardem W3C XSLT, poprawny sposób zadeklarować arkusza stylów XSL jest:

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

lub:

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

Aby uzyskać dostęp do elementów XSLT, atrybuty i właściwości, musimy na górze XSLT dokumentu deklaracji przestrzeni nazw.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform~~number=plural" Punkty oficjalnych nazw W3C XSLT. W przypadku korzystania z tej przestrzeni nazw, musi ona zawierać wersję atrybut = "1.0".


Z początku oryginalnego dokumentu XML

Teraz chcemy następujący dokument XML ("cdcatalog.xml") przekształca się 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>

Zobacz plik XML w Firefox i Internet Explorer: Otwórz plik XML (zazwyczaj poprzez kliknięcie na link) - dokument XML będzie pokolorować kod sposobów, aby wyświetlić element główny oraz elementy podrzędne.Kliknij po lewej stronie elementu znak plus (+) lub minus (-), aby rozszerzyć lub zmniejszyć elementy strukturalne. Aby zobaczyć oryginalny plik źródłowy XML (bez znaki plus i minus), wybierz "Pokaż źródło strony" lub "View Source" w menu przeglądarki.

Sprawdź plik XML w Netscape 6: Otwórz plik XML, a następnie kliknij prawym przyciskiem myszy na pliku XML, a następnie wybierz "Pokaż źródło strony".Dokument XML będzie pokolorować kod sposobów, aby wyświetlić element główny oraz elementy podrzędne.

Sprawdź plik XML w Operze 7: Otwórz plik XML, a następnie kliknij prawym przyciskiem myszy na pliku XML, wybierz "Ramka" / "Pokaż źródło".Dokument XML będzie wyświetlany jako zwykły tekst.

Patrz "cdcatalog.xml"


Tworzenie stylów XSL

Następnie należy utworzyć arkusz stylów XSL Konwersja szablonu ( "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>

Patrz "cdcatalog.xsl"


Styl arkusza XSL Link do dokumentu XML

Dokument XML ( "cdcatalog.xml"), aby dodać odwołanie do arkusza stylów 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>

Jeśli używasz przeglądarki kompatybilnej z XSLT, byłoby dobrze, aby umieścić XMLdo XHTML.

Zobacz wyniki

Będziemy w następnym rozdziale powyższym przykładzie wyjaśnić szczegóły.