Reporteria Con Ireport

22
UNIVERSIDAD TECNICA DE MANABI Facultad de Ciencias Informáticas Ingeniería en sistemas Aplicación y manejo de base de datos Tema: Reporte mediante Aplicación web Integrantes: Villarreal Loor Shirley Baque Ramos Jhon Johan Tumbaco Zavala Katiusca Perez Salazar Angel Velez Rivas tito Ponce Mirian Semestre: 5to “A Catedrático:

Transcript of Reporteria Con Ireport

Page 1: Reporteria Con Ireport

UNIVERSIDAD TECNICA DE MANABI

Facultad de Ciencias Informáticas

Ingeniería en sistemas

Aplicación y manejo de base de datos

Tema:

Reporte mediante Aplicación web

Integrantes:

Villarreal Loor Shirley Baque Ramos Jhon Johan Tumbaco Zavala Katiusca

Perez Salazar Angel Velez Rivas tito Ponce Mirian

Semestre:

5to “A

Catedrático:

Ing. Robert Moreira

Page 2: Reporteria Con Ireport

Creación de Reportes con JasperRepots y iReports - Parte 1: Reportes con Conexión a Base de Datos

Primeramente para comenzar hacer el proyecto necesitamos de las herramientas necesarias que son:

Xampp

Mysql

Ireport Netbean

Page 3: Reporteria Con Ireport

La base de datos que usaré se llama "example". Esta es la creación las tablas con sus respectivos ingresos:

Ya tenemos nuestros datos crearemos un "datasource" en iReport para poder acceder a nuestros datos y hacer pruebas directamente, sin necesidad de una aplicación Java (por el momento). Para crear este datasource hacemos clic en el ícono "Report Datasources" ubicado en la barra de herramientas de iReport:

Con lo que se abrirá la ventana de "Connections / Datasources" que en este momento debe contener solo un "Empty datasource" y la conexión a una base de datos. Ahora hacemos clic en el botón "New" para crear nuestro nuevo datasource.

Page 4: Reporteria Con Ireport

En la nueva ventana que se abre seleccionamos "Database JDBC connection" y presionamos el botón "Next". En la siguiente ventana debemos proporcionar algunos datos como el nombre se le dará al datasource y los datos para realizar la conexión de la base de datos. Después de llenar estos datos la ventana debe haber quedado más o menos como la siguiente:

Antes de guardar esta configuración hagan clic en el botón "Test" para probar que todos los datos proporcionados son correctos. Si todo ha salido bien, al hacer clic en el botón "Save" la

Page 5: Reporteria Con Ireport

ventana actual debe cerrarse y nuestro datasource debe estar ahora en la ventana "Connections / Datasources".

Ahora pasaremos a crear nuestro nuevo reporte. Esta será la primer y única ocasión en la que haremos uso del "Report Wizard" para ayudarnos a generar el reporte. Para esto vamos al menú "File -> New...". Con esto se abrirá la ventana de "New File" en la que seleccionaremos el formato de nuestro reporte. En mi caso seleccionaré la plantilla "Wood" aunque se puede seleccionar la que se deseen, y hacemos clic en el botón "Launch Report Wizard"

Page 6: Reporteria Con Ireport

Hacemos clic en el botón "Next". En este paso debemos seleccionar el datasource desde el que los datos del reporte serán tomados. Por default está seleccionado el "Empty datasource". Así que nosotros seleccionamos el datasource "proyecto_pasar" (el datasource que creamos anteriormente).

Aquí nos muestra todas las tablas que contiene la base de datos en este caso tenemos 18 tablas:

Page 7: Reporteria Con Ireport
Page 8: Reporteria Con Ireport

Si queremos ver como se verá el reporte final, en este caso, podemos ver un preview con los datos reales si cambiamos a la vista de "preview" en la ventana del editor.

Una vez terminado el reporte se procede a configurar los parámetros para el grafico:

Page 9: Reporteria Con Ireport

Lo primero que haremos es crear un nuevo proyecto en NetBeans. Para esto vamos al menú "File -> new Project...". En la ventana de nuevos proyectos seleccionamos la categoría "Java web" y de tipo de proyecto seleccionamos "Web Application" y hacemos clic en el botón "Next". En la siguiente ventana introducimos el nombre de nuestro proyecto y dejamos seleccionada la opción "Create Main Class" y "Set as Main Project".

Page 10: Reporteria Con Ireport

Hacemos clic en el botón "Next". En el siguiente paso le damos un nombre y una ubicación al proyecto. Hacemos clic en el botón "Next". Para terminar seleccionamos el servidor que vamos a usar. Usaremos el Tomcat 7.0.22.0, por lo que lo seleccionamos y hacemos clic en el botón "Finish". Con esto debe aparecer nuestro proyecto en la ventana "Projects", y un archivo llamado "index.jsp" en la ventana del editor.

Page 11: Reporteria Con Ireport

Hacemos clic derecho para agregar las librerías necesarias para nuestro proyecto:

Page 12: Reporteria Con Ireport

Agregamos el conector de mysql:

Page 13: Reporteria Con Ireport

Ahora agregamos las librerías para poder utilizar las graficas:

Page 14: Reporteria Con Ireport
Page 15: Reporteria Con Ireport
Page 16: Reporteria Con Ireport

Ahora crearemos un nuevo Servlets, que será el componente desde el que generaremos el reporte. Para eso hacemos clic derecho sobre el nodo "Source Package" del panel "Projects" y en el menú contextual que se abre seleccionamos "New -> Other...". En la ventana que se abre seleccionamos la categoría “web” y como tipo de archivo “Servlet”

Page 17: Reporteria Con Ireport
Page 18: Reporteria Con Ireport
Page 19: Reporteria Con Ireport
Page 20: Reporteria Con Ireport

Web grafía

http://www.javatutoriales.com/2009/01/creacion-de-reportes-con-multiples.html

http://www.javatutoriales.com/2009/02/creacion-de-reportes-con-jasperrepots-y.html