tema 8 - reportes en asp.net
Post on 24-Jul-2015
1.386 Views
Preview:
TRANSCRIPT
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.
top related