Design Tools

Escuela de Formación de Tecnólogos

ESCUELA POLITÉCNICA NACIONAL
Wendy.soto@epn.edu.ec

Resumen- El presente documento trata sobre
herramientas de diseño como Razor, Entity framework y
MVC en Visual Studio.
I. INTRODUCCIÓN
Consulta de algunas herramientas de desarrollo en .NET y
sobre el modelo MVC
II. DESARROLLO
1. Entity Framework
Es un Framework ORM (Object-Relational mapping, un
modelo de programación que consiste en la transformación de
las tablas de una base de datos, en una serie de entidades que
simplifiquen las tareas básicas de acceso a los datos para el
programador [1].) para la plataforma Microsoft probado por
NET.
Se publicó por primera vez en 2008, como parte de .NET
Framework y Visual Studio 2008
Existen dos versiones Entity Framework 6 y Entity
Framework Core.
Entity Framework 6
Es una tecnología de acceso a datos probada y con desarrollo
de varios años, por primera vez aparece e 2008 a partir de la
versión 4.1. Hoy en día sigue recibiendo soporte técnico para
el que seguirá habiendo correcciones de errores y pequeñas
mejoras. Reduce la falta de coincidencia de impedancia entre
los mundos relacional y orientado a objetos, lo que permite a
los desarrolladores escribir aplicaciones que interactúan con
datos almacenados en bases de datos relacionales como SQL
Server, Oracle, MySQL, SQLite, PostgreSQL, DB2
utilizando objetos.
EF6 implementa muchas características de O/RM populares
por ejemplo:
contexto que representa una sesión con la base de datos, lo que
permite consultar y guardar los datos.
Las instancias de las clases de entidad se recuperan de la base
de datos mediante Language Integrated Query (LINQ).
Los datos se crean, se eliminan y se modifican en la base de
datos mediante instancias de las clases de entidad.
Los primeros pasos a realizar para poder usar es agregar el
paquete NuGet de Entity Framework al proyecto o instalar
Entity Framework Tools para Visual Studio.
2. Razor ASP .NET
Razor es una sintaxis de programación ASP.NET utilizada
para crear páginas web dinámicas con los lenguajes de
programación C # o VB.NET. Hizo su aparición con Visual
Studio 2010 [2], es un motor de vista de sintaxis muy simple
que se lanzó como parte del Modelo Vista controlador que lo
explicare luego.
Permite al programador usar un flujo de trabajo de
construcción HTML. En lugar de utilizar la sintaxis de
marcado de formularios web ASP.NET (.aspx) con <%=
%>símbolos para indicar bloques de código, la sintaxis Razor
inicia los bloques de código con un @carácter y no requiere el
cierre explícito del bloque de código. [2]
El objetivo de Razor es proporcionar una sintaxis optimizada
para la generación de HTML utilizando un enfoque de
plantillas centrado en el código.
Razor puede hacer que la codificación centrada en las páginas
sea más fácil y productiva que el uso de controladores y vistas.
Para empezar con un nuevo proyecto en Visual Studio con
Azor debemos elegir el proyecto que contenga ASP .NET
Core Web Aplication:

Integración con modelos de aplicación de .NET Framework,

incluido ASP.NET, y mediante enlace de datos, con WPF y
WinForms.

Entity Framework Core

Es una reescritura completa de Entity Framework 6, su
primera publicación fue en 2016 donde incluye paquetes
Nuget. EF Core es un producto multiplataforma que se ejecuta
en .NET Core, proporciona un desarrollo similar a EF 6 por lo
que los dos resultaran muy familiares.
Entity Core es una versión más moderna, ligera y extensible
de Entity Framework que tiene capacidades y ventajas muy Ilustración 1: imagen tomada de [3]
similares a EF6 es recomendable usar EF Core en las
aplicaciones nuevas si el conjunto de características se ajusta Y luego elegir Web Aplication
a los requisitos.
Con EF Core, el acceso a datos se realiza mediante un modelo.
Un modelo se compone de clases de entidad y un objeto de

Ilustración 2: Imagen tomada de [3]
Razor Pages está diseñado para hacer que los patrones
comunes utilizados con los navegadores web sean fáciles de
implementar al crear una aplicación.
3. MVC (Modelo Vista Controlador)
ASP.NET Core MVC es una arquitectura de software para
crear aplicaciones web y API utilizando el patrón de diseño
Modelo-Vista-Controlador.
Este modelo separa la aplicación en tres grupos de
componentes: Modelo, Vista, Controlador y ayuda a separar
los trabajos de programación. El Controlador elige la Vista
para mostrar al usuario y le proporciona todos los datos del
Modelo que requiera.
El siguiente grafico muestra los componentes principales a los
que hace referencia este modelo:
Ilustración 3: Imagen tomada de [4]
Con este modelo nos resulta más fácil codificar, depurar y
probar algo.
Tanto la vista como el controlador dependen del modelo. Sin
embargo el modelo no depende de la vista ni del controlador.
Este es uno de los beneficios clave de la separación. Esta
separación permite que le modelo se construya y pruebe
independientemente la presentación visual [4].
Modelo.- representa cualquier lógica del negocio y el estado
de la aplicación u operaciones a realizar
Vista.- son las responsables de presentar el contenido a través
de la interfaz de usuario. Utiliza el motor de Razor para incluir
código.
Controlador.- son componentes que maneja la iteración del
usuario, trabajan con el modelo, en una aplicación MVC la
vista solo muestra la información; el controlador maneja y
responde a la entrada y acciones que realice el usuario. El
Controlador es el punto de entrada inicial y es responsable de
seleccionar que tipos de modelos trabajar y que vista debe
presentar (por ello su nombre; controla como debe responder
la aplicación a una solicitud determinada).
A continuación se muestra una imagen con el proceso de
respuesta que debe llevar a cabo el modelo MVC.
Ilustración 4: Imagen tomada de [5]
Responsabilidades de los elementos del modelo.
Modelo Responsabilidad
Modelo
-Acceder a la capa de almacenamiento
de datos. Lo ideal es que el modelo sea
independiente del sistema de
almacenamiento.
-Define las reglas de negocio (la
funcionalidad del sistema).
-Lleva un registro de las vistas y
controladores del sistema.
Vista -Recibir datos del modelo y la muestra al
usuario.
-Tienen un registro de su controlador
asociado
-Pueden dar el servicio de "Actualización()"
Controlador -Recibe los eventos de entrada (un clic, un
cambio en un campo de texto, etc.).
-Contiene reglas de gestión de eventos.
Estas acciones pueden suponer peticiones al
modelo o a las vistas.
III. CONCLUSIONES
 Entity Framework 6 modelo de programación que ha
migrado a EF Core con las misma funcionalidades
pero sobrescribiendo ciertas combinaciones.
 Razor un lenguaje de programación de ASP. NET
utilizada para crear páginas web dinámicas.
 El Modelo Vista Controlador es una arquitectura de
manejo de la aplicación en donde separa las tareas del
proyecto que tres fases que resulta más fácil poder
controlar el funcionamiento del proyecto.
 IV. BIBLIOGRAFIA

[1] «tuProgramacion.com,» [En línea]. Available:

http://www.tuprogramacion.com/glosario/que-es-un-
orm/. [Último acceso: 25 enero 2020].
[2] Wikipedia. [En línea]. Available:
https://en.wikipedia.org/wiki/ASP.NET_Razor. [Último
acceso: 26 enero 2020].
[3] Microsoft, 11 Noviembre 2019. [En línea]. Available:
https://docs.microsoft.com/en-
us/aspnet/core/tutorials/razor-pages/razor-pages-
start?view=aspnetcore-3.1&tabs=visual-studio. [Último
acceso: 26 enero 2020].
[4] «Microsoft MVC,» 6 Noviembre 2019. [En línea].
Available: https://docs.microsoft.com/en-
us/aspnet/core/mvc/overview?view=aspnetcore-3.1.
[Último acceso: 26 enero 2020].
[5] U. Hernández, «Facilito.com,» 22 Febrero 2015. [En
línea]. Available:
https://codigofacilito.com/articulos/mvc-model-view-
controller-explicado. [Último acceso: 26 enero 2020].