--- title: "Expresiones XPath para la generación de informes de datos" date: "2013-09-27" categories: - "xpath" tags: - "altova-xmlspy" - "authentic" - "epub" - "stylevision" - "xml-reports" - "xpath" Descriptions: Learn about using XPath to select data for reports in Altova StyleVision. description: Este artículo explora el uso de expresiones XPath en XMLSpy y StyleVision para la elaboración de informes de datos eficaces, incluyendo formularios electrónicos interactivos y la creación de gráficos. --- Status: #blog Tags: #altova-xmlspy #authentic #epub #stylevision #xml-reports #xpath Categories: [xpath+xquery](/blog/es/category/xpathxquery.md) # Expresiones XPath para la generación de informes de datos En nuestra publicación anterior, titulada "[Utilice expresiones XPath para refinar la selección de datos](https://www.altova.com/blog/2013/09/use-xpath-expressions-to-refine-data.html)", describimos cómo utilizar XMLSpy para desarrollar una expresión XPath que permita seleccionar una tabla de datos contenida en un conjunto de datos mucho más amplio proporcionado por el Departamento de Educación de los Estados Unidos. ![Un informe en formato HTML generado a partir de la selección de datos mediante XPath en StyleVision](https://lh3.ggpht.com/-8oo4VgEw2gE/UjnhznO7ahI/AAAAAAAABTA/MgScZv75SRE/clip_image001%25255B3%25255D.png?imgmax=800 "An HTML report based on XPath data selection in StyleVision") Podemos reutilizar el trabajo realizado en [XMLSpy](https://www.altova.com/es/xmlspy.html) para crear rápidamente un diseño en [StyleVision](https://www.altova.com/es/stylevision.html) para un informe o un formulario electrónico, con el fin de destacar los aspectos más importantes de los datos. Podemos comenzar con un diseño sencillo en StyleVision, basado en el esquema XML gradData y el archivo XML que creamos en XMLSpy. Dado que guardamos la configuración final y optimizada del gráfico en XMLSpy, también podemos volver a cargar el diseño del gráfico en StyleVision. ![Diseño de StyleVision para el informe de datos](https://lh5.ggpht.com/-xiB7bV790Jk/Ujnh0IRLadI/AAAAAAAABTE/2Iu9DewDrVE/clip_image002%25255B3%25255D.png?imgmax=800 "StyleVision design for the data report") Utilizaremos la expresión XPath `set setnum="FOS"` desarrollada en XMLSpy en dos lugares para seleccionar únicamente una de las tablas que se encuentran dentro del archivo XML más grande. Esta expresión solo coincidirá con el elemento `/data/set` cuyo atributo `setnum` sea "FOS": `set setnum="FOS"`. Primero, utilizaremos una expresión para definir la salida condicional del elemento de descripción. Cada tabla individual incluye una descripción que puede servir como un título útil para el gráfico. Podemos ingresar la expresión XPath en la ventana de ayuda de las propiedades para establecer la condición. ![Ventana de propiedades para el control de condiciones, que muestra la expresión XPath](https://lh5.ggpht.com/-YG9jeuYhz60/Ujnh0nD5kOI/AAAAAAAABTM/e8991AZ1Mmo/clip_image003%25255B3%25255D.png?imgmax=800 "Properties window for the condition control, showing the XPath expression") La expresión se muestra entonces cuando el cursor se desplaza sobre la condición: ![La expresión XPath se muestra en la ventana de diseño](https://lh6.ggpht.com/-29GKlKQI2lg/Ujnh1IkwNKI/AAAAAAAABTU/uwAQH1bDzsU/clip_image004%25255B3%25255D.png?imgmax=800 "XPath displayed in the design window") También utilizaremos la expresión XPath en el cuadro de diálogo de configuración del gráfico para seleccionar las filas de datos que se representarán en el gráfico ![Expresiones XPath para la selección de datos en el cuadro de diálogo de configuración del gráfico](https://lh3.ggpht.com/-2CPnWbnUFDo/Ujnh1pCrmCI/AAAAAAAABTc/sSVaLkPHNo4/clip_image005%25255B3%25255D.png?imgmax=800 "XPath for data selection in the chart settings dialog") Estos dos ejemplos generaron el código HTML que se muestra en la primera imagen, ubicada al principio de este artículo. **Una expresión XPath combinada con un menú desplegable permite al usuario realizar una selección** Podemos convertir el informe en un formato interactivo [Authentic](https://www.altova.com/es/authentic.html) Para crear un formulario electrónico, podemos utilizar un elemento XML como variable en la expresión XPath, en lugar de utilizar el valor de cadena "FOS" codificado directamente. De esta manera, podemos permitir que el usuario configure el contenido del elemento XML a través de una lista desplegable. Para implementar esta funcionalidad, insertaremos un segundo archivo XML de trabajo que almacenará la selección temporal del usuario, como se muestra a continuación en las ventanas de Vista general del diseño y Árbol de esquema de StyleVision. ![Descripción general del diseño y árbol de esquema que muestra varios archivos XML en funcionamiento](https://lh3.ggpht.com/-Im-cnaYif1U/Ujnh2Cw5PcI/AAAAAAAABTk/C4XnAC8TpC8/clip_image006%25255B3%25255D.png?imgmax=800 "Design Overview and Schema Tree showing multiple working XML files") Podemos insertar el cuadro combinado en la parte superior del formulario, por encima de la descripción y el gráfico. ![Se ha añadido un cuadro combinado al diseño para facilitar el control interactivo](https://lh5.ggpht.com/-bVe6I8apjyQ/Ujnh3ICXv6I/AAAAAAAABTs/MlP9zxtIb6U/clip_image007%25255B3%25255D.png?imgmax=800 "A combo box added to the design for interactive contro") StyleVision ofrece varias formas de definir el comportamiento de las listas desplegables. Utilizaremos una lista de elementos visibles, cada uno con su correspondiente valor XML. ![Definición de los elementos visibles y los valores XML en un cuadro combinado](https://lh4.ggpht.com/-FKR2V28AAo0/Ujnh3rnMaSI/AAAAAAAABT0/AxeFDeQ3O5I/clip_image008%25255B3%25255D.png?imgmax=800 "Combo box defintion of Visible Entries and XML values") La lista desplegable asignará un valor XML al elemento "chart" en el archivo "userselections.xml", que luego podremos comparar con el atributo "setnum" en el archivo "gradData.xml". A continuación, necesitamos modificar ambas expresiones XPath. La nueva expresión XPath para la condición asignada a la descripción es: ../@setnum=$XML2/userchoice/chart como se muestra a continuación en la ventana de propiedades. ![Expresión XPath actualizada para la visualización seleccionada por el usuario](https://lh3.ggpht.com/-JdpIuvVUwkg/Ujnh4LTVkgI/AAAAAAAABT8/zgCirqKk4N4/clip_image009%25255B3%25255D.png?imgmax=800 "Updated XPath expression for user-selected display") La nueva expresión XPath para los datos del gráfico es: `$XML/data/set[@setnum=$XML2/userchoice/chart]/row` que se muestra a continuación en el cuadro de diálogo de configuración del gráfico. ![Se ha actualizado la expresión XPath en el diálogo de configuración del gráfico](https://lh5.ggpht.com/-dGod4uRG51s/Ujnh4o79oAI/AAAAAAAABUE/4ARuRxZhoY4/clip_image010%25255B3%25255D.png?imgmax=800 "Updated XPath in the chart settings dialog") StyleVision incluye un editor de expresiones XPath al que se puede acceder haciendo clic en el botón de edición que se encuentra junto a cualquiera de las expresiones XPath mostradas anteriormente. El editor de expresiones XPath tiene un modo de creación y un modo de evaluación para facilitar la escritura de expresiones XPath 1.0 y XPath 2.0. El modo de creación ofrece verificación de sintaxis en tiempo real y una función de autocompletado para mejorar la eficiencia. El editor de XPath se muestra a continuación en un tamaño reducido: ![Constructor de expresiones XPath (vista reducida)](https://lh5.ggpht.com/-Ub_TN4ToohM/Ujnh5S626lI/AAAAAAAABUM/HiponeePKfk/clip_image011%25255B3%25255D.png?imgmax=800 "XPath Builder (reduced view)") Una vez que ajustamos el tamaño de la lista desplegable para que se adapte al campo más amplio, el formulario electrónico se verá así: ![Libro electrónico interactivo para la presentación de datos](https://lh6.ggpht.com/-0yA20dK6nbU/Ujnh6j9GF7I/AAAAAAAABUU/g2vu5nIXBPk/clip_image012%25255B3%25255D.png?imgmax=800 "Interactive e-Pub for data reporting") La lista desplegable permite al usuario seleccionar cualquier otro tipo de gráfico ![Selección de un nuevo usuario a partir del menú desplegable de la lista combinada](https://lh4.ggpht.com/-IG1CxL7EX54/Ujnh7K_KfpI/AAAAAAAABUc/DIEOPx80NSU/clip_image013%25255B3%25255D.png?imgmax=800 "New user selection from combo-box drop-down") El valor XML de la nueva selección reemplaza el contenido del elemento `` en el archivo userselections.xml, y ambas expresiones XPath generan nuevos resultados: ![Informe actualizado sobre libros electrónicos](https://lh3.ggpht.com/-zjsWOtn6bhQ/Ujnh7rIzJ7I/AAAAAAAABUo/NOL594co0Bg/clip_image014%25255B3%25255D.png?imgmax=800 "Updated e-Pub report") [**Haga clic aquí para descargar una versión de prueba gratuita de Altova MissionKit.**](https://www.altova.com/es/download-trial.html)**...incluyendo XMLSpy, MapForce y StyleVision, y comience a utilizar XPath para perfeccionar sus propias selecciones de datos.**