martes, 30 de julio de 2019

Reporte en C#


Objetivos:

1.  Poder crear un reporte en visual studio con C# usando la herramienta ReportViewer mostrando información de una base de datos.
2.  Hacer uso del elemento informe para mostrar los campos de información en el ReportViewer y al mismo tiempo recuperar la información.
3.  Hacer uso de un Dataset para extraer la información de la base de datos.
  

Conocimientos previos:

1.  Conocer y entender el lenguaje SQL.
2.  Conocimiento de conexiones con MySQL.
3.  Conocer objetos como el ReportViewer.
4.  Diseño de tablas en un dataset.


Modulo a realizar:

1.  Trabajaremos en nuestro entorno de desarrollo integrado Visual Studio, para así crear un reporte de datos usando el objeto ReportViewer.
2.  Crearemos la estructura de un informe de la sección Reporting de las opciones de nuevos elementos.


Conclusiones:

   Logramos crear un reporte de datos en C# con ReportViewer de la  información almacenada en nuestra base de datos


Pasos a seguir para crear nuestro reporte en C# con un ReportViewer:

1. En primer lugar tenemos que tener ya creado un crud de datos que por lo menos haga estas 4 acciones  básicas que son almacenar, actualizar, seleccionar y eliminar registros a una base de datos. Después de esto tener también ya hecho lo que es nuestro conjunto de datos o nuestro dataset. 

2. Lo siguiente que haremos es agregar un nuevo elemento a nuestro proyecto y lo hacemos dando clic derecho sobre el y nos vamos a agregar: nuevo elemento.





  
Y en la sección que nos lleva elegimos la opción Reporting y luego seleccionamos        informe.  Al informe podemos darle el nombre de  rpt_ReporteFruteria si gustan.

 Cuando ya se ha agregado nuestro formulario, nos vamos a la parte izquierda donde dice Datos de informe y en el botón nuevo agregamos un conjunto de datos. 
























 En esta sección que nos aparece debemos nombrar o llamar a nuestro conjunto de datos que es nuestro dataset llamado dsFruteria, al seleccionarlo nos mostrará el nombre de nuestra  tabla que tenemos creada aquí mismo. Luego damos click en aceptar. 























 Luego debemos seleccionar una tabla de las herramientas de informe y arrastrarla al informe, aquí es donde vamos a hacer los llamados a los campos del dataset de nuestra base de datos.























Cuando ya se creado nuestra tabla, en la parte donde dice encabezado, vamos a escribir los nombres de nuestros campos que se mostrarán en nuestro reporte; y en la celda que dice datos se muestra un icono con forma de cuadrito, si damos click en este cuadrito se nos desplegarán los valores de los campos de nuestro dataset.























Aquí debemos seleccionar el mismo nombre de campo que le dimos a los encabezados. Por ejemplo: si el nombre del encabezado es producto entonces en la lista de campos desplegables de datos elegimos también producto.





















De esta misma manera haremos hasta escribir y abarcar en nuestra tabla todos los nombres de los campos que mostraremos en nuestro reporte.  Pero cuando insertamos nuestra tabla solo se nos muestran tres columnas entonces para agregar una nueva hacemos lo siguiente: En la parte gris de cualquier columna hacemos click derecho y seleccionamos insertar columna, de allí elegimos si la queremos a la derecha o a la izquierda.
























Cuando terminamos nuestra tabla nos quedo de seis columnas, donde abarcamos lo que es el numero(id), el producto, precio, fecha, comercio y la categoría.




















Luego que ya tenemos nuestra tabla ya estructurada, procedemos a agregarle un encabezado a nuestro informe. Para esto nos vamos a la pestaña informe de la parte de arriba y seleccionamos la opción agregar un encabezado de página, si algún caso no se muestra esta pestaña entonces damos click sobre cualquier parte de nuestro informe  y automáticamente ya se nos muestra la pestaña.





















Cuando ya se ha agregado nuestro encabezado, entonces arrastramos un cuadro de texto del cuadro de herramientas, de la sección elementos de informe y lo pegamos encima del encabezado, dentro de este cuadro vamos escribir el título que va a llevar nuestro reporte.
por ejemplo : Reporte de frutería Omega 























En esta secciones marcadas en rojo, nosotros podemos darle un tamaño más grande a la letra, cambiar el tipo de letra, poner el texto en negrita y cursiva y también podemos colocar nuestro titulo al centro, a la derecha o la izquierda.

Ahora debemos agregar un píe de página donde vamos a colocar la fecha de impresión y el número de página de nuestro reporte. Para esto nos vamos a la misma pestaña de informe y seleccionamos agregar pie de página.



















En nuestro píe de página ponemos un cuadro de texto y escribimos fecha de impresión, aquí es donde se va a mostrar la fecha y hora en que fue impreso el reporte.

Ahora agregamos otro cuadro de texto y teniéndolo seleccionado, damos click derecho encima de el y elegimos expresión.






















En la sección que nos aparece debemos ir a funciones comunes y seleccionar fecha y hora
aquí damos doble click en Now .






















En la parte de arriba cerramos el paréntesis para que la formula funcione de esta manera siguiente :


















Si hicimos bien todo nos saldrá en el cuadro de texto este símbolo «Expr»




 
Continuamos agregando un cuadro de texto más donde haremos el mismo paso de hacer click derecho sobre el cuadro seleccionado y elegimos expresión, solo que en este caso nos vamos a Campos integrados  y en las opciones de la derecha damos doble click en PageNumber . En la parte de arriba vamos a escribir entre comillas la palabra página y el signo  &.  Damos click en aceptar
























 En el  cuadro de texto que acabamos de añadir se va mostrar el número de página de nuestro reporte. En conclusión el diseño de  nuestro informe nos va a quedar así:




















 Consiguientemente agregamos un nuevo Windows Form para cargar aquí lo que es el ReportViewer, vamos al explorador de soluciones y en el nombre de nuestro proyecto damos click derecho y nos vamos a  agregar  :  Windows Form.























En la ventana que aparece nos vamos a la sección Windows Form y elegimos un windows Form, a nuestro nuevo le damos el nombre de frm_Reporte y damos click en agregar.
























Luego del cuadro de herramientas de la sección informe arrastramos la herramienta ReportViewer; sin embargo cuando lo arrastramos no se adapta a todo el formulario, entonces damos click en la flechita de la derecha y seleccionamos donde dice Acoplar en contenedor primario. Y como pueden ver ya abarca todo el formulario.


Ahora damos click derecho sobre nuestro nuevo formulario y elegimos ver código 






















Ya estando en el código, primero debemos asegurarnos que tenemos agregadas las referencias de ADO.NET que nos permiten hacer la conexión con MySql. Me refiero a las siguientes referencias marcadas en rojo.


Ahora debemos escribir el siguiente código que se muestra a continuación:
1.Lo marcado en color rojo es donde se llama a nuestra clase admConexion , se declara el objeto conexión y  todo esto es igual a una nueva conexión.
Luego se declara una condición mediante un if para decir  que si el objeto conexión en su función CrearConexion es igual a verdadero entonces se va cumplir todo lo siguiente marcado. 

2.Lo marcado en color azul es donde declaramos una variable de tipo string y ejecutamos una instrucción SQL para que nos muestre en nuestro reporte todos nuestros registros de la  tabla de nuestra base de datos ordenados por fecha. Aquí también se declara el comando MySqlDataAdapter y el objeto da.
3. Lo marcado en verde es donde se limpia lo que hay en nuestro dataset mediante la función clear y luego mediante el método fil se pobla nuestro dataset.
4. Lo marcado en morado es donde se declara una condición mediante un if, diciendo que si el objeto tiendafrutasBindingSource.Count  es igual a cero, entonces se le envía un mensaje de validación o advertencia al usuario. 
El else significa que en caso contrario entonces nuestro objeto reportviewer va a cargar nuestro reporte con la información actualizada del crud.



Ahora nos vamos a nuestro diseño de nuestro frm_reporte y en la flechita de la parte derecha del reportviewer  seleccionamos nuestro informe que tenemos creado






















Cuando ya hemos elegido nuestro formulario entonces nos vamos a Program y escribimos el nombre de nuestro formulario llamado frm_Reporte.
















Luego de esto presionamos la combinación de teclas ctrl + f5 para compilar y ejecutar nuestro  proyecto.Si todo lo hicimos bien se nos va mostrar nuestro formulario con todos los registros actualizados, la fecha de impresión y el numero de página, tal como se muestra en la imagen.






















Felicidades has creado tu propio reporte en C# con reportviewer!

No hay comentarios.:

Publicar un comentario