PROGRAMACIÓN .NET (ASP.NET)

Página 1 de 13

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…"

PROGRAMACIÓN .NET (ASP.NET)

Página 2 de 13

Agregar un nuevo elemento (DATASET) Conjunto de datos, con el nombre DSControlAcademico.xsd

Luego click en “Explorador de servidores”

Tendremos lo siguiente

En esta ventana click en el icono

Click

PROGRAMACIÓN .NET (ASP.NET)

Página 3 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 4 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 5 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 6 de 13

Elija un estilo para su informe. Haga clic en siguiente.

PROGRAMACIÓN .NET (ASP.NET)

Página 7 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 8 de 13

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)

PROGRAMACIÓN .NET (ASP.NET)

Página 9 de 13

Haga clic en el segundo cuadro de texto y añadir lo siguiente para el número de páginas.

Globals.PageNumber & "de" & Globals.TotalPages

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

PROGRAMACIÓN .NET (ASP.NET)

Página 10 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 11 de 13

La tabla se agrega a la superficie de diseño. Haga en el 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.

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).

Eliminar

PROGRAMACIÓN .NET (ASP.NET)

Página 12 de 13

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.

PROGRAMACIÓN .NET (ASP.NET)

Página 13 de 13

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.