COMERCIO ELECTRONICO UNSCH 2016

Laboratorio N 4:
Creacin de la Base de Datos e integracin con la solucin

1. OBJETIVOS:
Afianzar al estudiante en el manejo, instalacin y anlisis HTML5 y CS3.
Afianzar en el estudiante conocimientos y utilizacin de la HTML5 y CS3.
Realizar una primera interaccin con la tecnologa Java Script, CSS, Html5, AJAX JQUERY.

2. DESARROLLO DE LA PRCTICA 1
2.1. Crear una base de datos de SQL Server Llamado Tienda y correr el siguiente
script SQL

CREATE TABLE Producto

(
ProductoId INT PRIMARY KEY IDENTITY(1,1),
Denominacion VARCHAR(255) NOT NULL,
Descripcion VARCHAR(MAX) NOT NULL,
Precio DECIMAL(16,2) NOT NULL DEFAULT 0,
Existencias INT NOT NULL DEFAULT 0,
Activo BIT NOT NULL DEFAULT 0
)
CREATE TABLE ProductoImagen
(
ProductoImagenId INT PRIMARY KEY IDENTITY(1,1),
ProductoId INT REFERENCES Producto(ProductoId) NOT NULL,
Imagen VARCHAR(255) NOT NULL ,
Titulo VARCHAR(255),
Descripcion VARCHAR(MAX)
)
CREATE TABLE Cliente
(
ClienteId INT PRIMARY KEY IDENTITY(1,1),
Nombres VARCHAR(255) NOT NULL,
Apellidos VARCHAR(255) NOT NULL,
Usuario VARCHAR(255) NOT NULL,
Clave VARCHAR(255) NOT NULL,
Correo VARCHAR(255) ,
Celular VARCHAR(255) ,
Direccion VARCHAR(MAX)
)
CREATE TABLE Pedido
(
PedidoId INT PRIMARY KEY IDENTITY(1,1),
ClienteId INT REFERENCES Cliente(ClienteId) NOT NULL,
Fecha DATETIME NOT NULL,
Estado CHAR(3) NOT NULL
)
CREATE TABLE PedidoDetalle
(
PedidoDetalle INT PRIMARY KEY IDENTITY(1,1),
PedidoId INT REFERENCES Pedido(PedidoId) NOT NULL,
ProductoId INT REFERENCES Producto(ProductoId) NOT NULL,
Cantidad int NOT NULL
)

Ing. Richard Zapata Casaverde

COMERCIO ELECTRONICO UNSCH 2016

2.2. Crear un proyecto web mvc para administrador del sistema con nombre Admin

2.3. Creamos el modelo de datos usando la ORM Entity Frmaework en el Proyecto

Administrador en la seccin Models

Ing. Richard Zapata Casaverde

COMERCIO ELECTRONICO UNSCH 2016

Ing. Richard Zapata Casaverde

COMERCIO ELECTRONICO UNSCH 2016

2.4. Recompilar el Proyecto administrador

2.5. Ahora crear el mantenimiento de Productos y Clientes

Ing. Richard Zapata Casaverde

COMERCIO ELECTRONICO UNSCH 2016

2.6. En el Archivo _Layout cambiar los tems de men para los mantenimientos de
productos y clientes (lneas 25,26).
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>@Html.ActionLink("Inicio", "Index", "Home")</li>
<li>@Html.ActionLink("Productos", "Index", "Producto")</li>
<li>@Html.ActionLink("Clientes", "Index", "Cliente")</li>
</ul>
</div>
2.7. Finalmente cambiar el archivo view/Home/Index.cshtml
@{
ViewBag.Title = "Tienda Online";
}

<div class="jumbotron">
<h1>WEBMARKET Administrador</h1>
</div>

2.8. Correr la aplicacin y probar

TRABAJO GRUPAL:
Integrar la base de datos de la tienda virtual al proyecto grupal.

Ing. Richard Zapata Casaverde