Cómo pasar un documento XML a otro HTML sin necesidad de hacerlo del lado del servidor.
Vemos un fichero XML
Si queremos convertir ese documento a HTML, podemos, sin necesidad de crear ninguna rutina en el servidor, hacerlo.
Para ello podemos usar XSL (XML STyleSheet Language)
XSL es un tipo de documento XML (aplicación XML) que tiene un conjunto fijo de etiquetas usado para definir plantillas para maniñupar documentos XML y decidir como se desean mostrar.
Un documento XSL es un XML por lo que tendrá la etiqueta:
<?xml version="1.0" encoding="ISO-8859-1"?>
Para indicar que es una hoja XSL
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
Ahora intercalamos dentro de código HTML las etiquetas especiales para iterar
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="1">
<tr>
<td><b>Nombre</b></td>
<td><b>Mercado</b></td>
<td><b>Precio</b></td>
<td><b>Fecha</b></td>
</tr>
<xsl:for-each select="/cotizacion">
<tr>
<td><xsl:value-of select="nombre"/></td>
<td><xsl:value-of select="mercado"/></td>
<td><xsl:value-of select="precio"/></td>
<td><xsl:value-of select="fecha/dia"/>-
<xsl:value-of select="fecha/mes"/>-
<xsl:value-of select="fecha/anio"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Para decirle a un documento XML que XSL queremos utilizar solo tenemos que usar
<?xml-stylesheet type="text/xsl" href="oferta.xsl"?>
El resultado será:
Impresionante verdad
Bueno este es un ejercicio simple, vamos a complicarlo, introduciendo más cotizaciones y pidiendo que nos ordene la salida.
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="oferta.xsl"?>
<fichero>
<cotizacion>
<nombre>Autentia</nombre>
<mercado>Madrid</mercado>
<precio>12</precio>
<fecha>
<dia>24</dia>
<mes>04</mes>
<anio>2003</anio>
</fecha>
</cotizacion>
<cotizacion>
<nombre>Acertia</nombre>
<mercado>Madrid</mercado>
<precio>21</precio>
<fecha>
<dia>23</dia>
<mes>04</mes>
<anio>2003</anio>
</fecha>
</cotizacion>
</fichero>
Cambiamos el XSL
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="1">
<tr>
<td><b>Nombre</b></td>
<td><b>Mercado</b></td>
<td><b>Precio</b></td>
<td><b>Fecha</b></td>
</tr>
<xsl:for-each select="*/cotizacion" order-by="nombre">
<tr>
<td><xsl:value-of select="nombre"/></td>
<td><xsl:value-of select="mercado"/></td>
<td><xsl:value-of select="precio"/></td>
<td><xsl:value-of select="fecha/dia"/>-
<xsl:value-of select="fecha/mes"/>-
<xsl:value-of select="fecha/anio"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Y el resultado seria
| Nombre | Mercado | Precio | Fecha |
| Acertia | Madrid | 21 | 23- 04- 2003 |
| Autentia | Madrid | 12 | 24- 04- 2003 |
Si queremos que sea ascendente o descendente
<xsl:for-each select="*/cotizacion" order-by="-nombre">
Ahora vamos a introducir condicionales
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="oferta.xsl"?>
<fichero>
<cotizacion>
<nombre>Autentia</nombre>
<mercado>Madrid</mercado>
<precio>12</precio>
<fecha>
<dia>24</dia>
<mes>04</mes>
<anio>2003</anio>
</fecha>
</cotizacion>
<cotizacion>
<nombre>Acertia</nombre>
<mercado>Madrid</mercado>
<precio>21</precio>
<fecha>
<dia>23</dia>
<mes>04</mes>
<anio>2003</anio>
</fecha>
</cotizacion>
<cotizacion>
<nombre>AdictosAlTrabajo</nombre>
<mercado>Barcelona</mercado>
<precio>2</precio>
<fecha>
<dia>25</dia>
<mes>04</mes>
<anio>2003</anio>
</fecha>
</cotizacion>
</fichero>
Modificamos en XSL
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="1">
<tr>
<td><b>Nombre</b></td>
<td><b>Mercado</b></td>
<td><b>Precio</b></td>
<td><b>Fecha</b></td>
</tr>
<xsl:for-each select="*/cotizacion" order-by="-nombre">
<tr>
<td><xsl:value-of select="nombre"/></td>
<td>
<xsl:if test="mercado[.='Barcelona']">
<b><xsl:value-of select="mercado"/></b>
</xsl:if>
<xsl:if test="mercado[.='Madrid']">
<i><xsl:value-of select="mercado"/></i>
</xsl:if>
</td>
<td>
<xsl:value-of select="precio"/>
</td>
<td><xsl:value-of select="fecha/dia"/>-
<xsl:value-of select="fecha/mes"/>-
<xsl:value-of select="fecha/anio"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Así vemos el resultado
| Nombre | Mercado | Precio | Fecha |
| Autentia | Madrid | 12 | 24- 04- 2003 |
| AdictosAlTrabajo | Barcelona | 2 | 25- 04- 2003 |
| Acertia | Madrid | 21 | 23- 04- 2003 |
Hay veces que el código se complica por lo que hay que dividir una plantilla en varias secciones. Es algo parecido a las funciones dentro de plantillas XSL.
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="1">
<tr>
<td><b>Nombre</b></td>
<td><b>Mercado</b></td>
<td><b>Precio</b></td>
<td><b>Fecha</b></td>
</tr>
<xsl:for-each select="*/cotizacion" order-by="-nombre">
<tr>
<td><xsl:apply-templates select="nombre"/></td>
<td><xsl:value-of select="mercado"/></td>
<td>
<xsl:value-of select="precio"/>
</td>
<td><xsl:value-of select="fecha/dia"/>-
<xsl:value-of select="fecha/mes"/>-
<xsl:value-of select="fecha/anio"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
<xsl:template match="nombre">
<b><xsl:value-of select="."/></b>
</xsl:template>
</xsl:stylesheet>
Tened en cuenta que hemos generado un documento HTML a partir de un XML, pero poriamos haber generador cualquier otra salida: csv, rtf, wml, etc.
XSL da mucho más de si ..... ya lo veremos más adelante .... y uno de los aspectos más importantes, como encontrar los errores y depurar las transformaciones .....
Roberto Canales Mora
Director General de Autentia