Ao del buen servicio al ciudadano

Universidad Nacional de Trujillo

Facultad de Ingeniera

Escuela Acadmico Profesional de Ingeniera de Sistemas

CURSO:
TEMAS AVANZADOS DE INGENIERA DE SISTEMAS

DOCENTE:

SANCHEZ TICONA, ROBERT JERRY

ALUMNAS:

PORTILLA COSAVALENTE, EMELY JANIN

SOTO MENDOZA, EVELIN DEANELLY

TEMA: HTML HELPERS

CICLO:
IX CICLO

2017
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

Ejercicio de programacin de HTML Helpers

1. Creamos la base de datos HTML_HELPERS y luego las tablas PRODUCTOS y
CATEGORIAS y USUARIOS

2. Llenamos las tablas PRODUCTOS, CATEGORIAS y USUARIOS

2|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

3. Luego de crear las tablas en la base de datos generamos el diagramade de la base de

datos.

3|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

4. Despus de crear la base de datos con sus respectivas tablas pasamos a crear un
proyecto en visual basic web MVC llamado HTM_HELPERS, luego en la
carpeta Models agregamos un nuevo elemento, seleccionamos datos y damos
clip en Entity Data Model.

5. Despus seleccionamos lo que se desea que contenga el modelo y en este caso

seria las tablas de la base de datos HTML_HELPERS.

4|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

6. Luego damos clip en siguiente y nos pedir la conexin a la base de datos,

despus seleccionamos tablas

7. Luego de crear el modelo tendremos como resultado el diagrama generado de la

base de datos.

5|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________
8. Luego seleccionamos la carpeta Controllers para agregar un nuevo controlador
llamado Producto. En index creamos una variable llamado Productos a la
cual le vamos a agregar el contenido de las tabla Productos para que nos pueda
listar los datos que dicha tabla contiene.

9. Luego seleccionamos la palabra Index y le damos anticlip para crear la vista, y

despus ejecutamos.

10. Despus vamos a crate para agregar el cdigo que nos va a permitir guardar un
producto en la base de datos

6|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________
11. Despus seleccionamos la palabra crate y damos anti clip para crear la vista y
tendremos como resultado:

12. Ahora en la carpeta controllers anticlik->agregar->controllers-> aceptar generamos un

nuevo controlador que se llamara UsuarioController

13. Luego declaramos una nueva variable contenido la cual nos permitir manejar el
contenido de base de datos usuario. Llamando a la clase predeterminada que se
genera cuando
Public contenido As helpersEntities = New helpersEntities

7|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

14. Luego ejecutamos el index predeterminado para poder posteriormente crear nuestras
distintas en vistas de usuario la primera vista a crear ser la de list listara todos los
usuarios almacenados. En el index() -> anticlik agregar vista y ->agregar.

15. Luego aadiremos la vista para crear un nuevo usuario y guardar en la base de datos
como se ve en la imagen hacemos lo mismo pero en la funcin crate-> agregar

8|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________
16. Luego agregaremos una variable usuario instanciando que la clase Usuario que se auto
creo con el controlador de usuario.
Dim usuario As Usuario = New Usuario()
usuario.Nombre = collection("nombre")
usuario.Apellidos = collection("apellidos")
usuario.Telefono = collection("telefono")
usuario.Email = collection("email")
usuario.contrasea = collection("contrasea")
contenido.Usuario.Add(usuario)
contenido.SaveChanges()
Return RedirectToAction("Index")

17. Luego crearemos las vistas de detalles los mismos pasos anteriores y la vista de
modificar antclik en la funciones correspondientes -> agregar nueva vista->agregar

18. Para las vista de detalles del usuario y modificar se necesita crear una variable nueva
que llamaremos usuario a la que le pasaremos los valores que contiene la variable
contenido donde estn todo los atributos del usuario y se llamara a los valores del
usuario a partir del idusuario retornndome la vista del usuario seleccionado.
Dim usuario = (From u In contenido.Usuario Where id = u.idUsuario Select
u).First()
Return View(usuario)

9|Pgina
UNIVERSIDAD NACIONAL DE TRUJILLO
Ingeniera de sistemas Temas avanzados de ingeniera de sistemas
__________________________________________________________________________

19. Luego se ejecutara los mismos pasos para eliminar pero se escribir el siguiente cdigo
que permite llamar al usuario seleccionado y removerlo de la variable contenido que
almacena todos los usuarios.
Dim usuario = (From u In contenido.Usuario Where id = u.idUsuario Select
u).First()
contenido.Usuario.Remove(usuario)
contenido.SaveChanges()

10 | P g i n a