Guia de Ejericicios Aplicaciones Windows Forms

Transcripción

1 Programa Desarrollador Cinco Estrellas 2005 Estrella 2 Guia de Ejericicios Aplicaciones Windows Forms Pagina 1 de 17

2 Índice Requisitos...3 Introducción...4 Aplicaciones Windows...5 Acceso a Datos...5 Formulario Maestro / Detalle...13 Pagina 2 de 17

3 Requisitos Haber cursado y aprobado el examen correspondiente al módulo de la Estrella 1 del programa Desarrollador 5 Estrellas. Haber leído y comprendido el material teórico correspondiente al módulo de la Estrella 2 del programa. Para la resolucion de los ejercicios debe tener instalado: o MS Visual Studio 2005 / Visual C# 2005 Express / Visual Basic 2005 Express. o MS SQL Server 2005 Express Edition. Debe instalar además las siguientes bases de datos: - Northwind ( ) - AdventureWorks ( AD4B-416E-87A4-A8B154F92787&displaylang=en ) Para instalar correctamente la base AdventureWorks se recomienda la lectura del documento titulado SQL Server 2005 Databases and Samples Overview, que acompaña a esta guia. También puede ser descargado de b3bf5c628112/sqlserverdatabasesandsamplesoverview.htm Pagina 3 de 17

4 Introducción En el presente documento se desarrollan distintos ejercicios Paso a Paso que sirven de complemento al curso Estrella 2 Windows Forms, del programa Desarrollador 5 Estrellas Los ejercicios aquí desarrollados muestran paso a paso como realizar una aplicación simple con acceso a datos y pueden realizarse en C# y/o VB.Net (hay imágenes que lo guiarán para lograr los objetivos). Se han resuelto algunos de los ejercicios para que el alumno pueda tener el ejemplo del codigo terminado. Los ejercicios resueltos de esta guia paso a paso son: Acceso a Datos a una tabla Simple Acceso a Datos Master / Detail El proyecto con la resolución del ejercicio podrá encontrarlo en DCE2005 Acceso a Datos. En ese proyecto habrá dos formularios, uno para cada caso resuelto. Existen además dos proyectos más que se detallan a continuación: DCE2005 Menu, controles, diálogos comunes: El ejemplo simula un editor de texto con formato RTF. Es posible escribir texto en la ventana principal (implementada con un control RichTextBox) y acceder al formateo del texto ya sea a través del menú principal (MenuStrip), del menú contextual aplicado al RichTextBox (ContextMenuStrip) o desde la barra de herramientas (ToolStrip). Tanto desde el menú como desde la barra de herramientas es posible simular la apertura o grabación de un archivo utilizando los cuadros de diálogo comunes (OpenFileDialog y SaveFileDialog). Desde el menú "Opciones" -> "Test barra de progreso" se simula la ejecución de una tarea mostrando su avance (control ProgressBar) en la barra de estado de la aplicación (control StatusStrip). Desde el menú "Opciones" -> "Test de transparencia" es posible cambiar el valor de la propiedad "Opacity" del objeto Form para mostrar asi un formulario transparente. DCE2005 WindowsControls: En este ejemplo se muestra la utilización de controles contenedores. Cuando se presiona el botón "Ver Informe" de la barra de herramientas, o se selecciona esa misma opción desde el menú, se muestra un cuadro de mensaje con el detalle de controles del formulario. Pagina 4 de 17

5 Aplicaciones Windows Acceso a Datos Objetivo: Construir un formulario simple para mostrar datos provenientes de una base de datos, así como una barra de navegación y los objetos generados, utilizando las facilidades provistas por Visual Studio NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft. 1. Abra Visual Basic 2005 Express Edition o Visual C# 2005 Express Edition. Seleccione el menú File / New Project para crear un nuevo proyecto. Note que el lenguaje utilizado es Visual Basic.NET, pero si desea utilizar Visual C# no hay ningún problema, ya que los pasos son los mismos. Se crea un formulario llamado Form1 como default. Como vamos a leer una tabla de la base de datos AdventureWorkd de SQL Server 2005, seleccione el menú Data / Show Data Sources para mostrar la ventana Data Sources. Haga click en el enlace Add New Data Source. 2. Seleccione Database. Pagina 5 de 17

6 3. Seleccione el archivo AdventureWorks_Data.mdf de la lista deplegabe o haga click en New Connection (Nueva Conección) para crear una conección a ese archivo utilizando el Data Source Microsoft SQL Server Database File (SQL Client) si es que no aparece en la lista desplegable. Pagina 6 de 17

7 4. Grabe el string de conexión generado en el archivo de configuración de la aplicación (App.config) marcando la opción en la pantalla que aparece a continuación. Pagina 7 de 17

8 5. Seleccione la tabla Product y note que el nombre del DataSet es AdventureWorks_DataDataSet. En caso de que desee alterarlo, siéntase libre de hacerlo. Haga click en Finish para cerrar el asistente. Pagina 8 de 17

9 6. En la ventana Data Sources aparece el DataSet AdventureWorks_DataDataSet (o el nombre que haya ingresado en el asistente), y éste contiene la tabla Product con los debidos campos. Como estos datos serán mostrados en un formulario, es posible definir en qué tipo de control se mostrará cada campo. Por ejemplo, haga click en el campo Name y elija un Label. Existen diversos tipos de campos que se encuadran en esta categoría. Pagina 9 de 17

10 7. En relación con la forma en que todo el contenido de la tabla será expuesto, tenemos: DataGridView, Details, None o Customize. En éste, usaremos Details, por lo tanto, haga click sobre el nombre de la tabla Product y cambie a Details. 8. El próximo paso será arrastrar la tabla Product hacia dentro del formulario. Observe que los controles son insertados y usted puede Pagina 10 de 17

11 colocarlos de la mejor manera posible. Además, se inserta una barra de navegación vinculada a los datos. 9. Guarde el proyecto y presione F5 para ejecutar. Pagina 11 de 17

12 El código de este ejercicio se encuentra en el ejemplo adjunto Tabla Simple. Pagina 12 de 17

13 Formulario Maestro / Detalle Objetivo: Construir un formulario Master / Detail simple, con dos tablas vinculadas y utlizando las facilidades provistas en Visual Studio En este ejemplo vamos a trabajar con las tablas Product y ProducSubcategory de la base de datos AdventureWorks y el ejemplo fue desarrollado utilizando Visual C#. Los pasos para realizarlo en VB.NET son exactamente iguales. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft. 1. En el Solution Explorer, agregue un nuevo formulario. Abra la ventana Data Sources, haga click con el botón derecho, seleccione Add New Data Source. Este DataSet deberá tener dos tablas (ProductSubcategory y Product) con algunos campos seleccionados. Como la clave entre las tablas es el ProductSubCategoryID, el mismo deberá seleccionarse en ambas tablas. Los demás campos quedan a su criterio. Pagina 13 de 17

14 2. En la ventana Data Sources defina que la tabla ProductSubcategory será exhibida como Details, y Product como GridView. Los campos de las ProductSubcategory serán Labels. Pagina 14 de 17

15 3. Arrastre la tabla ProductSubcategory hacia el formulario y ubique los dos controles según la siguiente figura. Note que son generados todos los objetos necesarios para completar los Labels con los datos, así como la barra de navegación. 4. Para Construir el Master / Detail arrastre la tabla Product que está relacionada con la tabla ProductSubcategory de la ventana Data Sources. Es importante que NO arrastre la tabla Product que aparece sola ya que no funcionaría la navegación automática entre las tablas relacionadas. Notar que nuevos controles son automáticamente creados para vincular los datos Pagina 15 de 17

16 5. Un GridView se inserta para todos los productos de la respectiva categoría. Guarde el formulario y ejecútelo. En caso de que tenga varios formularios en el Solution Explorer, será necesario definir cuál se abrirá. Para ello, haga click con el botón derecho en el Solution Explorer, seleccione Properties, y en Startup Object informe qué formulario será ejecutado. Pagina 16 de 17

17 El código de este ejercicio se encuentra en el ejemplo adjunto Maestro Detalle. Pagina 17 de 17