Desarrollo de Aplicaciones

Empresariales Avanzadas

GUÍA DE LABORATORIO 9

“MVC y EntiyFramework”

Docente: Hugo Torrico Márquez

Tecsup

LABORATORIO

Objetivos:

 Conocer Entity Framework

Equipos, Materiales, Programas y Recursos:

 PC con Sistema Operativo Windows o Linux

 Notepad++ o Sublime Text

Introducción:

En la presente sesión se detalla los fundamentos para la conexión entre Visual Studio.Net y SQL
Server mediante la tecnología ADO.NET

Seguridad:

 Ubicar maletines y/o mochilas en el gabinete al final de aula de laboratorio.

 No ingresar con líquidos ni comida al aula de laboratorio.
 Al culminar la sesión de laboratorio, apagar correctamente la computadora y el monitor.

Preparación:

Durante el desarrollo de los temas de clase se tendrán ejercicios explicativos en cada uno de los
puntos, ello le dará a la sesión una interacción de la teoría y la parte práctica, ya que en todo el
momento el alumno podrá comprobar en su propia PC, todos los ítems del manual.

Redes y Comunicaciones Pág. 1

Tecsup

Objetivo:
 Mantenimiento con EntityFramewor

TRABAJANDO CON MVC y ENTITY FRAMEWORK

Crear mantenimiento con Entity Framework y MVC

PROYECTO DE BASE DE DATOS

Crear proyecto MVC de nombre University

Crear Base de Datos de nombre UniversityDB

Redes y Comunicaciones Pág. 2

Tecsup

Crear nuevo inicio de sesión (login) para la base de datos que hemos creado

Seleccionar Autenticación SQL SERVER

Colocar como nombre de Inicio se Sesión usrUniversity
Colocar como contraseña “123456”
Quitar los check “Exigir directiva de contraseña”
Colocar como base de datos predeterminada UniversityDB

Redes y Comunicaciones Pág. 3

Tecsup

En roles de servidor seleccionemos public y sysadmin

En Asignación de usuarios seleccionar la base de datos UniversityDB

En el rol de base de datos seleccionar db_owner y public

Redes y Comunicaciones Pág. 4

Tecsup

Conectare al motor de base de datos con autenticación SQL SERVER

usrUniversity
123456

Verificar que podemos conectarnos a la base de datos.

Redes y Comunicaciones Pág. 5

Tecsup

Click derecho en Visual Studio y creamos un proyecto de base de datos de nombre “Database1”

Click derecho sobre database1 y agregar Tabla “Student”

Escribir el script de creación de la tabla
Click en guardar todo

Redes y Comunicaciones Pág. 6

Tecsup

Click derecho sobre database1 y agregar Tabla “Course”

Escribir el script de creación de la tabla
Click en guardar todo

Click derecho sobre database1 y agregar Tabla “Enrollment”

Escribir el script de creación de la tabla
Click en guardar todo

Redes y Comunicaciones Pág. 7

Tecsup

Click derecho sobre database1 y agregar script

Seleccionar Script posterior a la implementación
Guardarlo con el nombre por defecto

Escribir los script de inserción de data

Redes y Comunicaciones Pág. 8

Tecsup

Continuar con el script de inserción

Click derecho al proyecto Database y en la configuración del proyecto seleccionar la versión de SQL SERVER
que tengas configurados.

Redes y Comunicaciones Pág. 9

Tecsup

Click derecho al proyecto Database y hacer click en publicar

Seleccionar una nueva conexión

Nombre de Servidor: TuServidorLocal
Autenticación: SQL Server
Nombre del Usuario: usrUniversity
Contraseña: 123456
Base de Datos: UniversityDB

Redes y Comunicaciones Pág. 10

Tecsup

Click en editar

Seleccionar la cadena de conexión a tu base de datos y click en publicar

Redes y Comunicaciones Pág. 11

Tecsup

Si todo ha sido de manera correcta en la parte inferior debe aparecer el mensaje “Publicación Realizada
Correctamente”

Verificamos que se han creado las tablas en la base de datos

Redes y Comunicaciones Pág. 12

Tecsup

ENTITY FRAMEWORK

En los paquetes nuget del proyecto University debemos buscar “EntityFramework” e instalar la versión 6.2.0

Dentro de la carpeta Models, click derecho y agregar “ADO .NET Entity Data Model” de nombre
UniversityModel

Redes y Comunicaciones Pág. 13

Tecsup

Seleccionar el tipo de modelo “EF Designer desde base de datos” y click en siguiente

Seleccionar la base de datos correspondiente con las credenciales antes creadas

Redes y Comunicaciones Pág. 14

Tecsup

Seleccionar la cadena de conexión o click en nueva conexión para la base de datos UniversityDB
Seleccionar la opción “Si, incluir datos confidenciales en la cadena de conexión”

Escogemos todos los objetos de base de datos que vamos a mapear, en este caso son las 3 tablas.

Redes y Comunicaciones Pág. 15

Tecsup

Verificamos que se ha creado 3 tablas dentro del visual studio

MVC
Agregamos un nuevo controlador de MVC 5 con vistas que usan EntityFramework

Redes y Comunicaciones Pág. 16

Tecsup

Selecciona la clase modelo Course.

Seleccionamos el contexto UniversityDBEntities
Seleccionamos generar vistas
Seleccionamos referencia a bibliotecas de scripts
Seleccionamos el Layout

Verificamos que se ha creado el controlador con todos sus métodos Get y Post.
Ejecutamos la aplicación y colocamos la ruta Sever/Courses

Redes y Comunicaciones Pág. 17

Tecsup

Ejecutamos la aplicación y colocamos la ruta Sever/Courses/Create

Llenamos los datos de prueba y hacemos click en “Create”

Se debe mostrar la lista de cursos mas el que has agregado.

Redes y Comunicaciones Pág. 18

Tecsup

Agregar un controlador de la misma forma para STUDENT

Ejecutamos la aplicación y probamos colocando la ruta Server/Students

Redes y Comunicaciones Pág. 19

Tecsup

Hacemos la prueba insertando un nuevo estudiante

Verificamos que el estudiante ha sido agregado sin problemas.

Redes y Comunicaciones Pág. 20

Tecsup

Agregamos un nuevo controlador para Enrollments, luego ejecutamos la aplicación y hacemos la prueba
correspondiente.

Insertamos un nuevo enrollment, tener en cuenta que aquí se ha cargado los cursos y estudiantes de las otras
tablas.

Redes y Comunicaciones Pág. 21

Tecsup

Verificamos en la lista que se ha hecho la transacción sin problemas

AGREGAR UN CAMPO EXISTENTE

Agregamos el campo email a la tabla student

Redes y Comunicaciones Pág. 22

Tecsup

Click derecho sobre el proyecto Database1 y hacemos click en Comparación de Esquemas

Seleccionamos el destino

Redes y Comunicaciones Pág. 23

Tecsup

Debemos buscar la cadena de conexión en nuestra propia base de datos.

Hacemos click en comparar y veremos la diferencia de las base de datos

Redes y Comunicaciones Pág. 24

Tecsup

Seleccionamos solo la tabla y hacemos click en “Actualizar Destino”

Ahora faltaría actualizar el context.

Ir a la carpeta Models, seleccionar el archivo de extensión UniversityModel.edmx
Click derecho en cualquier parte del diagrama
Actualizar modelo desde base de datos

Redes y Comunicaciones Pág. 25

Tecsup

Click en siguiente y luego finalizar

Finalmente comprobamos que el campo “email” se ha actualizado en el diagrama

Siempre dar guardar todo (ctr+s) y compilar la aplicación “ctr+shift+b”

Redes y Comunicaciones Pág. 26

Tecsup

Modificar la vista Create Student para que permita ingresar el email

Modificar la vista Edit Student para que permita editar el email

Redes y Comunicaciones Pág. 27

Tecsup

Modificar la vista Detail para poder ver el detalle.

Modificar la vista Index para poder ver el email

Redes y Comunicaciones Pág. 28

Tecsup

Modificar la vista Delete para poder ver el email

Ejecutar la aplicación y poner la siguiente ruta Student/

Verificar que aparece el campo email y está vacío

Redes y Comunicaciones Pág. 29

Tecsup

DATA ANNOTATION
Importar System.componentModel.DataAnnotation
Agregar las DataAnnotation de los modelos

Agregar las DataAnnotation del modelo Enrollment

Redes y Comunicaciones Pág. 30

Tecsup

Intentar registrar
Nos saldrá los mensajes por defecto de Required

https://github.com/Roy360erick/lab08-Net.git

Redes y Comunicaciones Pág. 31