Asp Net Hands On Lab

Hands-On Lab
Desarrollo Web usando ASP.NET 2.0

LAB 9 – Agregando personalización a nuestro Sitio Web (I)

LABORATORIO: Agregando personalización a nuestro Sitio Web usando Profiles
En este laboratorio, usted aprenderá a usar la nueva Api de Profiles de ASP.NET 2.0, para personalizar nuestro sitio Web.

Página |1

Ejercicio 1: Configurando el Proveedor de Profiles
Objetivo: En esteejercicio usted aprenderá a configurar un proveedor para habilita el uso de Profiles en nuestro Sitio Web.

Paso 1: Examinando las tablas que usa la Api de Profiles
1. En el laboratorio anterior instalamos las tablas necesarias para usar las nuevas APIs Membership y Roles de ASP.NET, pero también se crearon las tablas para la API de Profiles. En el caso de no tener esas tablas, tendríamos querepetir el Paso 1 del ejercicio 1, del laboratorio anterior, para crear las tablas de ASP.NET. 2. Iniciamos Microsoft SQL Server Management Studio, y nos conectamos a nuestro servidor de Base de Datos. 3. En nuestra base de datos BD_BeerHouse, creamos un nuevo Diagrama de Base Datos:

4. Arrastramos las tablas de ASP.NET:

Página |2

5. Y podremos observar a nuestra tabla para almacenar losdatos de Profiles:

Página |3

Paso 2: Abrir el proyecto
1. Eliminamos la carpeta slnTheBeerHouse, y todo su contenido, ubicada en C:\ASPNET\AppWeb, para que pueda ser reemplazada. 2. Copiamos la carpeta slnTheBeerHouse, y todo su contenido, ubicada en C:\ASPNET\HOLs\HOL 08\Starter, hacia la carpeta C:\ASPNET\AppWeb. 3. Abrimos el archivo slnTheBeerHouse.sln ubicado en la carpetaC:\ASPNET\AppWeb\slnTheBeerHouse:

Página |4

Paso 3: Configurando la Aplicación
1. Nos vamos al archivo de configuración web.config, dentro del elemento system.web, agregamos el elemento Profile, notar también que agregamos un nuevo provider que usa nuestra base de datos:

2. Ahora dentro del elemento profile, agregamos un elemento properties:

Página |5

Ejercicio 2: Usando la Api de ProfilesObjetivo: En este ejercicio usted usará la Api de Profiles de ASP.NET para almacenar y recuperar preferencias del usuario.

Paso 1: Usando Profiles
1. Nos vamos al Sitio Web, hacemos clic derecho en la carpeta Controls, y seleccionamos Add Existing Item…:

2. Navegamos hacia la carpeta C:\ASPNET\HOLs\HOL 09\Files\Controls, y seleccionamos los dos archivos, y hacemos clic en el botón Add:3. Hacemos clic derecho sobre el Sitio Web, y seleccionamos Add Existing Item…:

Página |6

4. Navegamos hacia la carpeta, seleccionamos los dos archivo de EditProfile.aspx, y hacemos clic en el botón Add:

5. Si nos vamos a la vista Source de la página EditProfile.aspx, podremos ver que este tiene principalmente dos controles, un control ChangePassword para cambiar la contraseña de usuario,y un control UserProfile, que es el control de usuario agregado en el ítem 2:

Página |7

6. Ejecutamos la página EditProfile.aspx, y podremos apreciar que esta se ve sin que el usuario tenga un usuario dentro del sitio:

7. Para evitar eso, nos vamos al archivo web.config, y agregamos otro elemento location dentro del elemento configuration, con esta configuración denegamos el acceso atodos los usuarios anónimos, es decir, a los usuarios que no poseen una cuenta en el sitio:

Página |8

8. Volvemos a ejecutar la página EditProfile.aspx, y ahora obtendremos el siguiente mensaje, que nos indica que debemos iniciar sesión, lo hacemos con la cuenta cobando:

9. Iniciamos sesión con el usuario cobando, y cambiamos su contraseña:

10. Regresamos a Visual Studio, nos vamos a lavista Source de la página Template.master, ubicamos el control LoginView, y agregamos el siguiente código dentro del template LoggedInTemplate:

Página |9

11. Nos vamos a la vista código del control de usuario UserProfile.ascx, y agregamos el siguiente código dentro del método del evento Load de la página, para cargar los perfiles del usuario actual:

12. Y en el método SaveProfile de...