|
|||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
Programujeme s XML (9.) - Úvod do XSLTDnes oprášíme náš ukázkový telefonní seznam a ukážeme si, jak s použitím XSLT převést data do HTML.
V minulých dílech jsme jako souhrnou ukázku vyvíjeli telefonní seznam
ukládající data do XML dokumentu. Díky použité struktuře by nebylo
příliš složité napsat odpovidající kaskádový styl a data zobrazit jako
tabulku v některém novějším prohlížeči. Ale toto umí jenom menšina
internetových prohlížečů a my chceme náš telefoní seznam zpřístupnit
všem, a tak jej převedeme na XHTML 1.0 Strict (jenž zobrazí většina
prohlížečů, pouze některé verze textových prohlížečů a téměř všechny
verze MSIE mají problém, pokud pošleme správnou HTTP hlavičku udávající
typ Připomeňme si, jak dokument XML použivaný telefoním seznamem vypadal: <phone-book> <person> <first-name>Franta</first-name> <surname>Novák</surname> <phone>+420999123456</phone> <email>franta at novak dot mars</email> </person> <person> <first-name>John</first-name> <surname>Doe</surname> <phone>+1234567890</phone> <email /> </person> <person> <first-name>James</first-name> <surname>Hacker</surname> <phone /> <email>james at hacker dot jupiter</email> </person> </phone-book>
Data mají formu velice podobnou tabulce v HTML, proto můžeme zkusit pouze
odpovídajícím způsobem zaměnit tagy. Docílíme toho prostřednictvím
elementu <xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns="http://www.w3.org/1999/xhtml">
Kořenový element šablony nám udává, že se jedná o XSLT šablonu dle XSLT verze 1.0, a jaké jmenné prostory jsou použity, v našem případě se jedná o XSLT a HTML. <xsl:output
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
method="xml" />
Tento element určuje, co přesně bude výstupem zpracování XSL šablony,
v našem případě to bude XML s daným typem dokumentu, takže XHTML.
Zájemci mohou nahradit identifikátory tapu dokumentu za odpovídající
pro HTML a hodnotu atributu <xsl:template match="phone-book"> <html> <head> <title>Telefonní seznam</title> </head> <body> <table> <tr> <th>Jméno</th> <th>Příjmení</th> <th>Telefon</th> <th>E-Mail</th> </tr> <xsl:apply-templates /> </table> </body> </html> </xsl:template>
Toto je šablona, která bude aplikována na elementy s názvem
Element
Je sice pěkné mít XSLT šablonu, ale co s ní? Můžeme ji použít jako vstup
pro XSL transformaci prostřednictvím nějakého procesoru, například pro
xsltproc phonebook.xsl phonebook.xml > phonebook.html A získáme soubor phonebook.html, který obsahuje telefonní seznam v podobě HTML tabulky. Ale to není vše, také můžeme XSLT šablonu připojit k souboru XML tak, že zpracování vždy provede webový prohlížeč: <?xml-stylesheet href="phonebook.xsl" type="text/xsl"?> Tento způsob si můžete prohlédnout v souboru phonebook-s.xml.
Příště se podíváme na jiné řešení, které nám umožní náš telefoní seznam
během převodu i seřadit, případně libovolně měnit pořadí sloupců, na
řešení prostřednictvím elementu
Related article
Programujeme s XML (1.) Document Object Model Programujeme s XML (2.) - DOM v rychlíku Programujeme s XML (3.) - Vytváříme uzly Programujeme s XML (4.) - DOM v Javě Programujeme s XML (5.) - DOM v Javě II Programujeme s XML (6.) - DOM v Javě III. Programujeme s XML (7.) - Simple API for XML Programujeme s XML (8.) - XSL Programujeme s XML (10.) - Cyklíme v XSLT Programujeme s XML (11.) - Základy jazyka XPath Programujeme s XML (12.) - XPath a zpracování dat Programujeme s XML (13.) - XPath a řetězce Programujeme s XML (14.) - Podmínky v XSLT Programujeme s XML (15.) - Ovlivňujeme výstup Programujeme s XML (16.) - Metody výstupu v XSLT Programujeme s XML (17.) - Funkce v XSLT Programujeme s XML (18.) - XSLT a více souborů Programujeme s XML (19.) - XSLT v praxi Previous Show category (serial) Next
|
Szukanie oprogramowania
|
|||||||||||||||||||||||||||||||||||||||||||||
©Pavel Kysilka - 2003-2024 | maillinuxsoft.cz | Design: www.megadesign.cz |