reporte REPORTVIEWER

Programación 4 C#

DISEÑO DE REPORTE CON REPORTVIEWER (C#)

Objetivos 

• Visualizaremos la información de los registros ingresados  mediante diseño de informes.
• Poner en práctica los conocimientos de análisis y diseño de salida de los datos.

Conocimientos Previos 

Para que puedas realizar un informe y entenderlo muy bien debes tener los siguientes conocimientos:

• Diseño de tablas en dataset.
• Realizar Conexiones  SQL.
• Estructuras de Control.

Requisitos 

Los requisitos para poder realizar y diseñar un reporte son:

• Tener conocimientos de Xampp.
• Utilizar el Gestor de Base de Datos el cual utilizaremos SQL.
•  CRUD de datos  elaborado en C#.

Este es el CRUD de  estudiantes con el cual vamos a trabajar y explicar cómo elaborar el reporte:

En la ilustración mostramos  lo que es el “dsestudiantes”  ya que eso será con lo principal que trabajaremos.
Para que el reporte pueda funcionar y mostrar los registros deben haber datos en este caso será la tabla “” 

Ahora que ya estamos seguros de que tenemos lo anterior mencionado podemos empezar con nuestro reporte. 

Pasos para la elaboración de un reporte C#

Para comenzar con  la elaboración nuestro reporte  lo primero que debemos hacer es agrega

un  nuevo elemento, cuando realicemos esta acción debemos de seleccionar la opción de

“Reporting”  al haber realizado esto nos aparecerá tres opciones de las cuales seleccionaremos

“Informe” y enseguida darle un nombre .Tal y como observamos en la siguiente imagen:

Al reporte le daremos el nombre de “Report_estudiante”  por ultimo daremos click en Agregar 
y nos aparecerá lo siguiente:

Como observamos ya hemos creado nuestro informe se ha creado. Y podemos observar una pequeña
pestaña en la parte superior llamada “Informe” la cual aparecerá cuando estemos trabajando en lo que
es “dsestudiante”.

Ahora empezaremos a aplicar las reglas de salida de datos. Debemos de agregar un encabezado

en el cual estará el título del anteriormente mencionado informe luego agregaremos lo que es el
pie de página en el cual estará la fecha de impresión y el número total de las páginas.

Para realizar esto haremos lo siguiente:

Luego iremos a la pestaña ubicada en la parte posterior del informe y primero seleccionamos 
“Agregar encabezado de página”, seguidamente se agregara el encabezado y para agregar el pie
de página realizaremos el mismo procedimiento  seleccionamos “Agregar pie de página” el resultado
sería el siguiente:

3. Agregar el título en el encabezado Para poder agregar el encabezado tomaremos el

4. “cuadro de texto”  y luego lo situamos en el encabezado de la página.

5. Con precaución el título del informe en el cuadro de texto en este caso será “Reporte de estudiantes”,

6. damos el tamaño deseado de letra, color, fuente, centramos el texto, luego centramos

7. el objeto tanto horizontal como vertical.

8. Nuestro encabezado quedaría de esta manera:

Como podemos observar en la imagen el título ya está listo.
Aquí les indicamos donde se encuentra la caja de texto y las herramientas del formato de texto
y las herramientas para centrar un objeto.

4. Agregar un pie de página: fecha de impresión y número total de paginas

Para agregar la fecha de impresión haremos lo siguiente: 

Agregaremos dos cuadros de texto juntos, en el de la izquierda escribiremos la
“Fecha de Impresión”, en el de la derecha obtendremos la fecha actual, para lograr
esto daremos click derecho sobre el cuadro de texto 

Luego de realizar eso te aparecerán las siguientes opciones:

Cortar 

Copiar 

Pegar 

Eliminar

Diseño 

Expresión

Propiedades del cuadro de texto

Hemos remarcado “Expresión” por qué es la debemos dar click, esto nos llevara a la siguiente
ventana en donde haremos lo siguiente:

• Seleccionaremos “Funciones comunes”.
• Se desplegarán varias opciones de las cuales daremos click en “&Fecha y hora”.
• En el cuadro de la derecha aparecerán más opciones, buscaremos la que dicen “Now”

  y daremos doble click en ella.

• En el cuadro superior aparecerá “Now (“en el cual debemos escribir el paréntesis de cierre.
• Por ultimo daremos click en Aceptar.

Realizado esto ya tenemos la fecha de impresión.

Para agregar el número y el total de páginas hacemos lo siguiente:

Agregamos 4 cuadros de texto. En el primero escribiremos “Número de página”,
en el segundo obtendremos mediante una expresión
el número de página, en el tercero nomas escribiremos una pleca y
en el cuarto obtendremos el total de las páginas 

Para obtener el número de página en el segundo seguimos los mismos pasos de la fecha hasta llegar
a la misma ventana en la cual seleccionaremos “campos integrados” al hacer esto se desplegaran
varias opciones de la cual daremos doble click en “PageNumber”  para obtener el número de páginas
del informe.
Para obtener el total de páginas seguimos los mismos pasos solo que en lugar de dar doble click en
“PageNumber” lo haremos en “TotalPages”.
Al realizar estos pasos en cada uno daremos aceptar.

Con esto ya tenemos la fecha de impresión y número total de páginas 

5. Llamado del conjunto de datos “”.

Para esto debemos ir a datos de informe que aparece en la parte izquierda.

En esta sale un botón “Nuevo” al dar click sobre el aparecen las siguientes opciones:

Conjunto de datos

Parámetros 

Imagen

Nosotros daremos click sobre esta opción. Al hacer esto nos llevara a una ventana:

En Nombre podemos darle el nombre que deseemos a nuestro dataset en nuestro caso le dejaremos
el nombre así “Dataset 1”en origen de datos seleccionamos el dataset que hemos creado “” y
en conjunto seleccionaremos la tabla que está disponible para el conjunto de datos:

Como podemos observar, al realizar esto muestra los campos de la tabla “estudiantes” con esto
ya hemos traído  nuestro “”
para poderlo utilizar en el informe.
Creación de tabla donde se visualizaran los datos:Para crear la tabla  debemos ir al cuadro de
herramientas y arrastrar el objeto tabla a  la superficie del diseño de nuestro informe.

 

Ya en la imagen podemos observar que tenemos nuestra tabla, ahora debemos de ingresar los
campos que deseamos mostrar. Al pasar el cursor por
la segunda fila de la tabla te aparecerá algo como lo siguiente:

Al dar click en el podemos observar ya hemos puesto los campos en las tres columnas que nos dio la
tabla pero en esa tabla nos hacen falta más campos que debemos mostrar entonces para eso
debemos agregarmas columnas. La tabla nos quedaría de esta manera 

Al momento de darles el nombre a los campos debes ser muy cuidadoso al momento de realizarlo.

Ya aquí solo tenemos una cosa por hacer y es modificar el formato de la fecha. Para esto debemos
de seleccionar la celda  (fecha) luego ir a propiedades y buscar la propiedad “format” en esta
escribiremos una”d” para que la fecha nos aparezca en este formato:

7. Visualizaremos nuestro reporte en un formulario 

Luego de haber finalizado nuestro reporte debemos crear un nuevo formulario  y llamar a nuestro
reporte. A este formulario lo llamaremos “frm_reporte”

Una vez creado el formulario debemos de arrastrar del cuadro de herramientas un “ReportViewer”
y dar click donde dice acoplar el contenido primario con esto así sería el resultado:

Como podemos observar el reportviewer ya se acopló al formulario. Ahora solo debemos traer
el informe que hemos realizado previamente para esto nos vamos a la flecha que se encuentra
ubicada en la parte superior del objeto:

Cuando damos click en ella nos aparecen varias opciones entre ella “Elegir informe”  y a su lado
un cuadro de texto creado anteriormente, debemos seleccionarlo y con esto ya está listo el nuevo
formularioLo ejecutamos y si no hay errores este debería ser el resultado:

8. Llenar la tabla con registros ingresados en el sistema 

Lo primero que haremos será agregar la librería MySql.Data.MySqlclient;

Aquí podemos observar que ya está agregada la librería antes mencionada.

9. Escritura de código para poblamiento de datos.

Las líneas de código están explicadas con comentarios.

El resultado sería el siguiente:

Poblar tabla de informe con registros ingresados en el sistema
Lo primero que debemos hacer aquí es agregar la librería:   using  MySql.Data.MySqlClient;

En la imagen se puede ver que ya hemos agregado la librería antes mencionada. En el segundo recuadro se muestra el código generado por el reporte.

Escritura de código para el poblamiento de información:

Cada línea de código está explicada por comentarios…

El resultado sería el siguiente:

Como puedes observar la tabla ya me está mostrando los productos con cada uno de sus datos que hemos ingresado. 

Como puedes observar la tabla ya me está mostrando  la información de los alumnos y me
muestra sus datos que hemos egresados.

No te olvides de tener en funcionamiento la aplicación de Xampp.

Conclusiones 

• Visualizamos  la información de los registros ingresados  mediante diseño de informes.
• Pusimos  en práctica los conocimientos de análisis y diseño de salida de los datos.
• Creamos un reporte de un CRUD en C#.

Bibliografía 
https://si.ua.es/es/documentacion/informes-net/documentos/apuntes-de-referencia/reportviewer.pdf