Latest web development tutorials

transformação XSLT

Estudo de caso: como usar XSLT para transformar XML em XHTML.

Vamos detalhe no próximo capítulo deste exemplo será explicado.


declaração de folha de estilo correta

O documento declarada como elemento de folha de estilo XSL raiz é <xsl: stylesheet> ou <xsl: transform>.

Nota: <xsl: stylesheet> e <xsl: transform> são completamente sinônimos e pode ser usado!

De acordo com o padrão XSLT do W3C, maneira correta de declarar uma folha de estilo XSL é:

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

ou:

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

Para acessar elementos XSLT, atributos e características, temos no topo do XSLT documento declaração de namespace.

xmlns: xsl = "http://www.w3.org/1999/XSL/Transform~~number=plural" aponta para namespace oficial W3C XSLT. Se você usar esse namespace, deve incluir a versão atributo = "1.0".


De um começo documento XML original

Queremos agora o seguinte documento XML ( "cdcatalog.xml")é convertido em 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>

Veja o arquivo XML no Firefox e Internet Explorer: Abra o arquivo XML (geralmente, clicando em um link) - documento XML será cor código de maneiras de mostrar o elemento raiz e elementos filho.Clique no lado esquerdo do elemento de sinal de mais (+) ou menos (-) para expandir ou encolher elementos estruturais. Para visualizar o arquivo de origem XML original (sem a mais e menos sinais), selecione "View Page Source" ou "View Source" no menu do seu browser.

Verifique o arquivo XML no Netscape 6: Abra oarquivo XML, em seguida, clique direito do mouse no arquivo XML e selecione "View Page Source". documento XML será cor código de maneiras de mostrar o elemento raiz e elementos filho.

Verifique o arquivo XML no Opera 7: Abra oarquivo XML, em seguida, clique direito do mouse no arquivo XML, selecione "Frame" / "View Source". documento XML será exibido como texto simples.

Consulte "cdcatalog.xml"


Criar folhas de estilo XSL

Em seguida, criar uma folha de estilo XSL conversão modelo com ( "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>

Consulte "cdcatalog.xsl"


O link para folha de estilo XSL a um documento XML

O documento XML ( "cdcatalog.xml") para adicionar uma referência a uma folha de estilo 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>

Se você está usando um navegador compatível com XSLT, seria bom para colocar o seu XMLem XHTML.

Ver resultados

Vamos no próximo capítulo do exemplo acima para explicar os detalhes.