Lab-04-05-PD2

1. UNIVERSIDAD ISRAEL
CIENCIAS DE LA INGENIERÍA
CARRERA DE SISTEMAS DE INFORMACIÓN
PLATAFORMAS DE DESARROLLO 2
SEMESTRE 2021 B
LABORATORIO S4-5
TEMA: MVC
PROFESOR: Mg. Luis Fernando Aguas Bucheli
QUITO, 2021

2. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
1. TEMA: MVC
2. OBJETIVOS:
• Adquirir los conceptos básicos relacionados con MVC
• Reconocer las características de MVC
3. OBJETIVOS DE DESARROLLO SOSTENIBLE:
Indicador 4.7: De aquí a 2030, asegurar que todos los alumnos adquieran los conocimientos
teóricos y prácticos necesarios para promover el desarrollo sostenible, entre otras cosas
mediante la educación para el desarrollo sostenible y los estilos de vida sostenibles, los derechos
humanos, la igualdad de género, la promoción de una cultura de paz y no violencia, la ciudadanía
mundial y la valoración de la diversidad cultural y la contribución de la cultura al desarrollo
sostenible
4. INTRODUCCION:
MVC se usa inicialmente en sistemas donde se requiere el uso de interfaces de usuario, aunque
en la práctica el mismo patrón de arquitectura se puede utilizar para distintos tipos de
aplicaciones. Surge de la necesidad de crear software más robusto con un ciclo de vida más
adecuado, donde se potencie la facilidad de mantenimiento, reutilización del código y la
separación de conceptos.
Su fundamento es la separación del código en tres capas diferentes, acotadas por su
responsabilidad, en lo que se llaman Modelos, Vistas y Controladores, o lo que es lo mismo,
Model, Views & Controllers, si lo prefieres en inglés. En este artículo estudiaremos con detalle
estos conceptos, así como las ventajas de ponerlos en marcha cuando desarrollamos.
MVC es un "invento" que ya tiene varias décadas y fue presentado incluso antes de la aparición
de la Web. No obstante, en los últimos años ha ganado mucha fuerza y seguidores gracias a la
aparición de numerosos frameworks de desarrollo web que utilizan el patrón MVC como modelo
para la arquitectura de las aplicaciones web.
5. DESARROLLO:

3. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 1. Abre Visual Studio 2019 y selecciona la opción Crear un nuevo proyecto.
Paso 2. Busca el tipo de proyecto ASP.NET Core Web Application, selecciónalo y da clic en
Next:
Paso 3. El nombre del proyecto es DemoMVC, elige una ubicación y da clic en Crear.

4. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 4. A continuación, elige la plantilla Web Application (Model-View-Controller). En la
sección superior asegúrate de elegir .NET Core y la versión ASP .NET Core 2.2:

5. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 5. Espera a que finalice la creación del proyecto. En la carpeta Models crea una nueva
clase llamada Student con el código mostrado a continuación.
using System;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
namespace DemoMVC.Models
{
public class Student
{
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int Id { get; set; }
public string Name { get; set; }
public int Age { get; set; }
[Display(Name = "Enroll Date")]
public DateTime EnrollDate { get; set; }
}
}

6. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 6. Ahora crea una carpeta con el nombre Context, dentro de la cual agregarás una nueva
clase llamada SchoolDatabaseContext. Su código es el siguiente:
using Microsoft.EntityFrameworkCore;
using DemoMVC.Models;
namespace DemoMVC.Context
{
public class SchoolDatabaseContext : DbContext
{

7. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
public SchoolDatabaseContext(DbContextOptions<SchoolDatabaseContext> options) :
base(options)
{
}
public DbSet<Student> Students { get; set; }
}
}
Paso 7. El siguiente paso es definir la cadena de conexión a la base de datos donde
almacenaremos la información. Esto se realiza en el archivo appsettings.json de la siguiente
forma:
Paso 8. Da clic derecho en el nombre del proyecto DemoMVC y elige la opción Manage Nuget
packages

8. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 9. Busca el paquete Microsoft.EntityFrameworkCore.SqlServer. Selecciona la última
versión disponible para .NET Core 2.2
Paso 10. Una vez instalado el paquete, abre el archivo Startup.cs y registra el contexto en el
método ConfigureServices de la siguiente manera:
Agregando los espacios de nombres
Indicando la cadena de conexión y el gestor de bases de datos
Recomendable indicar que Json ignore las referencias circulares.

9. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Paso 11. Nuevamente en el Administrador de Paquetes Nuget, busca el paquete
Microsoft.EntityFrameworkCore.Tools. Selecciona la misma versión que elegiste para el
paquete Microsoft.EntityFrameworkCore.SqlServer e instálalo en el proyecto.
Paso 12. En el menú Herramientas de Visual Studio da clic en Nuget Package Manager y
selecciona Package Manager Console.

10. Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
6. BIBLIOGRAFIA: