clothing store

Implementando el esquema del sitio web
Todas las páginas en ClothingStore, incluyendo la primera página, tendrán la estructura que se muestra en la
Figura
En capítulos posteriores, se añadirá más componentes al esquema (como el carro cuadro resumen casilla de
ingreso o de compras), pero por ahora, estas son las partes que implementaremos en las siguientes
secciones.

Caja de búsqueda

ENCABEZADODEL SITIO

Lista de
departamentos
CONTENIDO DEL SITIO
Lista de categorías

(Esta zona será dinámica presentado

Para seleccionar

diferentes contenidos de acuerdo a los

departamentos

requerimientos del usuario)

Ahora vamos a crear un Master.page, donde aplicaremos los estilos para que a partir de este podamos crear
los demás formularios web, los cuales tendrán la misma presentación del masterpage.
Construyendo la primera página.
1. Agregar un Master.Page.

2. Configuramos nuestro Master.Page con los div cuidando de que el ContentPlaceHolder se encuentre dentro
del div “contenidos”

3. Como el web form Default.aspx que tenemos actualmente en el proyecto no está enlazado a nuestro
Master.Page, lo eliminamos.

4. Ahora agregamos un web form basado en el Master.Page, éste heredará todolo realizado en el
Master.Page. Haga clic derecho en la raíz del proyecto en el Explorador de soluciones y seleccione Agregar
nuevo elemento. Elija la plantilla Web Form, deje su nombre con Default.aspx, desmarque Place code in
separate file, (que no es necesario un archivo de código subyacente para este formulario), compruebe que
select master page se encuentre seleccionado, luego seleccione elMaster.Page y haga clic en Aceptar. Su
nueva página será creada con sólo unas pocas líneas de código, todo el resto se heredó de la página
maestra:

5. Modificar el título de la página a “ClothingStore : Tienda de Compras OnLine”
6. Presione F5 para probar nuestro avance.

Creando el catálogo de productos
Para poner en práctica la lista de departamentos, comenzaremos con la base de datos y crear elcamino hasta
la capa de presentación:
1.

Vamos a crear la tabla de Departamento en la base de datos. Esta tabla almacenará los datos relativos a
los departamentos de la tienda. Antes de añadir esta tabla,

2.

Vamos a añadir el procedimiento almacenado ObtenDepartamento a la base de datos, que está
lógicamente situado en la capa de datos de la aplicación.
En este paso, usted aprenderá cómocomunicarse con las bases de datos relacionales utilizando SQL.

3.

Vamos a crear los componentes de nivel de negocio de la lista de departamentos. Vas a aprender cómo
comunicarse con la base de datos mediante una llamada al procedimiento almacenado y el envío de los
resultados a la capa de presentación.

4.

Por último, deberá editar un control de usuario listaDepartamentos, para visualizar una listadinámica de los
departamentos al visitante, que es el objetivo de este capítulo.

Creando la tabla de departamentos
1.

Presionar CRTL + ALT + S para ver el explorador de base de datos

2.

Agregamos una nueva conexión.

3.

Asigne la siguiente configuración.

4.

Agregar una nueva tabla.

Nombre campo
IDDepartamento
Nombre
Descripcion

Tipo de dato
Int
nvarchar(50)
nvarchar(1000)

Otraspropiedades
Primary Key y columna Entity
No acepta nulos
Acepta nulos

5.

Grabar la tabla y asignar como nombre de la tabla: departamento.

6.

Ahora agregamos algunos datos.

Si desea regenerar los valores de la llave primaria ejecutar

USE clothingstore
TRUNCATE TABLE departamento
Creando procedimientos almacenados
1.

En el explorador de servidor, agregar un procedimiento almacenado denominadoobtenDepartamento

2.

Ejecutar el procedimiento almacenado para comprobar los resultados.

Si no aparece la ventana de salida, presione CTRL +ALT +O
3.

Guardar el procedimiento almacenado.

Escribiendo el código de la capa de reglas de negocio
Llegó el momento de actualizar su solución ClothingStore con algunos nuevos fragmentos de código además de
aplicar el código de acceso a datos. Vamos a añadir...