Dibujando Una Tabla Con Datos Xml
- 2. hora de presentar datos una de los artificios más usados son las tablas. Con el lenguaje HTML es muy sencillo el montar una de ellas. Nos basta con controlar las etiquetas TABLE, TR y TD.
- 3. En el siguiente ejemplo utilizaremos XSLT para montar una tabla XHTML. Los datos de dicha tabla serán los datos que vayan en el XML. Para ello, lo primero que haremos será crear nuestro documento XML con la información a mostrar.
- 4. <?xml version="1.0" encoding="iso-8859-1"?> <libros> <libro> <titulo>Fuente Ovejuna</titulo> <autor>Lope de Vega</autor> <isbn>84-9815-002-7</isbn> </libro> ...</libros>
- 5. Básicamente, como descripción de nuestro ejemplo, lo que vamos a hacer es recorrer los elementos e ir creando filas de la tabla. Pero vamos por partes. Lo primero que tenemos que hacer en nuestro documento XSL, dentro de la plantilla principal es declarar la cabecera de la tabla:
- 6. <xsl:template match="/"> <html> <body> <h2>Mis Libros</h2> <table border="1"> <tr bgcolor="skyblue"> <th>Titulo</th> <th>Autor</th> </tr>
- 7. Una vez que tenemos la cabecera, tenemos que iterar por los elementos. Para cada fila hay que crear una etiqueta TR, que es una fila, y para cada elemento una etiqueta TD, que es una celda. Quedándonos el siguiente código:
- 8. <xsl:for-each select="libros/libro"> <tr> <td><xsl:value-of select="titulo"/></td> <td><xsl:value-of select="autor"/></td> </tr> </xsl:for-each>
- 9. Podemos comprobar que estamos mezclando el código XHTML con el código XSLT sin ningún problema. Para recorrer los elementos del documento XML utilizamos la etiqueta xsl:for-each, la cual, mediante el atributo select identifica un path en el árbol XML. En nuestro ejemplo, al mostrar los contenidos de los libros, el path será libros/libro.
- 10. Los valores de los elementos son recuperados mediante el xsl:value-of, que al igual que sucede con xsl:for-each, tiene un atributo select con el elemento XML a recuperar. Solo nos quedará el cerrar la tabla dentro de la plantilla. El código más sencillo de todos:
- 11. </table> </body> </html> </xsl:template>
- 12. Aunque sea algo obvio, cabe recordar, que en el documento XML hay que crear un enlace al documento de transformación XSLT. <?xml-stylesheet type="text/xsl" href="tablaHTML.xsl"?>