Tutorial: Mostrar datos mediante un procedimiento almacenado en el

control de servidor Web GridView

Este tutorial describe la forma de mostrar los datos del control GridView utilizando un
procedimiento almacenado. Un procedimiento almacenado es una consulta SQL
almacenada en una base de datos de Microsoft SQL Server y no en el código de la
aplicación. Los procedimientos almacenados son más seguros que el código de consulta
y a menudo su ejecución es más rápida. El control SqlDataSource, creado por un
asistente en este tutorial, recupera los resultados del procedimiento almacenado y actúa
como origen de datos del control GridView. El control GridView examina los
resultados y crea las filas y tablas que sean necesarias para mostrar los datos.

Durante este tutorial aprenderá a:

 Establecer conexión con una base de datos de SQL Server en Microsoft Visual
Web Developer.
 Utilizar el control SqlDataSource para administrar el acceso y el enlace de
datos.
 Agregar un procedimiento almacenado para devolver los datos del control
GridView que se desea mostrar.
 Mostrar los datos devueltos del procedimiento almacenado en el control
GridView.

Requisitos previos
Para poder completar este tutorial, necesitará:

 Visual Web Developer (Visual Studio).

Nota
Visual Web Developer Express no admite la característica Agregar nuevo
procedimiento almacenado utilizada en este tutorial.

 Microsoft Data Access Components (MDAC) versión 2.7 o posterior.

Si utiliza Microsoft Windows XP o Windows Server 2003, ya dispone de

MDAC 2.7. Sin embargo, si utiliza Microsoft Windows 2000, es posible que
tenga que actualizar la versión de MDAC instalada en el equipo. Para obtener
más información, vea "Microsoft Data Access Components (MDAC)
Installation" en MSDN Library.

 Obtener acceso a la base de datos Northwind de SQL Server. Para obtener

información sobre cómo descargar e instalar la base de datos de ejemplo
Northwind de SQL Server, vea Installing Sample Databases en el sitio Web de
Microsoft SQL Server.

Nota
Si necesita información sobre cómo iniciar sesión en el equipo en el que se ejecuta SQL
 Server, póngase en contacto con el administrador del servidor.

Crear el sitio Web

Cree un sitio y una página Web nuevos siguiendo estos pasos.

Para crear un sitio Web de sistema de archivos

1. Abra Visual Web Developer.

2. En el menú Archivo, haga clic en Nuevo y, a continuación, haga clic en Sitio
Web. Si utiliza Visual Web Developer Express, en el menú Archivo, haga clic
en Nuevositio Web.

Aparece el cuadro de diálogo Nuevo sitio Web.

3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

4. En el primer cuadro Ubicación, seleccione Sistema de archivos y, en el
segundo, escriba el nombre de la carpeta en la que desea conservar las páginas
de su sitio Web.

Por ejemplo, escriba el nombre de carpeta C:\WebSites\StoredProcedure.

5. En la lista Lenguaje, haga clic en el lenguaje de programación con el que

prefiera trabajar.
6. Haga clic en Aceptar.

Visual Web Developer crea la carpeta y una nueva página denominada

Default.aspx.

Agregar un procedimiento almacenado

para devolver los datos del control
GridView que se desea mostrar.
Para mostrar datos en una página Web de ASP.NET, necesita lo siguiente:

 Una conexión con un origen de datos (como una base de datos).

En el procedimiento siguiente, creará una conexión a la base de datos

Northwind de SQL Server.

 Un procedimiento almacenado que devuelva los datos que se desea mostrar.

 Un control de origen de datos en la página, que ejecute el procedimiento
almacenado y administre los resultados.
 Un control en la página para mostrar los datos.
En el procedimiento siguiente, se mostrarán los datos de un control GridView. El
control GridView obtendrá sus datos del control SqlDataSource. El primer paso es
crear un procedimiento almacenado.

Para crear un procedimiento almacenado para devolver los datos del

control GridView que se desea mostrar

1. En el Explorador de servidores, haga clic con el botón secundario en

Conexiones de datos y, a continuación, haga clic en Agregar conexión. Si
utiliza Visual Web Developer Express, use el Explorador de base de datos.

Aparecerá el cuadro de diálogo Agregar conexión.

o Si la lista Origen de datos no muestra Microsoft SQL Server

(SqlClient), haga clic en Cambiar y, en el cuadro de diálogo Cambiar
origen de datos, seleccione Microsoft SQL Server.
o Si aparece el cuadro de diálogo Elegir origen de datos en lugar del
cuadro de diálogo Propiedades de la conexión, en la lista Origen de
datos, seleccione el tipo de origen de datos que desea utilizar. En este
tutorial, el tipo de origen de datos es Microsoft SQL Server. En la lista
Proveedor de datos, haga clic en Proveedor de datos de .NET
Framework para servidor SQL Server y, a continuación, haga clic en
Continuar.

Nota
Si la ficha Explorador de servidores no está visible en Visual Web Developer, en el
menú Ver, haga clic en Explorador de servidores. En Visual Web Developer Express,
en el menú Ver, haga clic en Explorador de base de datos.

2. En el cuadro Agregar conexión, escriba el nombre de su servidor en el cuadro

de texto Nombre de servidor.
3. En la sección Conexión con el servidor, seleccione la opción adecuada para
tener acceso a la base de datos de SQL Server que se está ejecutando (seguridad
integrada o Id. y contraseña concretos) y, si es necesario, escriba un nombre de
usuario y una contraseña.
4. Active la casilla de verificación Guardar mi contraseña si ha escrito una
contraseña.
5. En Seleccionar o escribir nombre de base de datos, escriba Northwind.
6. Haga clic en Probar conexión y, cuando esté seguro de que funciona, haga clic
en Aceptar.

La nueva conexión se ha creado bajo Conexiones de datos en el Explorador de

servidores.

7. En el Explorador de servidores, en Conexiones de datos, expanda la conexión

de datos que acaba de crear. Si utiliza Visual Web Developer Express, use el
Explorador de base de datos.
 La conexión de datos se expande para incluir las conexiones secundarias, como
Tablas, Vistas y Procedimientos almacenados.

8. Haga clic con el botón secundario en Procedimientos almacenados y, a

continuación, haga clic en Agregar nuevo procedimiento almacenado.

Nota
Visual Web Developer Express no admite la característica Agregar nuevo
procedimiento almacenado.

9. Agregue el siguiente código en el nuevo procedimiento almacenado,

sobrescribiendo cualquier código que ya exista.

Copiar

CREATE PROCEDURE GetEmployees

AS
Select EmployeeID, LastName, FirstName from Employees
RETURN

10. Cierre la ventana y haga clic en Sí para crear el procedimiento almacenado.

Nota
La palabra clave CREATE cambia a Alter cuando se guarda el procedimiento.

Agregar un control GridView para

mostrar datos
Una vez establecida una conexión a un origen de datos, necesita lo siguiente:

 Un control de origen de datos en la página, que ejecute el procedimiento

almacenado y administre los resultados.
 Un control en la página para mostrar los datos.

En el procedimiento siguiente, se mostrarán los datos de un control GridView. El

control GridView obtendrá sus datos del control SqlDataSource.

Puede agregar estos elementos al sitio Web por separado. Sin embargo, resulta más
sencillo comenzar visualizando la presentación de los datos con el control GridView y
utilizar después los asistentes para crear el control del origen de datos y la conexión. El
procedimiento siguiente explica cómo crear los elementos necesarios para mostrar los
datos en la página.

Para agregar y configurar un control GridView para mostrar los datos

1. Abra la página Default.aspx o cambie a ella y, a continuación, cambie a la vista

Diseño.
 2. En el Cuadro de herramientas, desde el grupo Datos, arrastre un control
GridView hasta la página.
3. En el menú Tareas de GridView, en el cuadro de lista Elegir origen de datos,
haga clic en Nuevo origen de datos.

Aparecerá el cuadro de diálogo Asistente para la configuración de orígenes de

datos.

4. Seleccione Base de datos y, a continuación, haga clic en Aceptar.

Al hacerlo, especifica que desea obtener los datos de una base de datos de SQL
Server.

En el cuadro Especificar un id. para el origen de datos, aparecerá un nombre

de control de origen de datos predeterminado (SqlDataSource1). Deje este
nombre.

El asistente Configurar origen de datos - SqlDataSource1 muestra una página

en la que se puede elegir una conexión.

5. En el cuadro ¿Qué conexión de datos debería utilizar la aplicación para

conectarse a la base de datos?, escriba la conexión que creó en el
procedimiento anterior y, a continuación, haga clic en Siguiente.

El asistente muestra una página en la que, si se desea, se puede almacenar la

cadena de conexión en un archivo de configuración. Almacenar la cadena de
conexión en el archivo de configuración tiene dos ventajas:

o Es más seguro que almacenarla en la página.

o Puede utilizar la misma cadena de conexión en varias páginas.
6. Active la casilla de verificación Sí, guardar esta conexión como y haga clic en
Siguiente.

El asistente muestra una página en la que se puede especificar qué datos se desea
extraer de la base de datos.

7. Seleccione la opción Especificar una instrucción SQL o un procedimiento

almacenado personalizado y, a continuación, haga clic en Siguiente.
8. En la página Definir instrucciones o procedimientos almacenados
personalizados, seleccione Procedimiento almacenado y, a continuación,
seleccione el procedimiento almacenado (GetEmployees) que creó
anteriormente.
9. Haga clic en Siguiente.
10. Haga clic en Consulta de prueba para asegurarse de que está recuperando los
datos que desea.
11. Haga clic en Finalizar.

Probar la página
Ahora puede ejecutar la página.

Para probar la página

1. Presione CTRL+F5 para ejecutar la página.

La página aparece en el explorador. El control GridView muestra todas las filas

de datos de la tabla Employees.

2. Cierre el explorador.

Pasos siguientes
Este tutorial ha mostrado cómo se puede usar un procedimiento almacenado de SQL
Server con un control de origen de datos para mostrar datos en una página Web de
ASP.NET. Puede usar los procedimientos almacenados de la misma forma que utiliza
cualquier instrucción SQL al trabajar con el control SqlDataSource. Además, los
procedimientos almacenados pueden tomar los parámetros que se han asociado a
valores de la página Web. Otras situaciones con procedimientos almacenados que
podría desear explorar son las que se muestran aquí, que realizan funciones relacionadas
con datos utilizando instrucciones SQL:

Linkografia:

http://msdn.microsoft.com/es-es/library/k10148y1(VS.80).aspx