Curso de ASP NET 2.0 Avanzado

Vamos a realizar un primer ejemplo para que veas la potencia y la sencillez que nos ofrece la versión 2.0 de ADO.NET y ASP.NET.

Vamos a mostrar una tabla en nuestra página web, la tabla la mostraremos en un control de servidor GridView que en las unidades siguientes explicaremos como sacarle todo el partido. Con este control, daremos la posibilidad de editar, eliminar, ordenar resultados, paginar los resultados...y todo esto sin escribir una sola línea de código.

Si has trabajado con otros lenguajes u otras versiones, te sorprenderá el resultado que vamos a obtener y el tiempo que nos hemos ahorrado escribiendo innumerables líneas de código.

Realización práctica:

Una vez creado el proyecto, crearemos una conexión a SQL Server 2005 y la base de datos Northwind, para ello accedemos mediante la pestaña de servidores del explorador de soluciones y pulsamos sobre la pestaña explorador de base de datos. Una vez situados en esa pestaña pulsamos sobre el botón para conectar con una base de datos, tal y como muestra la figura:

Esto provoca que nos muestre la siguiente ventana para configurar nuestra conexión:

En esta ventana debemos elegir el nombre de nuestro servidor y el tipo de autenticación. Una vez introducidas estas características podemos desplegar el menú para seleccionar la base de datos sobre la que vamos a realizar la conexión. En caso de que no tengas correctamente introducidos los datos del nombre de servidor y la autenticación, lógicamente, este menú con las bases de datos aparecerá en blanco. Así que asegúrate de escribir correctamente el nombre de tu servidor, y de marcar la opción de autenticación correcta.

Con la base de datos seleccionada podemos hacer un test de conexión pulsando sobre el botón "Probar conexión" si todo ha ido correctamente verás la siguiente ventana de aviso:

Aceptamos esta ventana, y lo mismo con la ventana de agregar conexión, y veremos en nuestro explorador de bases de datos que ha añadido una nueva conexión a esta base de datos. Si desplegamos el árbol de navegación de la carpeta de la conexión, podremos acceder a la carpeta de las tablas donde, a su vez, nos muestra todas las tablas de la base de datos:

Ahora simplemente debemos arrastrar la tabla deseada a nuestra página, en este caso haremos la prueba con la tabla Employees. Automáticamente Visual Web Developer generar un control GridView para poder mostrar esta tabla. (En unidades posteriores veremos como sacar todo el partido a este y otros controles vinculados a datos, para poder realizar tareas que Visual Web Developer, no desempeña automáticamente y que son muy necesarias).

Automáticamente nos ha creado un control GridView enlazado a la tabla Employees mediante un control de acceso a datoas (SqlDataSource) ara mostrar todos sus registros. Ahora si accedemos a la ventana de configuración de tareas (pulsando sobre el triángulo que aparece en la esquina superior izquierda del control, podremos configurar las tareas más comunes de operación sobre una base de datos, actualizar, paginar, eliminar y ordenas:

Habilitando estas propiedades que ves en la figura, el aspecto de nuestra tabla se adapta automáticamente a las propiedades habilitadas, añadiendo las columnas y los controles necesarios.

Puedes ver como nos ha añadido una columna con los botones para editar y eliminar, además ahora los títulos de la columna se han convertido en botones cuya función es ordenar los registros de menor a mayor, o alfabéticamente. Y en el pie de la tabla nos sitúa otros botones para paginar los resultados (en este caso no será necesario paginar, ya que la tabla Employees no consta más que de 5 registros que puede mostrar en una sola página, si fuese necesario los mostraría automáticamente).

A continuación te muestro todo el código que ha generado automáticamente por nosotros para permitir todas las tareas que hemos descrito:

Si nunca has trabajado con ADO.NET 2.0 todo este código no puedes comprenderlo, pero con esta unidad y la siguientes, verás que es una tarea sencilla y como podremos realizar nuestro propio código para tareas concretas. De momento sólo quiero que veas la potencia y la sencillez que nos ofrece ASP.NET 2.0 frente a otras tecnologías de programación.

El resultado de una porción de una de las filas vista por el navegador:

En el siguiente video ponemos en práctica todos estos pasos: