Reportes en Visual Net Aplicaciones Windows(Ado Net)
Visual Studio Net
Reportes en Visual Net Aplicaciones Windows (ADO Net) Prof: Allende Aguilar; Franklin
FrankDocNet
1/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
Reportes en Visual Net Objetivo: Crear Listados Simples Como agrupar. Reportes con parámetros Reportes Gráficos Visualización de Reportes
Introducción Cuando desarrollamos un Sistema de Negocio, mas allá de generar buenas consultas, mantenimientos y transacciones, debemos enfocarnos a que nuestro sistema ayude en la toma de decisiones, ese debe de ser la finalidad de un sistema. En esta ultima parte veremos todo respecto a reportes, que empezaremos con listados simples, con agrupaciones, con parámetros y los famosos reportes gráficos (estadísticos) que ayudan a tomar decisiones dentro de una empresa y permite dar soluciones rápidas. Para poder hacer nuestros Reportes utilizaremos de Crystal Report, es una herramienta muy potente, es muy utilizado en el medio Empresarial, que nos permitirá hacer el diseño y utilizaremos un control CrystalReportView para poder visualizar nuestros Reportes. Nota: En esta separata trabajaremos con la base de Datos Northwind, si Ud. No dispone de la base de datos Northwind consulte con su instructor de turno, además debe verificar que el SQL Server este activo.
Practica Programada. A.- Listado Simple 1.- Crear un Proyecto de Aplicación Windows de nombre “Reportes”
2/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
2.- Clic derecho sobre el proyecto “Reportes”: /Agregar/Nuevo elemento y aparece la siguiente pantalla.
3.- En la pantalla seleccione Crystal Reports, póngale el nombre “CrListadoProductos” y click en el botón Agregar. 4.- Aparecerá la siguiente pantalla de contrato en donde Ud. Aceptara tal contrato.
Nota: el contrato solo aparecerá en el primer reporte que diseñemos, en los próximos que creemos ya no se nos presentara tal pantalla
3/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
5.- Luego aparecerá la siguiente pantalla, donde Ud. Elegirá la opción “Como informe en blanco” y clic en aceptar
6.- y aparecerá la siguiente pantalla.
4/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
7.- Desde el explorador de Campos click derecho en “Campos de Base de Datos” y seleccione “Conectar o Desconectar Servidor”
8.- Aparecerá la siguiente pantalla, en donde Ud. deberá desplegar la carpeta “Crear nueva conexión”.
5/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
9.- Luego trate de desplegar la carpeta “OLE DB (ADO)” como en la siguiente pantalla.
10.- Le mostrara la siguiente pantalla, donde seleccionaremos el proveedor OLE DB del SQL Server, como se muestra en el gráfico y click en el botón siguiente.
6/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
11.- En la siguiente pantalla checkee “Seguridad Integrada”, ponga el nombre del servidor en este caso (local) y seleccione la Base de Datos Northwind quedando como se muestra en el gráfico siguiente y click en el botón siguiente.
12.- En la siguiente pantalla click en el botón Finalizar y volveremos a la pantalla inicio.
7/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
13.- Si trabajamos con Visual Net 2003 y deseamos trabajar con Procedimientos Almacenados debemos activar la opci贸n de procedimientos almacenados, entonces haga click en el bot贸n opciones.
14.- En la pantalla siguiente checkee la opci贸n de Procedimientos Almacenados y click en le bot贸n Aceptar.
8/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
15.- Es todo respecto a conectarnos con el servidor SQL y a la base de datos con el que trabajaremos en el Reporte. Entonces por ultimo click en el botón “Cerrar”
16.- El siguiente paso es seleccionar la tabla, Vista o Procedimiento Almacenado que mostraremos en el Reporte. Entonces click derecho en “Campos de Base de Datos” seleccione “Asistente de Base de Datos”
9/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
17.- En la siguiente pantalla desplace la conexión OLE DB generada anteriormente hasta llegar a tablas, seleccione la tabla “Products”, click en el botón Agregar y por ultimo click en le botón Aceptar.
18.- Ahora en campos de Base de Datos Ud. podrá desplazar hasta ver los campos de la tabla Products se ve en el siguiente gráfico.
10/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
19.- Arrastre los campos, que desea mostrar en el reporte, a la parte de Detalles (Secction3) quedando de esta manera
20.- Ahora cambiaremos los títulos de los campos (Secction2), click derecho sobre el titulo que deseamos cambiar, seleccione “Editar Objeto texto” y cambie a “Codigo”.
21.- Una vez que cambie todos los títulos quedara como sigue:
22.- Ahora daremos formato a los títulos de los campos, seleccione todos los campos y clic derecho, seleccione “Objetos de Formato Múltiple” y cambie al formato que Ud. Desea.
11/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
23.- Ahora Insertaremos un objeto texto para el titulo: Click derecho en el espacio de Section1 Seleccione Insertar/ Objeto texto, ubicar en la parte del Section1, digite “Listado de Productos”, cambie de formato con letras grandes, como se ve en el gráfico. 24.- Ahora Insertaremos un línea que atraviese todo el Reporte: Click derecho en el Section1 seleccione Insertar/Línea, aparecerá un lápiz con la cual pintara la línea de extremo a extremo en la parte del Section1 y también podrá dar formato a la línea y se vera como sigue. 25.- Para insertar campos especiales como fecha de impresión, Hora de Impresión, paginación etc. Es muy sencillo, por ejemplo insertaremos la fecha de Impresión: Click derecho en el Section1 seleccione Insertar/Campo especial/Fecha de Impresión y ubique al costado del Titulo. 26.- Vamos a agregar paginación a nuestro Reporte: Click derecho en el Section5 seleccione Insertar/Campo Especial/Pagina N de M, ubíquelo en el espacio de Section5 y el reporte ya tendrá este diseño:
12/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
27.- Insertaremos también un resumen: click derecho en el Section4 seleccione Insertar/Resumen, en la siguiente pantalla como se ve en el gráfico cambie Campo a Resumir a UnitsInStock y click en el botón aceptar.
29.- Entonces ya habrá visto que se agrego un campo resumen en la parte del Section4, y para terminar agregaremos un Objeto texto, le pondremos “Resumen Total” al final se vera nuestro reporte como sigue.
13/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
30.- Al Proyecto agregar un nuevo formulario de nombre FrmLisProductos y cambie las siguientes propiedades: Propiedad WindowState Text
Valor Maximized Listado de Productos
31.- Desde el cuadro de Herramientas agregar el control CrystalResportView, al formulario FrmLisProductos, que nos va permitir ver nuestro Reporte que diseñamos anteriormente y quedara como sigue:
32.- Al control CrystalReportView cambie las siguientes Propiedades: Propiedad Name DisplayGroupTree
Valor CrvListadoProductos False
33.- En el evento Load del formulario tendrá que agregar el siguiente código:
Me.CrvListadoProductos.ReportSource = New CrListadoProductos
14/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
34.- Cambie el formulario de inicio ejecute y se vera como sigue:
B.- Reportes con parรกmetros: 1.- En el SQL crear el siguiente Procedimiento Almacenado:
CREATE PROCEDURE UspBoletasXFecha @FecDesde datetime, @FecHasta datetime AS SELECT O.OrderID as [Nro Boleta], C.CompanyName as Cliente, O.OrderDate as Fecha, P.ProductName as Producto, D.UnitPrice as Precio, D.Quantity as Stock, D.UnitPrice * D.Quantity as Importe FROM Customers C INNER JOIN Orders O ON C.CustomerID = O.CustomerID INNER JOIN [Order Details] D ON O.OrderID = D.OrderID INNER JOIN Products P ON D.ProductID = P.ProductID WHERE O.OrderDate BETWEEN @FecDesde and @FecHasta
2.- Volvemos al visual para agregar un nuevo Crystal Resport de nombre CrBoletasXFecha, cabe aclarar que esta vez ya no aparecerรก el contrato de licencia y si apareciera simplemente acepte. 15/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
3.- En la siguiente pantalla seleccione la opción Usar Asistente de Informes y click en el botón aceptar.
4.- Le mostrara una pantalla ya conocida para Ud; Como ya nos conectamos al SQL y seleccionamos la Base de Datos para el anterior reporte, ya no es necesario volver a hacerlo y la pantalla se contara como sigue.
Nota: Si por algún motivo no aparece la conexión a la Base de Datos como se muestra en el anterior gráfico entonces tendrá que hacer los pasos a partir del numeral 8 hasta el numeral 15 del anterior ejemplo.
16/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
5.- Desplace Procedimientos Almacenados, Busque el ultimo Procedimiento que creamos (UspBoletasXFecha) y haga click en el bot贸n
.
6.- Le va aparecer la siguiente pantalla en donde solo acepte
17/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
7.- Ahora la pantalla quedara como se muestra en el gr谩fico siguiente y haga click en el bot贸n siguiente:
8.- En la siguiente pantalla que mostramos en la parte inferior click en el bot贸n que esta en el circulo para pasar todos los campos a la parte derecha y por ultimo click en el bot贸n Siguiente.
18/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
9.- En la siguiente pantalla seleccione el campo Nro Boleta y agregue al lado derecho como se muestra en el gráfico inferior y pasa seguir click en el botón Siguiente.
10.- En la pantalla siguiente en el lado derecho aparecen todos los campos numéricos, deberá quitar los demás y quedarse solo con Importe como se muestra en el gráfico inferior y click en el botón Siguiente
19/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
11.- En la Siguiente pantalla click en siguiente.
12.- En la Siguiente pantalla click en el bot贸n siguiente.
20/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
14.- En la siguiente pantalla click en el bot贸n siguiente
15.- En la siguiente pantalla en Estilos Disponibles seleccione Interrupci贸n a la Izquierda y click en el bot贸n Finalizar
21/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
16.- Quedara como sigue.
17.- Hagamos algunas modificaciones
22/31
Prof: Allende Aguilar; Franklin
|
para poder visualizar como sigue:
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
18.- Agregar un nuevo Formulario de nombre FrmBoletasXFecha, y dise帽e de la siguiente forma:
19.- Agregar el siguiente c贸digo en el evento click del bot贸n BtnVer.
Dim Rpt As New CrBoletasXFecha Rpt.SetParameterValue("@FecDesde", Me.DtpDesde.Value) Rpt.SetParameterValue("@FecHasta", Me.DtpHasta.Value) Me.CrvBoletasXFecha.ReportSource = Rpt
23/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
20.- Cambie formulario de inicio a FrmBoletasXFecha, ejecute y se vera como sigue:
24/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
c.- Reporte Gráfico (Estadístico) 1.- Abramos SQL Server, activemos la Base de Datos Northwind y crearemos el siguiente procedimiento almacenado:
CREATE PROCEDURE UspVentasXMes as SELECT DATENAME(mm,O.OrderDate) as Mes, SUM(D.Quantity * D.UnitPrice) as Ventas FROM Orders O INNER JOIN [Order Details] D ON O.orderId=D.OrderId GROUP BY DATENAME(mm,O.OrderDate),MONTH(O.OrderDate) ORDER BY MONTH(O.OrderDate)
2.- Volviendo al Visual Net, agregar un nuevo Crystal Report de nombre CrVentasXMes, seleccione la opción “Como informe en Blanco” y quedara como sigue:
Nota: la conexión a la Base de datos ya lo tenemos, no será necesario volver a hacerlo, si por el contrario Ud. No tiene la conexión deberá seguir los pasos del numeral 6 al 15 del 1er reporte (Listado Simple).
3.- Click derecho en Campos de Base de datos seleccione Asitente de Base de Datos
25/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
4.- En la siguiente pantalla seleccione su Procedimiento almacenado “UspVentasXMes”, agregue a la parte derecha como se muestra en el gráfico inferior y click en el botón aceptar.
5.- En Campos de Base de Datos Ud. Podrá visualizar el Procedimiento almacenado con sus dos respectivos campos. 6.- Ahora vamos a configurar la hoja a Horizontal: Click derecho en el secction2 seleccione Diseño/Preparar Impresora…
26/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
7.- En la siguiente pantalla click en el boton Propiedades como se muestra en el gr谩fico.
8.- En la Siguiente pantalla seleccione la opci贸n de Horizontal y click en el bot贸n aceptar.
27/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
9.- Volveremos al anterior pantalla y click en aceptar 10.- Ahora click derecho en el secction2 seleccione Insertar/Grรกfico
11.- En la siguiente pantalla click en la pestana Datos y personalice como se ve en el grรกfico siguiente.
28/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
12.- Sigua los pasos de la siguiente pantalla.
13.- en la siguiente pantalla click en el bot贸n aceptar.
29/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
14.- Quedara como sigue nuestro Reporte, amplié mas el ancho del gráfico
15.- Agregar un nuevo formulario de nombre FrmVentasXMes, cambie las siguientes propiedades. Propiedad WindowState Text
Valor Maximized Ventas por Mes
16.- Agregue un control CrystalReportView cambie las siguientes Propiedades: Propiedad Name DisplayGroupTree
Valor CrvVentasXMes False
17.- En el evento load del formulario agregar el siguiente código.
Me.CrvVentasXMes.ReportSource = New CrVentasXMes
30/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com
Reportes en Visual Net Aplicaciones Windows(Ado Net)
18.- Cambie formulario de inicio a FrmVentasXMes, ejecute y se vera como sigue.
31/31
Prof: Allende Aguilar; Franklin
|
Email: frank_allende@hotmail.com