Tema 8 - Reportes en ASP.net

PROGRAMACIÓN .NET (ASP.NET)

Creación de un informe de ASP.NET mediante Visual Studio 2010

Nuevo Proyecto

Agregar un formulario web llamado index.aspx en el directorio raíz. Usted puede hacer esto haciendo clic derecho sobre el proyecto web Reportes y seleccionar "Agregar nuevo elemento…"

Página 1 de 13

PROGRAMACIÓN .NET (ASP.NET) Agregar un nuevo elemento (DATASET) Conjunto de datos, con el nombre DSControlAcademico.xsd DSControlAcademico.xsd

Luego click en “Explorador de servidores”

Click

Tendremos lo siguiente

En esta ventana click en el icono

Página 2 de 13

PROGRAMACIÓN .NET (ASP.NET) En agregar conexión, completamos los datos necesarios para conectarnos la base de datos Control_Academico

Obtendremos la siguiente ventana

Seleccionamos todas las tablas de nuestra base de datos y los arrastramos a nuestro diseñador de DataSets.

Página 3 de 13

PROGRAMACIÓN .NET (ASP.NET)

Crear el informe de archivo de definición de cliente (RDLC) "Agregar nuevo elemento .." y añade "Informe" nombre de "ListadoAlumnos". Vamos a utilizar el "Asistente para informes" que nos guiará por los pasos de la creación del Informe.

Página 4 de 13

PROGRAMACIÓN .NET (ASP.NET) En las propiedades del conjunto de datos ingrese y seleccione la información como muestra la siguiente ventana, luego siguiente.

En la siguiente ventana Arrastre y suelte el cod_Alumno, Paterno, Materno, Nombre y Cod_CP al contenedor de valores. Tenga en cuenta que puede crear agrupación mucho más complejo de usar esta ventana de usuario. Haga clic en Siguiente.

Página 5 de 13

PROGRAMACIÓN .NET (ASP.NET) Elija un estilo para su informe. Haga clic en siguiente.

Página 6 de 13

PROGRAMACIÓN .NET (ASP.NET) La superficie del diseñador de informes es ahora visible. Haga clic derecho sobre el informe y agregar un encabezado y pie de página. Con la superficie de diseño del informe activo, arrastrar y soltar un cuadro de texto de la caja de herramientas a la cabecera de la página. Arrastre un cuadro de texto más a la cabecera de la página. Vamos a utilizar los cuadros de texto para añadir un texto de cabecera como se muestra en la figura siguiente.

Puede cambiar el tamaño de la fuente y otras propiedades de los cuadros de texto utilizando la barra de herramientas de formato. También puede cambiar el tamaño de las columnas moviendo el cursor entre las columnas y arrastre.

Página 7 de 13

PROGRAMACIÓN .NET (ASP.NET) Agregar expresiones Agrega dos cuadros de texto para el pie de página. Vamos a utilizar éstos para añadir fecha que se ha generado el informe y los números de página. Haga clic derecho sobre el cuadro de texto por primera vez en el pie de página y seleccione "Expresión". Añadir la siguiente expresión para la fecha de impresión (nótese el signo = en la parte izquierda de la expresión en el diálogo de abajo)

Página 8 de 13

PROGRAMACIÓN .NET (ASP.NET) Haga clic en el segundo cuadro de texto y añadir lo siguiente para el número de páginas. Globals.PageNumber Globals.PageNumber & "de" & Globals.TotalPages Globals.TotalPages

Dar formato al pie de página se ha completado.

Página 9 de 13

PROGRAMACIÓN .NET (ASP.NET) Adición de un gráfico Con la superficie de diseño activo, vaya a la caja de herramientas y arrastrar y soltar un control gráfico. Usted tendrá que mover la tabla de Alumnos hacia abajo primero para hacer un espacio para el control gráfico. En el documento también se puede cambiar de tamaño arrastrando en la esquina o en el encabezado de página / separador de pie de página.

En el siguiente cuadro de diálogo, elija el tipo de gráfico en primer lugar. Esto se puede cambiar más adelante si es necesario. Haga clic en Aceptar.

Página 10 de 13

PROGRAMACIÓN .NET (ASP.NET) La tabla se agrega a la superficie de diseño. Haga en e l grafico y con ello se abre para dejar caer los campos. Arrastre y suelte el Cod_CP en la parte inferior (eje X) y Cod_Alumno en la parte superior (eje Y) como se muestra a en la imagen. Eliminar el área de leyenda para conseguir más espacio en la pantalla. Cambiar el tamaño de la tabla a su gusto. Cambiar el encabezado, el eje x y el texto del eje y haciendo doble click en esas áreas.

Eliminar

Hemos terminado el diseño de nuestro informe. En la siguiente sección se verá cómo agregar al informe el visor de informes (ReportViewer).

Página 11 de 13

PROGRAMACIÓN .NET (ASP.NET) Agregar el control ReportViewer En vista de diseño para index.aspx, vamos agregar el control ScripManager y el ReportViewer a nuetro formulario web.

En el control ReportViewer haciendo clic en la parte superior derecha del control, vamos a elegir el informe ListaAlumnos.rdlc previamente diseñado.

Página 12 de 13

PROGRAMACIÓN .NET (ASP.NET) Cambiar el tamaño del control ReportViewer, arrastre en la parte inferior derecha esquina.

Compile su informe y ejecutar la página. Usted debe ver el informe. Tenga en cuenta que la barra de herramientas en el control ReportViewer le da un par de opciones que incluyen la posibilidad de exportar los datos a Excel, PDF o Word.

Página 13 de 13