Visita guiada: Crear una aplicación con SQL Server Express y Visual Web Developer 2005 Express

En este escenario se muestra cómo crear una aplicación Web ASP .NET sencilla que utiliza SQL Server 2005 Express Edition (SQL Server Express).

Requisitos previos

• Tener instalado SQL Server Express. Para obtener más información, vea Instalar SQL Server Express.
• Tener instalado Visual Web Developer 2005 Express Edition. Para obtener más información y descargar el producto, vea Visual Web Developer 2005 Express Edition.

Tareas

Instalar la base de datos Northwind

1. Descargue las secuencias de comandos de instalación de la base de datos de ejemplo Northwind desde el sitio Web de Northwind.

2. Ejecute el archivo SQL2000SampleDb.msi que ha descargado. Las secuencias de comandos de instalación se instalarán en la carpeta C:\SQL Server 2000 Sample Databases.

3. Una vez finalizada la instalación, abra un símbolo del sistema: en el menú Inicio, haga clic en Ejecutar, escriba cmd y haga clic en Aceptar.

4. En el símbolo del sistema, escriba:

   cd C:\SQL Server 2000 Sample Databases
   

   y, a continuación, presione ENTRAR.

5. En el símbolo del sistema, escriba:

   sqlcmd -S .\SQLExpress -i instnwnd.sql
   

   y, a continuación, presione ENTRAR.

   La herramienta sqlcmd informará del progreso a medida que se instale la base de datos Northwind y, después, devolverá el control al símbolo del sistema.

Comprobar la instalación con la utilidad sqlcmd

1. Para comprobar la instalación de la base de datos, escriba lo siguiente en el símbolo del sistema:

   sqlcmd -S .\SQLExpress
   

   y, a continuación, presione ENTRAR.

2. En el símbolo de la herramienta sqlcmd, escriba los tres comandos siguientes:

   Use Northwind
   Select name from sys.Tables
   Go
   

3. La herramienta sqlcmd generará la siguiente salida:

   Se cambió el contexto de la base de datos a 'Northwind'.

   name

   -----------------------------------------------

   Customers

   Shippers

   Suppliers

   Orders

   Products

   Order Details

   CustomerCustomerDemo

   CustomerDemographics

   Region

   Territories

   EmployeeTerritories

   Employees

   Categories

   (13 filas afectadas)

4. En el símbolo de la herramienta sqlcmd, escriba los dos comandos siguientes:

   Select * from Customers

   Go

5. Verá una lista de toda la información de la tabla Customers. Deje abierta esta ventana del símbolo del sistema para utilizarla más adelante en esta visita guiada.

Crear un sitio Web

1. Abra Visual Web Developer 2005 Express Edition.

2. En el menú Archivo, haga clic en Nuevo sitio Web.

3. Seleccione un lenguaje de desarrollo (Visual Basic, Visual C#o Visual J#), seleccione Sitio Web ASP .NET, indique el nombre y la ubicación del sitio Web en el cuadro Ubicación y haga clic en Aceptar. En este ejemplo se utiliza myWebSite, creado en el directorio C:\Websites.

4. Visual Web Developer 2005 Express genera un nuevo sitio Web y muestra la página Default.aspx en la vista de origen (HTML).

Agregar una IU a la página Web

1. Haga clic en Diseño, en la esquina inferior izquierda de la pantalla de códigos Default.aspx.

2. En el Cuadro de herramientas, seleccione la ficha Datos.

3. En la ficha Datos del Cuadro de herramientas, arrastre un objeto GridView a la vista del diseñador de Default.aspx.

Enlazar la página Web con el origen de datos

1. En el cuadro de diálogo Tareas de GridView, que aparece automáticamente al agregar GridView a la página Web, en Elegir origen de datos, seleccione <Nuevo origen de datos>.

2. En el cuadro de diálogo Configuración de orígenes de datos, elija Base de datos, escriba MyNwndDataSource como Id. y haga clic en Aceptar.

3. En la pantalla Elegir la conexión de datos, haga clic en Nueva conexión.

4. En Elegir origen de datos, seleccione Microsoft SQL Server.

   1. En Proveedor de datos, seleccione Proveedor de datos de .NET Framework para servidor SQL Server.
   2. Haga clic en Continuar.

5. En Agregar conexión, escriba el nombre del servidor en el que está instalado SQL Server Express, seguido de una barra diagonal inversa (\) y del nombre de la instancia. Por ejemplo, si SQL Server Express está instalado en la ubicación predeterminada, que es la instancia con nombre SQLExpress, y se instala en el mismo equipo que Visual Studio, debe escribir Servername\SQLExpress o .\SQLExpress.

   1. Seleccione Utilizar autenticación de Windows.
   2. En la lista desplegable Seleccione o escriba un nombre de base de datos, elija Northwind.
   3. Haga clic en Probar conexión. Aparece un cuadro de diálogo que confirma la conexión. Haga clic en Aceptar.
   4. Haga clic en Aceptar para guardar la nueva conexión.

6. En la ventana Elegir la conexión de datos, haga clic en Siguiente.

7. En el cuadro de diálogo Guardar la cadena de conexión en el archivo de configuración de la aplicación, elija guardar la cadena de conexión y asígnele el nombre myNwndConnection. Haga clic en Siguiente.

8. En Configurar la instrucción Select, seleccione los datos que desee utilizar en esta aplicación. Asegúrese de que esté seleccionado Especificar columnas de una tabla o vista, Elija la tabla Customers en la lista desplegable Name y, a continuación, seleccione las siguientes columnas:

   1. CustomerID
   2. CompanyName
   3. ContactName
   4. Country
   5. Phone.

9. En Configurar la instrucción Select, haga clic en Avanzadas. En el cuadro de diálogo Opciones de generación SQL avanzadas, seleccione Generar instrucciones Insert, Update y Delete y haga clic en Aceptar.

10. Haga clic en Siguiente.

11. En la ventana Consulta de prueba, haga clic en Consulta de prueba para comprobar que se devuelvan los datos correctos y se muestren en la cuadrícula de datos. Haga clic en Finalizar.

12. Volverá a la vista del diseñador de páginas Web y GridView mostrará ahora las columnas que se utilizarán (con datos artificiales).

Probar el sitio Web

1. Haga clic en Inicio o presione F5 para generar e implementar el sitio Web en modo de depuración. Cuando el sistema le pregunte si desea agregar o modificar el archivo Web.config para habilitar la depuración, responda afirmativamente y después, haga clic en Aceptar.

2. Se abrirá Internet Explorer y mostrará la página Web. En la página Web, aparecerá GridView y los datos de la tabla de Northwind seleccionada.

[!NOTA] Si la página Web no se carga correctamente, compruebe la configuración de proxy del explorador Web. Debe estar establecida de forma que no use el servidor proxy para direcciones locales.

Agregar más funciones a la página Web

1. Cierre Internet Explorer. Visual Web Developer 2005 Express Edition saldrá del modo de depuración y devolverá el control para el desarrollo de la página Web.

2. En el diseñador, haga clic una vez en GridView. En la esquina superior derecha de GridView, haga clic en la flecha pequeña que aparece. Se abrirá el cuadro de diálogo Tareas de GridView.

3. Haga clic en Formato automático, elija el formato que desee y haga clic en Aceptar.

4. Haga clic en Agregar nueva columna.

5. En el cuadro de diálogo Agregar campo, elija el tipo de campo CommandField. Elija el tipo de botón Botón y, a continuación, seleccione Editar o actualizar. Asegúrese de que también esté habilitado Mostrar botón Cancelar. Haga clic en Aceptar.

6. GridView muestra ahora una columna nueva que contiene un botón Editar.

7. En Tareas de GridView, seleccione Habilitar paginación y Habilitar ordenación.

Probar el sitio Web

1. Vuelva a generar el sitio Web haciendo clic en Inicio o presionando F5.

2. Pruebe la paginación y la ordenación de columnas en la página Web. Al hacer clic en cualquier encabezado de columna, puede ordenar la columna en orden ascendente o descendente.

3. Haga clic en Editar para cualquier fila de DataGrid. Observe que puede cambiar los valores de todas las columnas excepto CustomerID, que es una clave principal y no se puede cambiar.

4. Cambie el valor CompanyName en la fila seleccionada, escribiendo un valor nuevo. Cuando termine, haga clic en Actualizar para esa fila.

   El cambio realizado se escribe en SQL Server Express y GridView se actualiza con la información nueva.

Comprobar la base de datos

1. En las ventanas del símbolo del sistema que ya están abiertas, escriba los tres comandos siguientes:

   Use Northwind
   Select CompanyName from Customers
   Go
   

   La herramienta sqlcmd muestra los nombres de la compañía de cada uno de los clientes. Debería ver el valor CompanyName que cambió.