XSL EXtensible Stylesheet Language

Transcripción

1 XSL EXtensible Stylesheet Language

2 XSL XSL es un lenguaje de hojas de estilo para documentos XML. XSLT significa XSL Transformación. CSS = hojas de estilo para HTML XSL = hojas de estilo para XML XSL describe como los elementos XML deben mostrarse.

3 Introducción XSL está compuesto de cuatro partes: XSLT: Un lenguaje para la transformación de documentos XML XPATH: Un lenguaje para navegar en documentos XML XSL-FO: Un lenguaje para formatear documentos XML (descontinuado en 2013) XQUERY: Un lenguaje para consultar documentos XML

4 XPath XPointer XPath XQuery XLink XSLT

5 XPath: Introducción Es una sintaxis para definir partes de un documento XML Usa expresiones de tipo PATH para navegar en los documentos XML Contiene una biblioteca de aproximadamente 100 funciones estándar Fue diseñado para trabajar con XSLT, XPointer, XQuery, etc Es una recomendación de la W3C, desde Noviembre de 1999

6 Nodos, Valores atómicos y elementos <?xml version="1.0" encoding="iso "?> <profesores> <profesor> <nombre extranjero= no">julio</nombre> <apellidos>arteaga Pinares</apellidos> <sexo>masculino</sexo> <edad>35</edad> </profesor> </profesores> <profesores> <profesor> extranjero= no" Julio no - nodo elemento raíz - nodo elemento - nodo atributo - Valor atómico - Valor atómico

7 XPath: Nodos <?xml version="1.0" encoding="iso "?> <profesores> <profesor> <nombre extranjero= no">julio</nombre> <apellidos>arteaga Pinares</apellidos> <sexo>masculino</sexo> <edad>35</edad> </profesor> </profesores> profesores profesor profesor nombre extranjero= no apellidos sexo edad nombre extranjero= si

8 Relaciones entre nodos Padre Hijos Hermanos Ancestros Descendientes profesores profesor profesor nombre extranjero= no apellidos sexo edad nombre extranjero= si

9 Expresiones de trayectoria (Path expressions) nodename Selecciona todos los nodos hijo de este nodo / Selecciona a partir de nodo raíz // Selecciona nodos en el documento del nodo actual que empaten con la seleccion y sin importar donde se encuentren. Selecciona el nodo actual.. Selecciona el padre del nodo Selecciona los atributos

10 Ejemplos de selección de nodos Profesores Selecciona todos los nodos hijo del elemento profesores /profesores Selecciona el elemento raiz profesores profesores/profesor Selecciona todos los elementos profesor que son hijos de profesores //profesor Selecciona todos los elementos profesor sin importar en que parte del documento se encuentren profesores//profesor Selecciona todos los elementos profesor que sean descendientes del elemento profesores, sin importar en que parte debajo de profesores estos se encuentren Selecciona todos los atributos que tengan el nombre extranjero

11 Predicados de ejemplo Usados para encontrar un nodo o un nodo que contiene un valor especifico. /profesores/profesor[1] Primer elemento profesor /profesores/profesor[last()] Selecciona el último elemento profesor que es hijo de profesores /profesores/profesor[last()-1] Selecciona el penultimo elemento que es hijo del elemento profesores /profesores/profesor[position()<3] Selecciona los primeros dos profesores que son hijos del elemento profesores //nombre[@extranjero] Todos los nombres que tengan el atributo extranjero //nombre[@extranjero= si'] /profesores/profesor[edad>25] Selecciona todos los elementos profesor de profesores que tienen la edad mayor a 25 /profesores/profesor[edad>25]/nombre Selecciona todos los elementos nombre de profesores que tienen la edad mayor a 35.

12 Comodines * Cualquier nodo Cualquier nodo atributo node() Cualquier nodo de cualquier tipo /profesores/* //* Todos los elementos en el documento //nombre[@*] Selecciona todos los elementos nombre que tengan cualquier atributo

13 Múltiples trayectorias //profesor/nombre //profesor/edad Selecciona todos los elementos nombre Y los elementos edad que pertenezcan a los elementos profesor //nombre //edad Todos los elementos nombre y edad del documento /profesores/profesor/nombre //sexo Todos los elementos nombre que pertenezcan a los elementos profesor que pertenezcan a los elementos profesores Y todos los elementos sexo en el documento

14 Ejes Eje ancestor ancestor-or-self attribute Child descendant Descendant-or-self following Following-sibling namespace preceding Preceding-sibling self Resultado Selecciona todos los ancestros (padre, abuelo, etc.) del nodo actual. Selecciona todos los ancestros (padre, abuelo, etc.) del nodo actual y del nodo mismo. Selecciona todos los atributos del nodo actual Selecciona todos los hijos del nodo actual Selecciona todos los descendientes (hijos, nietos, etc.) del nodo actual. Selecciona todos los descendientes (hijos, nietos, etc.) del nodo actual y el nodo actual mismo Selecciona cualquier cosa en el documento después del tag de cierre del nodo actual Selecciona todos hermanos después del nodo actual. Selecciona todos los nodos namespace del nodo actual Selecciona todos los nodos que aparecen antes del nodo actual en el documento, excepto ancestros, nodos atributos nodos namespace. Selecciona todos los hermanos antes del nodo actual Selecciona el nodo actual

15 Ejes ancestor ancestor-or-self attribute child descendant descendant-or-self following following-sibling namespace parent preceding preceding-sibling self profesores profesor profesor nombre extranjero= no apellidos sexo edad nombre extranjero= si

16 Ejes: Sintaxis (axisname::nodetest[predicate]) Ejemplo child::profesor attribute::extranjero child::* attribute::* child::text() child::node() descendant::profesor ancestor::profesor ancestor-or-self::profesor child::*/child::edad Resultado Selecciona todos los nodos profesor que son hijos del nodo actual Selecciona todos los atributos extranjero del nodo actual Selecciona todos elementos hijos del nodo actual Selecciona todos los atributos del nodo actual Selecciona todos los nodos texto hijos del nodo actual Selecciona todos los hijos del nodo actual Selecciona todos los descendientes de profesor del nodo actual Selecciona todos los ancestros de profesor del nodo actual Selecciona todos los ancestros del nodo actual y el mismo Selecciona todas las edades de los nietos del nodo actual

17 Xpath: Operadores

18 <?xml version="1.0" encoding="iso "?> Ejemplo <profesores> <profesor categoria="tiempo Completo"> <nombre extranjero="no">julio</nombre> <apellidos>jaramillo Cortes</apellidos> <sexo>masculino</sexo> <edad>35</edad> </profesor> <profesor categoria="tiempo Completo"> <nombre extranjero="no">erica</nombre> <apellidos>manzanares</apellidos> <sexo>femenino</sexo> <edad>30</edad> </profesor> <profesor categoria="medio Tiempo"> <nombre extranjero="si">albert</nombre> <apellidos>warner</apellidos> <sexo>masculino</sexo> <edad>23</edad> </profesor> </profesores>

19 Como cargar el XPath? var xmlhttp=new XMLHttpRequest() O var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP") xmldoc.selectnodes(xpath); O xmldoc.evaluate(xpath, xmldoc, null, XPathResult.ANY_TYPE,null);

20 XSLT

21 XSLT XSLT es un lenguaje para transformar documentos XML a XHTML o otro tipo de documentos basados en XML. Se usa XPath para navegar en los documentos XML. XSLT es una recomendación del W3C desde el 16 de Noviembre de 1999

22 Conceptos Básicos Se necesita conocer: HTML / XHTML XML / XML Namespaces XPath

23 XSLT Transformaciones XSL Es la parte más importante de XSL Transforma un documento XML a otro documento XML Usa XPath para navegar dentro de los documentos XML XSLT es una recomendación del W3C

24 XSLT = XSL Transformations Transforma documentos XML a otro tipo de documento que sea reconocido por un navegador, por ejemplo HTML o XHTML. Normalmente transforma cada elemento XML a un elemento (X)HTML. Es posible agregar o remover elementos o atributos de y hacia un archivo de salida. Se puede ordenar, hacer pruebas (tipo if), etc. XSLT transforma un árbol-fuente XML a un árbol-resultante XML.

25 XSLT y XPath XPath sirve para encontrar la información dentro de un documento XML, es decir, es posible navegar a través de los elementos y atributos de dicho documento. XSLT usa XPath para definir las partes del documento fuente que deben ajustarse a uno o mas plantillas definidas previamente. XSLT usa estas plantillas para transformar dichas partes en un documento resultante.

26 Soporte de XML y XSLT Mozilla Firefox Firefox soporta XML, XSLT, y XPath desde la versión 3. Internet Explorer Internet Explorer soporta XML, XSLT, y XPath desde la versión 6. Internet Explorer 5 NO es compatible con la recomendación oficial W3C XSL. Google Chrome Chrome soporta XML, XSLT, y XPath desde la versión 1. Opera Opera soporta XML, XSLT, y XPath desde la versión 9. Opera 8 soporta solamente XML + CSS. Apple Safari Safari soporta XML y XSLT desde la versión 3.

27 XML -> XHTML usando XSLT Se debe crear una hoja de estilo XSL. El elemento raíz puede ser cualquiera de los siguientes: <xsl:stylesheet> o <xsl:transform>. <xsl:stylesheet version="1.0" xmlns:xsl=" ó <xsl:transform version="1.0" xmlns:xsl=" Nota: Para obtener acceso a los elementos, atributos y características XSLT, es necesario declarar el namespace XSLT en la parte superior del documento.

28 Ejemplo Archivo XML <?xml version="1.0" encoding="iso "?> <?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> Archivo XSL <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" m"> <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

29 El elemento <xsl:template> Una hoja de estilo XSL esta compuesta de una o más reglas que son llamadas plantillas. Una plantilla contiene las reglas que se aplicarán a un determinado nodo. El atributo match se usa para asociar la plantilla con el elemento XML. <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <td>.</td> <td>.</td> </table> </body> </html> </xsl:template> </xsl:stylesheet>

30 El elemento <xsl:value-of> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" form"> <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <td>.</td> <td>.</td> </table> </body> </html> </xsl:template> </xsl:stylesheet> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" orm"> <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <td><xsl:value-of select="catalog/cd/title"/></td> <td><xsl:value-of select="catalog/cd/artist"/></td> </table> </body> </html> </xsl:template> </xsl:stylesheet>

31 El elemento <xsl:for-each> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" m"> <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd[artist='bob Dylan']"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> Operadores válidos: = (igual)!= (diferente) < menor que > mayor que

32 El elemento <xsl:sort> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <xsl:sort select="artist"/> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

33 El elemento <xsl:if> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <xsl:if test="price > 10"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:if> </xsl:for-each> </table> </body> </html> </xsl:template> <xsl:if test="expression">...some output if the expression is true... </xsl:if> </xsl:stylesheet>

34 El elemento <xsl:choose> <xsl:choose> <xsl:when test="expression">... some output... </xsl:when> <xsl:when test="expression">... some output... </xsl:when> : <xsl:otherwise>... some output... </xsl:otherwise> </xsl:choose>

35 El elemento <xsl:choose> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <xsl:choose> <xsl:when test="price > 10"> <td bgcolor="#ff00ff"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:when test="price > 9"> <td bgcolor="#cccccc"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:otherwise> <td><xsl:value-of select="artist"/></td> </xsl:otherwise> </xsl:choose> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

36 </xsl:stylesheet> El elemento <xsl:choose> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <xsl:choose> <xsl:when test="price > 10"> <td bgcolor="#ff00ff"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:when test="price > 9"> <td bgcolor="#cccccc"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:otherwise> <td><xsl:value-of select="artist"/></td> </xsl:otherwise> </xsl:choose> </xsl:for-each> </table> </body> </html> </xsl:template> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <xsl:choose> <xsl:when test="price > 10"> <td bgcolor="#ff00ff"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:when test="price > 9"> <td bgcolor="#cccccc"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:otherwise> <td><xsl:value-of select="artist"/></td> </xsl:otherwise> </xsl:choose> </xsl:for-each>

37 El elemento <xsl:apply-templates> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" orm"> <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <xsl:apply-templates/> </body> </html> </xsl:template> <xsl:template match="cd"> <p> <xsl:apply-templates select="title"/> <xsl:apply-templates select="artist"/> </p> </xsl:template> <xsl:template match="title"> Title: <span style="color:#ff0000"> <xsl:value-of select="."/></span> <br /> </xsl:template> <xsl:template match="artist"> Artist: <span style="color:#00ff00"> <xsl:value-of select="."/></span> <br /> </xsl:template> </xsl:stylesheet>

38 XSLT Ejecución en el Cliente: Una solución con JavaScript Usando JavaScript, es posible: Hacer pruebas destinadas a ciertos navegadores, por ejemplo, usar diferentes hojas de estilo de acuerdo al navegador o a ciertas necesidades de usuario. <?xml version="1.0" encoding="iso "?> <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> <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">title</th> <th align="left">artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title" /></td> <td><xsl:value-of select="artist" /></td> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

39 Transformando XML a XHTML en el Navegador <html> <head> <script> function loadxmldoc(dname) { if (window.xmlhttprequest) { xhttp=new XMLHttpRequest(); } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP" ); } xhttp.open("get",dname,false); xhttp.send(""); return xhttp.responsexml; } </script> </head> <body onload="displayresult()"> <div id="example" /> </body> </html> function displayresult() { xml=loadxmldoc("cdcatalog.xml"); xsl=loadxmldoc("cdcatalog.xsl"); // code for IE if (window.activexobject) { ex=xml.transformnode(xsl); document.getelementbyid("example").innerhtml=ex; } // code for Mozilla, Firefox, Opera, etc. else if (document.implementation && document.implementation.createdocument) { xsltprocessor=new XSLTProcessor(); xsltprocessor.importstylesheet(xsl); resultdocument = xsltprocessor.transformtofragment(xml,document); document.getelementbyid("example").appendchild(resultd ocument); } }

40 Transformando XML a XHTML en el Server <% 'Load XML set xml = Server.CreateObject("Microsoft.XMLDOM") xml.async = false xml.load(server.mappath("cdcatalog.xml")) 'Load XSL set xsl = Server.CreateObject("Microsoft.XMLDOM") xsl.async = false xsl.load(server.mappath("cdcatalog.xsl")) 'Transform file Response.Write(xml.transformNode(xsl)) %>