SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
JJTaboada León
IES San Sebastián, Departamento de Informática
LENGUAJE DE MARCASY SGI
Curso 2018/ 2019
www.docencia.taboadaleon.es
Unidad 7
7.1 XSLT y XPATH
Guíon del tema
 ¿Qué es XSLT?
 Aplicación de las
transformaciones
 Estructura y sintáxis
XSLT
 Elemetos XSLT
 XSLT con CSS
EJERCICIOS
 Transformar documentos
XML con Notepad++ y
Dreamwaver
 Prácticas con XML, XSLT,
HTML y CSS
¿QUÉ ES XSLT?
 XSLT (eXtensible Stylesheet Language –Transformations),
Lenguaje de hoja de estilo ampliable para transformaciones
 Describe un lenguaje basado en XML para transformar documentos
XML a cualquier otro formato
 XSLT es el lenguaje de hojas de estilo recomendado de XML.
 XSLT es mucho más sofisticado que el CSS.
 XSLT puede ser utilizado para transformar documentos XML en
HTML, antes de ser mostrados en un navegador.
Aplicación de las transformaciones
 Utilizaremos XSLT para transformar documentos entre esquemas
XML que permitan su procesamiento por distintos sistemas
 Utilizaremos XSLT para transformar documentos XML en HTML,
WML, o cualquier otro formato que facilite su presentación en la
pantalla de un ordenador o en impresora
 La transformación de XML a HTML es el principal uso que se
hace de XSLT
WML(Wireless Markup Language)
lenguaje que se utiliza para construir las
páginas que aparecen en las pantallas de
los teléfonos móviles y los asistentes
personales digitales (PDA)
Aplicación de las transformaciones
 No debemos confundir las
transformaciones XSLT con la
presentación de documentos XML con
CSS
 Con XSLT, generaremos un documento
HTML a partir de un documento XML.
Se tratará de dos documentos“distintos”
 Con CSS, el navegador recibe un
documento XML que formatea utilizando
las reglas CSS para presentarlo en pantalla
de forma que sea más fácilmente legible,
pero es el mismo documento
HERRAMIENTAS
 Actualmente contamos con varias herramientas para realizar
transformaciones XSLT:
 Saxon, desarrollado en Java por Michael Kay (un gurú de XSLT)
 xt, diseñado por James Clark
 Dreamweaver
 XMLspy
 En las prácticas usaremos Notepad++ con el complemento XMLtools y
Dreamweaver
Estructura de una hoja de estilo XSLT (I)
 Una hoja de estilo XSLT es un documento XML. Debe estar bien
formado.
 Las hojas de estilo se guardarán siempre en archivos
independientes con extensión .xsl
 Deben comenzar con una declaración XML:
<?xml version="1.0“?>
 El elemento raíz de la hoja de estilo XSLT es <xsl:stylesheet>.
 Este elemento contendrá a todos los demás, y debe ir precedido
por el alias xsl correspondiente al espacio de nombres para
hojas de estilo XSLT.
Estructura de una hoja de estilo XSLT (II)
<?xml version="1.0" encoding="ISO-8859-1”?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
..........................
……………………
</xsl:stylesheet>
Estructura de una hoja de estilo XSLT (III)
 Entre las marcas de inicio y de fin del elemento raíz xsl:stylesheet,
se escribirán las reglas de transformación que se llaman
plantillas
 Cada regla se definirá mediante un elemento xsl:template (una
plantilla)
 Se utiliza el atributo match para asociar una plantilla con un
elemento XML. El atributo match también se puede utilizar para
definir un modelo para todo el documento XML. El valor del
atributo match es una expresión de XPath (eje. match = "/"
define todo el documento).
 La regla indica qué instancias de los elementos del documento
XML se van a transformar.
Estructura de una hoja de estilo XSLT (IV)
REGLAS DE TRANSFORMACIÓN
EJEMPLO:
<xsl:template match=”//nombre”>
<html>
<body>
<h2> <xsl:value-of select="." /> </h2>
</body>
</html>
</xsl:template>
 La regla se aplicará a todas las instancias del elemento nombre. Esto se indica mediante el
atributo match que acompaña al elemento xsl:template.
 Entre las etiquetas de inicio y de fin del elemento xsl:template se escribe la transformación
que se debe realizar...
 es decir, qué texto y qué marcas se escribirán en el documento resultado de la
transformación, cada vez que se encuentre una instancia del elemento nombre en el
documento origen.
 Con <xsl:value-of...>, se recupera y escribe en el documento resultado el contenido del
elemento que está siendo procesado.
árbol de origen al que se
aplica esta plantilla
salida
Asociar una hoja de estilo XSL a un documento
 Debemos incluir, tras la declaración XML, la siguiente instrucción
de procesamiento:
<?xml-stylesheet type=”text/xsl” href=”hojaEstilo.xsl”?>
 Ejemplo
<?xml version=”1.0”?>
<?xml-stylesheet type=”text/xsl”
href=”http:/www.anaya.es/docs/xml/ejemplo.xsl”?>
<documento>
<titulo>Programar ASP</titulo>
<paginas>456</paginas>
<anno-pub>2001</anno-pub>
</documento>
Ejemplo de transformación XSLT (I)
Documento XML
<?xml version=“1.0” encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="prueba.xsl" ?>
<ciudades>
<ciudad>
<nombre>Madrid</nombre>
<habitantes>3500000</habitantes>
</ciudad>
<ciudad>
<nombre>Huelva</nombre>
<habitantes>150000</habitantes>
</ciudad>
<ciudad>
<nombre>Toledo</nombre>
<habitantes>50000</habitantes>
</ciudad>
</ciudades>
Documento XML
Referencia al
documento XSL
Ejemplo transformación XSLT (II)
Documento 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>
<head>
<title>Ejemplo XSLT</title>
</head>
<body>
<h1> CIUDADES DE ESPAÑA </h1>
<xsl:apply-templates select=“//nombre" />
</body>
</html>
</xsl:template>
<xsl:template match="nombre">
<h3> <xsl:value-of select="." /> </h3>
</xsl:template>
</xsl:stylesheet>
Documento prueba.xsl
Queremos obtener los
nombres de las ciudades
Explicación: La regla “de inicio”
 La regla <xsl:template match=“/”> se ejecuta cuando se encuentra el
elemento raíz del documento XML
 Dentro de esta regla, podemos incluir llamadas a otras reglas definidas
en la hoja de estilo, mediante el elemento:
<xsl:apply-templates select=”…” />
 El atributo select tomará como valor el nombre del elemento asociado
a la regla que queremos “disparar”
 Esto nos ofrece un control real sobre el “orden” de ejecución de las
reglas
Resultado
 El resultado de la transformación es el siguiente:
<html>
<head>
<title>Ejemplo XSLT</title>
</head>
<body>
<h1> CIUDADES DE ESPAÑA </h1>
<h3>Madrid</h3>
<h3>Málaga</h3>
<h3>Toledo</h3>
</body>
</html>
Ejemplos
simple.xml
<?xml version=“1.0” encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href=“simple.xsl" ?>
<simple>
<nombre> Álvarez MartínAlmudena </nombre>
<nombre>Aragon Batista Joaquin </nombre>
<nombre> Chavarri Satalaya Jordan </nombre>
<nombre> Cruz FlorencioVictor </nombre>
<nombre> DelToro delToro Moisés </nombre>
<nombre> Díaz Redondo Raul </nombre>
</simple>
Simple.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>
<head>
<title>Ejemplo XSLT simple</title>
</head>
<body>
<xsl:apply-templates />
</body>
</html>
</xsl:template>
<xsl:template match="nombre">
<p> Nombre encontrado</p>
</xsl:template>
</xsl:stylesheet>
Actividades
1. Con Notepad++ escribir cada uno de los ejemplos anteriores y
hacer todas las pruebas que se os ocurran.
2. Con Notepad++, crear una primera hoja de estilo XSLT que, a
partir del documento XML tienda1.xml (este documento se encuentra
en adjunto), extraiga en un documento HTML los artículos de la
tienda
3. Formatear la lista de artículos para que se presente como una lista no
ordenada (sin numerar), de HTML
4. Cambiar la hoja de estilo XSLT para que los artículos se presenten en
una tabla con una única columna
5. Cambiar la hoja de estilo para que los artículos se presenten en una
tabla con dos columnas. En la primera de ellas se escribirá un texto
fijo:“ARTICULOS DE MITIENDA”
6. Aplicar esta última hoja de estilo al documentos XML
tiendecilla.xml(este documento se encuentra en adjunto).
El elemento <xsl:value-of...> (I)
 En el elemento <xsl:value-of…> se puede indicar que se quiere
mostrar el valor del elemento que estamos procesando
 También podemos indicar que queremos mostrar el valor de un
elemento hijo, o descendiente, del elemento que se está procesando
 En el ejemplo anterior, podríamos utilizar xsl:value-of para mostrar en
el documento resultado de la transformación el artículo, la marca y el
modelo de cada producto.
 Esto es posible porque en el atributo select podemos utilizar una
“expresión XPATH”
 XPATH es un lenguaje que nos permite direccinarnos a las secciones
de un documento XML y obtener las partes de la información que
deseamos (nodo de contexto)
El elemento <xsl:value-of...> (II)
 Por ejemplo, para mostrar el valor del elemento articulo, que es un
hijo del elemento producto, podríamos utilizar la siguiente regla:
<xsl:template match="//producto">
<xsl:value-of select="./articulo" />
</xsl:template>
El valor del atributo select se puede leer de la siguiente forma:“dame
el valor del elemento articulo que es hijo del elemento que estoy
procesando”. En este caso, cada uno de los elementos producto
Esto se indica mediante ./
Selección de nodos
Actividades
 Utilizando el documento tienda1.xml, crear una hoja XSLT que
transforme el documento xml en un documento HTML con la
siguientes especificaciones:
 El documento HTML deberá mostrar una tabla. La tabla contendrá una
fila para cada producto.
 Las filas tendrán tres celdas, en la que aparecerá el código, el artículo y la
cantidad.
Resumen
 En las reglas XSLT, entre sus marcas de inicio y de fin, se puede
incluir:
 Texto que se escribirá “tal cual” en el documento resultado de la
transformación.
 Marcas HTML o XML que se añadiran al documento resultado de
la transformación.
 Elementos reservados de la especificación XSLT que realizarán
una acción como recuperar el valor de un elemento, ordenar los
resultados, llamar a otras reglas de la hoja de estilo, etc (llamadas
expresiones XPATH).
Procesamiento de nodos por lotes
<xsl:for-each>
 El elemento <xsl:for-
each> permite hacer un
bucle en XSLT
 se puede utilizar para
seleccionar todos los
elementos XML del nodo
actual
Actividad
 Aplicarlo en tiendecilla
<?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>CIUDADES DE ESPAÑA</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Ciudades</th>
<th>Habitantes</th>
</tr>
<xsl:for-each select=“ciudades/ciudad">
<tr>
<td><xsl:value-of select=“nombre"/></td>
<td><xsl:value-of
select=“habitantes"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Orden de procesamiento
 Las reglas se van activando y ejecutando a medida que se recorre el
documento origen que se quiere transformar.
 De esta forma, las reglas se ejecutan en el orden en el que se van
encontrando los elementos en el documento.
 Este comportamiento por defecto puede cambiarse en las hojas de
estilo XSLT, a diferencia de lo que sucedía en las hojas de estilo CSS
 Esto permite “reordenar” los contenidos del documento XML, de
una forma distinta a como están ordenadas en el documento XML
inicial
Orden de procesamiento
 Para ordenar los contenidos, se utiliza el elemento xsl:sort
 xsl:sort es un elemento hijo de xsl:apply-templates
 Acepta dos atributos:
 select – que toma como valor el nombre del elemento que se va a utilizar como
criterio de ordenación y
 order – que indica si se debe utilizar un orden ascendente o descendente.
<xsl:apply-templates select="//ciudad">
<xsl:sort select="ciudad" order="descending" />
</xsl:apply-templates>
 ACTIVIDADES
1. Modificar la hoja xsl del último ejercicio (salida en tres columnas) para que los
artículos se ordenen en orden descendente.
2. Aplicar la hoja de estilo XSL a tiendecilla,pero ordenado por cantidad.(especificar
data-type)
Leer y obtener el valor de atributos en XSLT
 En XSLT podemos “filtrar” o indicar qué instancias de un elemento queremos
procesar, tomando como criterio de selección el valor de los atributos que acompañan
a los elementos
 Para hacer esto, en un elemento xsl:value-of, podemos recuperar el valor de un
atributo mediante la expresión @nombreAtributo , por ejemplo:
 ACTIVIDADES: Diseñar una hoja de estilo para tiendecilla.xml que presente los datos en una
tabla donde aparezcan el árticulo, la cantidad y el precio junto con la moneda de cada producto.
<libro genero=“novela”>
<autor>Deepak Chopra</autor>
<titulo>El sendero del Mago</titulo>
<isbn>950-15-1727</isbn>
<editorial>Harmany Book</editorial>
<sumario>... nos muestra cómo debemos ... Por medio de
historias como </sumario>
<precio moneda=“euros">50.00</precio>
</libro>
<xsl:template match=“libro">
<tr>
<td><xsl:value-of select=“@genero" /></td>
<td><xsl:value-of select=“./precio/@moneda" /></td>
/tr>
</xsl:template>
Elemento xsl:if
 El elemento <xsl:if> contiene una plantilla que se aplicará
sólo si la condición especificada es verdadera.
SINTAXIS
<xsl:if test="expresion">
<!– Contenido de template -->
</xsl:if>
OPERADORES XSL
Igualdad (=) =
Desiguldad (≠) !=
Menor que (<) &lt;
Mayor que (>) &gt;
EJEMPLO
<xsl:for-each select="//ciudad">
<xsl:if test="habitantes &gt; 100000">
<h3> <xsl:value-of select="./nombre" /> </h3>
<xsl:value-of select="./habitantes" />
</xsl:if>
</xsl:for-each>
Elemento xsl:choose
 El elemento <xsl:choose> se utiliza en conjunción con
<xsl:when> y <xsl:otherwise> para expresar múltiples
pruebas condicionales.
SINTAXIS
<xsl:choose>
<xsl:when test="expression">
... Hacer algo...
</xsl:when>
...
<xsl:otherwise>
... Hacer algo ....
</xsl:otherwise>
</xsl:choose>
Ejemplo de xsl:choose
EJEMPLO
<xsl:for-each select="//ciudad">
<xsl:choose>
<xsl:when test="habitantes &lt; 100000">
<tr bgcolor="#ff0000">
<td> <xsl:value-of select="./nombre" /> </td>
<td><xsl:value-of select="./habitantes" /></td>
</tr>
</xsl:when>
<xsl:otherwise>
<tr bgcolor="#00ff00">
<td> <xsl:value-of select="./nombre" /> </td>
<td> <xsl:value-of select="./habitantes" /> </td>
</tr>
</xsl:otherwise>
</xsl:choose>
</xsl:for-each>
Actividades
1. Añadir a tiendecilla.xml dos productos nuevos. Sus
precios serán 100 € y 350 € respectivamente.
2. Diseñar una hoja de estilos xsl para que los artículos con
precio menores o iguales que 100 € aparezcan en color
verde, los artículos con precios >100 € y < 1000 € de
color azul y el resto rojo.
RESUMEN ELEMENTOS XSLT (1)
xsl:apply-imports Invoca una regla de plantilla reemplazada.
xsl:apply-templates Dirige el procesador XSLT para que busque la plantilla adecuada que se debe aplicar, según el tipo
y el contexto del nodo seleccionado.
xsl:attribute Crea un nodo de atributo y lo asocia a un elemento resultante.
xsl:attribute-set Define un conjunto de atributos con nombre.
xsl:call-template Invoca una plantilla por nombre.
xsl:choose Proporciona múltiples pruebas condicionales junto con los
elementos <xsl:otherwise> y <xsl:when>.
xsl:comment Genera un comentario en el resultado.
xsl:copy Copia el nodo actual del origen al resultado.
xsl:copy-of Inserta subárboles y fragmentos del árbol de resultados en el árbol de resultados.
xsl:decimal-format Declara un formato-digital, que controla la interpretación de un modelo de formato utilizado por
la función format-number.
xsl:element Crea un elemento con el nombre especificado en el resultado.
xsl:fallback Llama al contenido de la plantilla que puede proporcionar un sustituto razonable al
comportamiento del nuevo elemento cuando se encuentre.
RESUMEN ELEMENTOS XSLT (2)
xsl:for-each Aplica una plantilla repetidamente, aplicándola a su vez en cada nodo de un conjunto.
xsl:if Permite obtener fragmentos de plantillas condicionales simples.
xsl:import Importa otro archivo XSLT.
xsl:include Incluye otro archivo XSLT.
xsl:key Declara una clave para utilizar con la función key() en expresiones de lenguaje de ruta
XML (XPath).
xsl:message Envía un mensaje de texto al búfer del mensaje o al cuadro de diálogo del mensaje.
xsl:namespace-alias Sustituye el prefijo relacionado con un espacio de nombres dado por otro prefijo.
xsl:number Inserta un número con formato en el árbol de resultados.
xsl:otherwise Proporciona múltiples pruebas condicionales junto con los
elementos <xsl:choose> y <xsl:when>.
xsl:output Especifica las opciones que se deben utilizar a la hora de serializar el árbol de resultados.
xsl:param Declara un parámetro con nombre que se puede utilizar dentro de un
elemento <xsl:stylesheet> o un elemento <xsl:template>. Permite especificar un valor
predeterminado.
xsl:preserve-space Conserva los espacios en blanco en un documento.
xsl:processing-instruction Genera una instrucción de proceso en el resultado.
RESUMEN ELEMENTOS XSLT (3)
msxsl:script* Define variables y funciones globales para extensiones de secuencias de comandos.
xsl:sort Especifica los criterios de ordenación para las listas de nodos seleccionadas por <xsl:for-
each> o <xsl:apply-templates>.
xsl:strip-space Elimina espacios en blanco en un documento.
xsl:stylesheet Especifica el elemento de documento en un archivo XSLT. El elemento de documento contiene
otros elementos XSLT.
xsl:template Define una plantilla reutilizable para generar los resultados deseados para los nodos de un tipo
y contexto en particular.
xsl:text Genera texto en el resultado.
xsl:transform Lleva a cabo la misma función que <xsl:stylesheet>.
xsl:value-of Inserta el valor del nodo seleccionado como texto.
xsl:variable Especifica un valor enlazado de una expresión.
xsl:when Proporciona múltiples pruebas condicionales junto con los
elementos <xsl:choose> y <xsl:otherwise>.
xsl:with-param Pasa un parámetro a una plantilla.
Resumen de funciones XPATH
 Existe una gran cantidad de funciones que se pueden usar en
las expresiones XPATH
 Tipos:
 Funciones de nodo name(), node(), text()…
 Funciones de posiciónposition(), last(), count(), …
 Funciones numéricas number(), sum(),…
 Funciones booleanasboolean(), not(), true(), false()
 Funcones de cadenastring(), string-length(), contains(), …
Uso de XSLT en Dreamwaver
 Dreamweaver proporciona métodos para crear páginas XSLT que admitan
transformaciones XSL en el lado del servidor y en el lado del cliente
Crear una página XSL
 Se pueden crear páginas XSL o fragmentos (sin html) que
permitan mostrar datos XML en páginasWeb.
Para crear una página XSL:
1. Configure un sitio de Dreamweaver.
2. Seleccione Archivo > Nuevo.
3. En la ficha General del cuadro de diálogo Nuevo documento, seleccione Página básica
en la columna Categoría y, después, realice una de las siguientes opciones:
1. Seleccione XSLT (página completa) en la columna Página básica para crear una
página XSLT completa.
2. Seleccione XSLT (fragmento) en la columna Página básica para crear un fragmento
de XSLT.
4. Haga clic en Crear.Aparece el cuadro de diálogo Buscar origen XML para adjuntar una
fuente de datos XML.
5. Seleccione Adjuntar un archivo local en mi equipo o en la red de área local
6. Guarde la nueva página (Archivo > Guardar) con la extensión .xsl o .xslt (.xsl
es la extensión predeterminada).
Visualización de datos XML en páginas XSL
Para mostrar los datos XML:
1. Abra una página XSL con una fuente de datos XML
adjunta.
2. (Opcional) Seleccione Insertar >Tabla para añadir una
tabla a la página.
3. En la mayoría de los casos, conviene utilizar el objeto
XSLT Repetir región para mostrar elementos XML
repetidos en una página. Si éste fuera el caso, puede
resultar conveniente crear una tabla de una sola fila con
una o varias columnas, o bien una tabla de dos filas si
desea incluir un encabezado de tabla.
4. En el panelVinculaciones, seleccione un elemento XML
y arrástrelo hasta el lugar de la página en el que desea
insertar los datos.
5. Obtenga una vista previa de su trabajo en un navegador
(Archivo >Vista previa en el navegador)
XSLT Y CSS
 Podemos utiliza una hoja de estilos CSS en nuestra transformación del
documento XML, para presentar su contenido.
 En nuestro documento xsl, cargaremos la hoja de CSS mediante:
…….
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-
8859-1"/>
<title>Untitled Document</title>
<link href="simple.css" rel="stylesheet" type="text/css" />
</head>
<body>
……..
Actividades
 Utilizando Dreamwaver crear un documento XSL para
tiendecilla.xml que genere un documento HTML donde
aparezca en una tabla todos los producto de la misma
indicando el código, artículo, marca y modelo, ordenados
por marca.
 Añadir una hoja de estilo CSS para que dicho documento
HTML presente la mejor apariencia.
Conversión de páginas HTML en páginas XSLT
 Abra la página HTML que desea convertir.
 SeleccioneArchivo > Convertir > XSLT 1.0.
Se abre una copia de la página en la ventana de documento con
extensión xsl
 Una vez convertida podemos vincular un documento xml:
Para ello seleccionarVentana/vinculaciones
Ya podemos añadir datos xml a nuestra página XSL
Actividad: Crear una página html, convertirla en xsl y mostrar datos de
tiendecilla.xml en la misma mediante una tabla.
Actividad I: xml-xsl-css
 Crear un fichero XML que almacene datos de un diccionario bilingüe inglés –
español.
 Debe almacenar los siguientes datos:
 Palabra con atributo indicando el tipo (sustantivo, adjetivo, verbo, adverbio, etc)
 Transcripción fonética
 Traducción1
 Traducción2
 Imagen de referencia si es posible (nombre de un fichero .gif . El fichero debe estar
almacenado en mismo directorio o carpeta que el fichero XML
 Ejemplo en frase en inglés
 Debe almacenar al menos 15 palabras
 Crear un documento XSL llamado diccionario1.xsl que muestre una tabla con
todos los datos incluso la imagen
 Crear un documento XSL llamado verbos.xsl que muestre una tabla con la
palabra en inglés y su traducción que sea verbo
 Crear un documento XSL llamado sustantivos.xsl junto con una hoja de estilos
sustativos.css que muestre una tabla con la palabra en inglés y su traducción que
sea sustantivo
Unidad 7
7.1 XSLT y XPATH
Fin de la presentación
¡Gracias!
www.docencia.taboadaleon.es

Más contenido relacionado

La actualidad más candente

Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to JavascriptSeble Nigussie
 
Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)club23
 
Dynamically Generate a CRUD Admin Panel with Java Annotations
Dynamically Generate a CRUD Admin Panel with Java AnnotationsDynamically Generate a CRUD Admin Panel with Java Annotations
Dynamically Generate a CRUD Admin Panel with Java AnnotationsBroadleaf Commerce
 
Document object model(dom)
Document object model(dom)Document object model(dom)
Document object model(dom)rahul kundu
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSSMario Hernandez
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introductionapnwebdev
 
Scalable JavaScript Application Architecture 2012
Scalable JavaScript Application Architecture 2012Scalable JavaScript Application Architecture 2012
Scalable JavaScript Application Architecture 2012Nicholas Zakas
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introductionc525600
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for studentsvethics
 
SOAP--Simple Object Access Protocol
SOAP--Simple Object Access ProtocolSOAP--Simple Object Access Protocol
SOAP--Simple Object Access ProtocolMasud Rahman
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classSandhika Galih
 

La actualidad más candente (20)

Apuntes de XSD
Apuntes de XSDApuntes de XSD
Apuntes de XSD
 
XSLT. Basic.
XSLT. Basic.XSLT. Basic.
XSLT. Basic.
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
 
Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)
 
03 namespace
03 namespace03 namespace
03 namespace
 
Dynamically Generate a CRUD Admin Panel with Java Annotations
Dynamically Generate a CRUD Admin Panel with Java AnnotationsDynamically Generate a CRUD Admin Panel with Java Annotations
Dynamically Generate a CRUD Admin Panel with Java Annotations
 
Document object model(dom)
Document object model(dom)Document object model(dom)
Document object model(dom)
 
XSLT.ppt
XSLT.pptXSLT.ppt
XSLT.ppt
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
Html introduction
Html introductionHtml introduction
Html introduction
 
HTML5
HTML5HTML5
HTML5
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
 
1 03 - CSS Introduction
1 03 - CSS Introduction1 03 - CSS Introduction
1 03 - CSS Introduction
 
Java Script
Java ScriptJava Script
Java Script
 
SOAP-based Web Services
SOAP-based Web ServicesSOAP-based Web Services
SOAP-based Web Services
 
Scalable JavaScript Application Architecture 2012
Scalable JavaScript Application Architecture 2012Scalable JavaScript Application Architecture 2012
Scalable JavaScript Application Architecture 2012
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
SOAP--Simple Object Access Protocol
SOAP--Simple Object Access ProtocolSOAP--Simple Object Access Protocol
SOAP--Simple Object Access Protocol
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-class
 

Similar a XSLT y XPATH - Guía del tema (20)

Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 
Omar unidad 07 base de datos
Omar unidad 07 base de datosOmar unidad 07 base de datos
Omar unidad 07 base de datos
 
Xml
XmlXml
Xml
 
Colima2000
Colima2000Colima2000
Colima2000
 
Oracle xmldb
Oracle xmldbOracle xmldb
Oracle xmldb
 
Xml
XmlXml
Xml
 
Lenguaje XML
Lenguaje XMLLenguaje XML
Lenguaje XML
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
 
Xml presentacin
Xml presentacinXml presentacin
Xml presentacin
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formados
 
Presentación muy chula ApéndiceTecnologíaXML.ppt
Presentación muy chula ApéndiceTecnologíaXML.pptPresentación muy chula ApéndiceTecnologíaXML.ppt
Presentación muy chula ApéndiceTecnologíaXML.ppt
 
Tema 2
Tema 2Tema 2
Tema 2
 
Curso xml
Curso xmlCurso xml
Curso xml
 
Introxml
IntroxmlIntroxml
Introxml
 
Xml
XmlXml
Xml
 
Introduccion al xml
Introduccion al  xmlIntroduccion al  xml
Introduccion al xml
 
Almdedat
AlmdedatAlmdedat
Almdedat
 
Datos En La Web - Clase 2
Datos En La Web - Clase 2Datos En La Web - Clase 2
Datos En La Web - Clase 2
 
Procesamiento de XML en C#
Procesamiento de XML en C#Procesamiento de XML en C#
Procesamiento de XML en C#
 
Apuntes de XML
Apuntes de XMLApuntes de XML
Apuntes de XML
 

Más de Juan José Taboada León (15)

Presentación módulo Seguridad y Alta Disponibilidad curso 2018/2019
Presentación módulo Seguridad y Alta Disponibilidad curso 2018/2019Presentación módulo Seguridad y Alta Disponibilidad curso 2018/2019
Presentación módulo Seguridad y Alta Disponibilidad curso 2018/2019
 
U7 1 xslt-curso2017-18
U7 1 xslt-curso2017-18U7 1 xslt-curso2017-18
U7 1 xslt-curso2017-18
 
Presentación
PresentaciónPresentación
Presentación
 
2 8 cookiesy_sesionesphp
2 8 cookiesy_sesionesphp2 8 cookiesy_sesionesphp
2 8 cookiesy_sesionesphp
 
2 7 ficheros_php
2 7 ficheros_php2 7 ficheros_php
2 7 ficheros_php
 
2 6 validar_formularios
2 6 validar_formularios2 6 validar_formularios
2 6 validar_formularios
 
2 5 funciones_php
2 5 funciones_php2 5 funciones_php
2 5 funciones_php
 
2 4 formularios_php
2 4 formularios_php2 4 formularios_php
2 4 formularios_php
 
2 3 arrays_php
2 3 arrays_php2 3 arrays_php
2 3 arrays_php
 
2 2 estructuras_decontrolphp
2 2 estructuras_decontrolphp2 2 estructuras_decontrolphp
2 2 estructuras_decontrolphp
 
2 1 sintaxis_php
2 1 sintaxis_php2 1 sintaxis_php
2 1 sintaxis_php
 
Presentación 2018-2019
Presentación 2018-2019Presentación 2018-2019
Presentación 2018-2019
 
Presentación tic2 2017
Presentación tic2 2017Presentación tic2 2017
Presentación tic2 2017
 
Unidad 10: Sistemas de Gestión de la Información
Unidad 10: Sistemas de Gestión de la InformaciónUnidad 10: Sistemas de Gestión de la Información
Unidad 10: Sistemas de Gestión de la Información
 
XSLT y XPATH
XSLT y XPATHXSLT y XPATH
XSLT y XPATH
 

Último

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdfRAMON EUSTAQUIO CARO BAYONA
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 

Último (20)

Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 

XSLT y XPATH - Guía del tema

  • 1. JJTaboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCASY SGI Curso 2018/ 2019 www.docencia.taboadaleon.es Unidad 7 7.1 XSLT y XPATH
  • 2. Guíon del tema  ¿Qué es XSLT?  Aplicación de las transformaciones  Estructura y sintáxis XSLT  Elemetos XSLT  XSLT con CSS EJERCICIOS  Transformar documentos XML con Notepad++ y Dreamwaver  Prácticas con XML, XSLT, HTML y CSS
  • 3. ¿QUÉ ES XSLT?  XSLT (eXtensible Stylesheet Language –Transformations), Lenguaje de hoja de estilo ampliable para transformaciones  Describe un lenguaje basado en XML para transformar documentos XML a cualquier otro formato  XSLT es el lenguaje de hojas de estilo recomendado de XML.  XSLT es mucho más sofisticado que el CSS.  XSLT puede ser utilizado para transformar documentos XML en HTML, antes de ser mostrados en un navegador.
  • 4. Aplicación de las transformaciones  Utilizaremos XSLT para transformar documentos entre esquemas XML que permitan su procesamiento por distintos sistemas  Utilizaremos XSLT para transformar documentos XML en HTML, WML, o cualquier otro formato que facilite su presentación en la pantalla de un ordenador o en impresora  La transformación de XML a HTML es el principal uso que se hace de XSLT WML(Wireless Markup Language) lenguaje que se utiliza para construir las páginas que aparecen en las pantallas de los teléfonos móviles y los asistentes personales digitales (PDA)
  • 5. Aplicación de las transformaciones  No debemos confundir las transformaciones XSLT con la presentación de documentos XML con CSS  Con XSLT, generaremos un documento HTML a partir de un documento XML. Se tratará de dos documentos“distintos”  Con CSS, el navegador recibe un documento XML que formatea utilizando las reglas CSS para presentarlo en pantalla de forma que sea más fácilmente legible, pero es el mismo documento
  • 6. HERRAMIENTAS  Actualmente contamos con varias herramientas para realizar transformaciones XSLT:  Saxon, desarrollado en Java por Michael Kay (un gurú de XSLT)  xt, diseñado por James Clark  Dreamweaver  XMLspy  En las prácticas usaremos Notepad++ con el complemento XMLtools y Dreamweaver
  • 7. Estructura de una hoja de estilo XSLT (I)  Una hoja de estilo XSLT es un documento XML. Debe estar bien formado.  Las hojas de estilo se guardarán siempre en archivos independientes con extensión .xsl  Deben comenzar con una declaración XML: <?xml version="1.0“?>  El elemento raíz de la hoja de estilo XSLT es <xsl:stylesheet>.  Este elemento contendrá a todos los demás, y debe ir precedido por el alias xsl correspondiente al espacio de nombres para hojas de estilo XSLT.
  • 8. Estructura de una hoja de estilo XSLT (II) <?xml version="1.0" encoding="ISO-8859-1”?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> .......................... …………………… </xsl:stylesheet>
  • 9. Estructura de una hoja de estilo XSLT (III)  Entre las marcas de inicio y de fin del elemento raíz xsl:stylesheet, se escribirán las reglas de transformación que se llaman plantillas  Cada regla se definirá mediante un elemento xsl:template (una plantilla)  Se utiliza el atributo match para asociar una plantilla con un elemento XML. El atributo match también se puede utilizar para definir un modelo para todo el documento XML. El valor del atributo match es una expresión de XPath (eje. match = "/" define todo el documento).  La regla indica qué instancias de los elementos del documento XML se van a transformar.
  • 10. Estructura de una hoja de estilo XSLT (IV) REGLAS DE TRANSFORMACIÓN EJEMPLO: <xsl:template match=”//nombre”> <html> <body> <h2> <xsl:value-of select="." /> </h2> </body> </html> </xsl:template>  La regla se aplicará a todas las instancias del elemento nombre. Esto se indica mediante el atributo match que acompaña al elemento xsl:template.  Entre las etiquetas de inicio y de fin del elemento xsl:template se escribe la transformación que se debe realizar...  es decir, qué texto y qué marcas se escribirán en el documento resultado de la transformación, cada vez que se encuentre una instancia del elemento nombre en el documento origen.  Con <xsl:value-of...>, se recupera y escribe en el documento resultado el contenido del elemento que está siendo procesado. árbol de origen al que se aplica esta plantilla salida
  • 11. Asociar una hoja de estilo XSL a un documento  Debemos incluir, tras la declaración XML, la siguiente instrucción de procesamiento: <?xml-stylesheet type=”text/xsl” href=”hojaEstilo.xsl”?>  Ejemplo <?xml version=”1.0”?> <?xml-stylesheet type=”text/xsl” href=”http:/www.anaya.es/docs/xml/ejemplo.xsl”?> <documento> <titulo>Programar ASP</titulo> <paginas>456</paginas> <anno-pub>2001</anno-pub> </documento>
  • 12. Ejemplo de transformación XSLT (I) Documento XML <?xml version=“1.0” encoding="ISO-8859-1" ?> <?xml-stylesheet type="text/xsl" href="prueba.xsl" ?> <ciudades> <ciudad> <nombre>Madrid</nombre> <habitantes>3500000</habitantes> </ciudad> <ciudad> <nombre>Huelva</nombre> <habitantes>150000</habitantes> </ciudad> <ciudad> <nombre>Toledo</nombre> <habitantes>50000</habitantes> </ciudad> </ciudades> Documento XML Referencia al documento XSL
  • 13. Ejemplo transformación XSLT (II) Documento 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> <head> <title>Ejemplo XSLT</title> </head> <body> <h1> CIUDADES DE ESPAÑA </h1> <xsl:apply-templates select=“//nombre" /> </body> </html> </xsl:template> <xsl:template match="nombre"> <h3> <xsl:value-of select="." /> </h3> </xsl:template> </xsl:stylesheet> Documento prueba.xsl Queremos obtener los nombres de las ciudades
  • 14. Explicación: La regla “de inicio”  La regla <xsl:template match=“/”> se ejecuta cuando se encuentra el elemento raíz del documento XML  Dentro de esta regla, podemos incluir llamadas a otras reglas definidas en la hoja de estilo, mediante el elemento: <xsl:apply-templates select=”…” />  El atributo select tomará como valor el nombre del elemento asociado a la regla que queremos “disparar”  Esto nos ofrece un control real sobre el “orden” de ejecución de las reglas
  • 15. Resultado  El resultado de la transformación es el siguiente: <html> <head> <title>Ejemplo XSLT</title> </head> <body> <h1> CIUDADES DE ESPAÑA </h1> <h3>Madrid</h3> <h3>Málaga</h3> <h3>Toledo</h3> </body> </html>
  • 16. Ejemplos simple.xml <?xml version=“1.0” encoding="ISO-8859-1" ?> <?xml-stylesheet type="text/xsl" href=“simple.xsl" ?> <simple> <nombre> Álvarez MartínAlmudena </nombre> <nombre>Aragon Batista Joaquin </nombre> <nombre> Chavarri Satalaya Jordan </nombre> <nombre> Cruz FlorencioVictor </nombre> <nombre> DelToro delToro Moisés </nombre> <nombre> Díaz Redondo Raul </nombre> </simple>
  • 17. Simple.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> <head> <title>Ejemplo XSLT simple</title> </head> <body> <xsl:apply-templates /> </body> </html> </xsl:template> <xsl:template match="nombre"> <p> Nombre encontrado</p> </xsl:template> </xsl:stylesheet>
  • 18. Actividades 1. Con Notepad++ escribir cada uno de los ejemplos anteriores y hacer todas las pruebas que se os ocurran. 2. Con Notepad++, crear una primera hoja de estilo XSLT que, a partir del documento XML tienda1.xml (este documento se encuentra en adjunto), extraiga en un documento HTML los artículos de la tienda 3. Formatear la lista de artículos para que se presente como una lista no ordenada (sin numerar), de HTML 4. Cambiar la hoja de estilo XSLT para que los artículos se presenten en una tabla con una única columna 5. Cambiar la hoja de estilo para que los artículos se presenten en una tabla con dos columnas. En la primera de ellas se escribirá un texto fijo:“ARTICULOS DE MITIENDA” 6. Aplicar esta última hoja de estilo al documentos XML tiendecilla.xml(este documento se encuentra en adjunto).
  • 19. El elemento <xsl:value-of...> (I)  En el elemento <xsl:value-of…> se puede indicar que se quiere mostrar el valor del elemento que estamos procesando  También podemos indicar que queremos mostrar el valor de un elemento hijo, o descendiente, del elemento que se está procesando  En el ejemplo anterior, podríamos utilizar xsl:value-of para mostrar en el documento resultado de la transformación el artículo, la marca y el modelo de cada producto.  Esto es posible porque en el atributo select podemos utilizar una “expresión XPATH”  XPATH es un lenguaje que nos permite direccinarnos a las secciones de un documento XML y obtener las partes de la información que deseamos (nodo de contexto)
  • 20. El elemento <xsl:value-of...> (II)  Por ejemplo, para mostrar el valor del elemento articulo, que es un hijo del elemento producto, podríamos utilizar la siguiente regla: <xsl:template match="//producto"> <xsl:value-of select="./articulo" /> </xsl:template> El valor del atributo select se puede leer de la siguiente forma:“dame el valor del elemento articulo que es hijo del elemento que estoy procesando”. En este caso, cada uno de los elementos producto Esto se indica mediante ./ Selección de nodos
  • 21. Actividades  Utilizando el documento tienda1.xml, crear una hoja XSLT que transforme el documento xml en un documento HTML con la siguientes especificaciones:  El documento HTML deberá mostrar una tabla. La tabla contendrá una fila para cada producto.  Las filas tendrán tres celdas, en la que aparecerá el código, el artículo y la cantidad.
  • 22. Resumen  En las reglas XSLT, entre sus marcas de inicio y de fin, se puede incluir:  Texto que se escribirá “tal cual” en el documento resultado de la transformación.  Marcas HTML o XML que se añadiran al documento resultado de la transformación.  Elementos reservados de la especificación XSLT que realizarán una acción como recuperar el valor de un elemento, ordenar los resultados, llamar a otras reglas de la hoja de estilo, etc (llamadas expresiones XPATH).
  • 23. Procesamiento de nodos por lotes <xsl:for-each>  El elemento <xsl:for- each> permite hacer un bucle en XSLT  se puede utilizar para seleccionar todos los elementos XML del nodo actual Actividad  Aplicarlo en tiendecilla <?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>CIUDADES DE ESPAÑA</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>Ciudades</th> <th>Habitantes</th> </tr> <xsl:for-each select=“ciudades/ciudad"> <tr> <td><xsl:value-of select=“nombre"/></td> <td><xsl:value-of select=“habitantes"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>
  • 24. Orden de procesamiento  Las reglas se van activando y ejecutando a medida que se recorre el documento origen que se quiere transformar.  De esta forma, las reglas se ejecutan en el orden en el que se van encontrando los elementos en el documento.  Este comportamiento por defecto puede cambiarse en las hojas de estilo XSLT, a diferencia de lo que sucedía en las hojas de estilo CSS  Esto permite “reordenar” los contenidos del documento XML, de una forma distinta a como están ordenadas en el documento XML inicial
  • 25. Orden de procesamiento  Para ordenar los contenidos, se utiliza el elemento xsl:sort  xsl:sort es un elemento hijo de xsl:apply-templates  Acepta dos atributos:  select – que toma como valor el nombre del elemento que se va a utilizar como criterio de ordenación y  order – que indica si se debe utilizar un orden ascendente o descendente. <xsl:apply-templates select="//ciudad"> <xsl:sort select="ciudad" order="descending" /> </xsl:apply-templates>  ACTIVIDADES 1. Modificar la hoja xsl del último ejercicio (salida en tres columnas) para que los artículos se ordenen en orden descendente. 2. Aplicar la hoja de estilo XSL a tiendecilla,pero ordenado por cantidad.(especificar data-type)
  • 26. Leer y obtener el valor de atributos en XSLT  En XSLT podemos “filtrar” o indicar qué instancias de un elemento queremos procesar, tomando como criterio de selección el valor de los atributos que acompañan a los elementos  Para hacer esto, en un elemento xsl:value-of, podemos recuperar el valor de un atributo mediante la expresión @nombreAtributo , por ejemplo:  ACTIVIDADES: Diseñar una hoja de estilo para tiendecilla.xml que presente los datos en una tabla donde aparezcan el árticulo, la cantidad y el precio junto con la moneda de cada producto. <libro genero=“novela”> <autor>Deepak Chopra</autor> <titulo>El sendero del Mago</titulo> <isbn>950-15-1727</isbn> <editorial>Harmany Book</editorial> <sumario>... nos muestra cómo debemos ... Por medio de historias como </sumario> <precio moneda=“euros">50.00</precio> </libro> <xsl:template match=“libro"> <tr> <td><xsl:value-of select=“@genero" /></td> <td><xsl:value-of select=“./precio/@moneda" /></td> /tr> </xsl:template>
  • 27. Elemento xsl:if  El elemento <xsl:if> contiene una plantilla que se aplicará sólo si la condición especificada es verdadera. SINTAXIS <xsl:if test="expresion"> <!– Contenido de template --> </xsl:if> OPERADORES XSL Igualdad (=) = Desiguldad (≠) != Menor que (<) &lt; Mayor que (>) &gt; EJEMPLO <xsl:for-each select="//ciudad"> <xsl:if test="habitantes &gt; 100000"> <h3> <xsl:value-of select="./nombre" /> </h3> <xsl:value-of select="./habitantes" /> </xsl:if> </xsl:for-each>
  • 28. Elemento xsl:choose  El elemento <xsl:choose> se utiliza en conjunción con <xsl:when> y <xsl:otherwise> para expresar múltiples pruebas condicionales. SINTAXIS <xsl:choose> <xsl:when test="expression"> ... Hacer algo... </xsl:when> ... <xsl:otherwise> ... Hacer algo .... </xsl:otherwise> </xsl:choose>
  • 29. Ejemplo de xsl:choose EJEMPLO <xsl:for-each select="//ciudad"> <xsl:choose> <xsl:when test="habitantes &lt; 100000"> <tr bgcolor="#ff0000"> <td> <xsl:value-of select="./nombre" /> </td> <td><xsl:value-of select="./habitantes" /></td> </tr> </xsl:when> <xsl:otherwise> <tr bgcolor="#00ff00"> <td> <xsl:value-of select="./nombre" /> </td> <td> <xsl:value-of select="./habitantes" /> </td> </tr> </xsl:otherwise> </xsl:choose> </xsl:for-each>
  • 30. Actividades 1. Añadir a tiendecilla.xml dos productos nuevos. Sus precios serán 100 € y 350 € respectivamente. 2. Diseñar una hoja de estilos xsl para que los artículos con precio menores o iguales que 100 € aparezcan en color verde, los artículos con precios >100 € y < 1000 € de color azul y el resto rojo.
  • 31. RESUMEN ELEMENTOS XSLT (1) xsl:apply-imports Invoca una regla de plantilla reemplazada. xsl:apply-templates Dirige el procesador XSLT para que busque la plantilla adecuada que se debe aplicar, según el tipo y el contexto del nodo seleccionado. xsl:attribute Crea un nodo de atributo y lo asocia a un elemento resultante. xsl:attribute-set Define un conjunto de atributos con nombre. xsl:call-template Invoca una plantilla por nombre. xsl:choose Proporciona múltiples pruebas condicionales junto con los elementos <xsl:otherwise> y <xsl:when>. xsl:comment Genera un comentario en el resultado. xsl:copy Copia el nodo actual del origen al resultado. xsl:copy-of Inserta subárboles y fragmentos del árbol de resultados en el árbol de resultados. xsl:decimal-format Declara un formato-digital, que controla la interpretación de un modelo de formato utilizado por la función format-number. xsl:element Crea un elemento con el nombre especificado en el resultado. xsl:fallback Llama al contenido de la plantilla que puede proporcionar un sustituto razonable al comportamiento del nuevo elemento cuando se encuentre.
  • 32. RESUMEN ELEMENTOS XSLT (2) xsl:for-each Aplica una plantilla repetidamente, aplicándola a su vez en cada nodo de un conjunto. xsl:if Permite obtener fragmentos de plantillas condicionales simples. xsl:import Importa otro archivo XSLT. xsl:include Incluye otro archivo XSLT. xsl:key Declara una clave para utilizar con la función key() en expresiones de lenguaje de ruta XML (XPath). xsl:message Envía un mensaje de texto al búfer del mensaje o al cuadro de diálogo del mensaje. xsl:namespace-alias Sustituye el prefijo relacionado con un espacio de nombres dado por otro prefijo. xsl:number Inserta un número con formato en el árbol de resultados. xsl:otherwise Proporciona múltiples pruebas condicionales junto con los elementos <xsl:choose> y <xsl:when>. xsl:output Especifica las opciones que se deben utilizar a la hora de serializar el árbol de resultados. xsl:param Declara un parámetro con nombre que se puede utilizar dentro de un elemento <xsl:stylesheet> o un elemento <xsl:template>. Permite especificar un valor predeterminado. xsl:preserve-space Conserva los espacios en blanco en un documento. xsl:processing-instruction Genera una instrucción de proceso en el resultado.
  • 33. RESUMEN ELEMENTOS XSLT (3) msxsl:script* Define variables y funciones globales para extensiones de secuencias de comandos. xsl:sort Especifica los criterios de ordenación para las listas de nodos seleccionadas por <xsl:for- each> o <xsl:apply-templates>. xsl:strip-space Elimina espacios en blanco en un documento. xsl:stylesheet Especifica el elemento de documento en un archivo XSLT. El elemento de documento contiene otros elementos XSLT. xsl:template Define una plantilla reutilizable para generar los resultados deseados para los nodos de un tipo y contexto en particular. xsl:text Genera texto en el resultado. xsl:transform Lleva a cabo la misma función que <xsl:stylesheet>. xsl:value-of Inserta el valor del nodo seleccionado como texto. xsl:variable Especifica un valor enlazado de una expresión. xsl:when Proporciona múltiples pruebas condicionales junto con los elementos <xsl:choose> y <xsl:otherwise>. xsl:with-param Pasa un parámetro a una plantilla.
  • 34. Resumen de funciones XPATH  Existe una gran cantidad de funciones que se pueden usar en las expresiones XPATH  Tipos:  Funciones de nodo name(), node(), text()…  Funciones de posiciónposition(), last(), count(), …  Funciones numéricas number(), sum(),…  Funciones booleanasboolean(), not(), true(), false()  Funcones de cadenastring(), string-length(), contains(), …
  • 35. Uso de XSLT en Dreamwaver  Dreamweaver proporciona métodos para crear páginas XSLT que admitan transformaciones XSL en el lado del servidor y en el lado del cliente
  • 36. Crear una página XSL  Se pueden crear páginas XSL o fragmentos (sin html) que permitan mostrar datos XML en páginasWeb. Para crear una página XSL: 1. Configure un sitio de Dreamweaver. 2. Seleccione Archivo > Nuevo. 3. En la ficha General del cuadro de diálogo Nuevo documento, seleccione Página básica en la columna Categoría y, después, realice una de las siguientes opciones: 1. Seleccione XSLT (página completa) en la columna Página básica para crear una página XSLT completa. 2. Seleccione XSLT (fragmento) en la columna Página básica para crear un fragmento de XSLT. 4. Haga clic en Crear.Aparece el cuadro de diálogo Buscar origen XML para adjuntar una fuente de datos XML. 5. Seleccione Adjuntar un archivo local en mi equipo o en la red de área local 6. Guarde la nueva página (Archivo > Guardar) con la extensión .xsl o .xslt (.xsl es la extensión predeterminada).
  • 37. Visualización de datos XML en páginas XSL Para mostrar los datos XML: 1. Abra una página XSL con una fuente de datos XML adjunta. 2. (Opcional) Seleccione Insertar >Tabla para añadir una tabla a la página. 3. En la mayoría de los casos, conviene utilizar el objeto XSLT Repetir región para mostrar elementos XML repetidos en una página. Si éste fuera el caso, puede resultar conveniente crear una tabla de una sola fila con una o varias columnas, o bien una tabla de dos filas si desea incluir un encabezado de tabla. 4. En el panelVinculaciones, seleccione un elemento XML y arrástrelo hasta el lugar de la página en el que desea insertar los datos. 5. Obtenga una vista previa de su trabajo en un navegador (Archivo >Vista previa en el navegador)
  • 38. XSLT Y CSS  Podemos utiliza una hoja de estilos CSS en nuestra transformación del documento XML, para presentar su contenido.  En nuestro documento xsl, cargaremos la hoja de CSS mediante: ……. <xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso- 8859-1"/> <title>Untitled Document</title> <link href="simple.css" rel="stylesheet" type="text/css" /> </head> <body> ……..
  • 39. Actividades  Utilizando Dreamwaver crear un documento XSL para tiendecilla.xml que genere un documento HTML donde aparezca en una tabla todos los producto de la misma indicando el código, artículo, marca y modelo, ordenados por marca.  Añadir una hoja de estilo CSS para que dicho documento HTML presente la mejor apariencia.
  • 40. Conversión de páginas HTML en páginas XSLT  Abra la página HTML que desea convertir.  SeleccioneArchivo > Convertir > XSLT 1.0. Se abre una copia de la página en la ventana de documento con extensión xsl  Una vez convertida podemos vincular un documento xml: Para ello seleccionarVentana/vinculaciones Ya podemos añadir datos xml a nuestra página XSL Actividad: Crear una página html, convertirla en xsl y mostrar datos de tiendecilla.xml en la misma mediante una tabla.
  • 41. Actividad I: xml-xsl-css  Crear un fichero XML que almacene datos de un diccionario bilingüe inglés – español.  Debe almacenar los siguientes datos:  Palabra con atributo indicando el tipo (sustantivo, adjetivo, verbo, adverbio, etc)  Transcripción fonética  Traducción1  Traducción2  Imagen de referencia si es posible (nombre de un fichero .gif . El fichero debe estar almacenado en mismo directorio o carpeta que el fichero XML  Ejemplo en frase en inglés  Debe almacenar al menos 15 palabras  Crear un documento XSL llamado diccionario1.xsl que muestre una tabla con todos los datos incluso la imagen  Crear un documento XSL llamado verbos.xsl que muestre una tabla con la palabra en inglés y su traducción que sea verbo  Crear un documento XSL llamado sustantivos.xsl junto con una hoja de estilos sustativos.css que muestre una tabla con la palabra en inglés y su traducción que sea sustantivo
  • 42. Unidad 7 7.1 XSLT y XPATH Fin de la presentación ¡Gracias! www.docencia.taboadaleon.es