Modelo-Vista-Controlador
(MVC)
Ing. MSc. Magda Perozo
Modelo-Vista-Controlador
• Este patrón fue descrito por primera vez por Trygve Reenskaug
en 1979, y la implementación original fue realizada en Smalltalk
en los laboratorios Xerox.
• MVC se basa en la separación de la aplicación en tres capas
principales: Modelo, Vista y Controlador.
• Se usa (él o alguna de sus variantes) en la gran mayoría de las
interfaces de usuario.
Modelo-Vista-Controlador
Modelo: es la representación específica del dominio de la
información sobre la cual funciona la aplicación.
El modelo es otra forma de llamar a la capa de dominio.
La lógica de dominio añade significado a los datos; por
ejemplo, calculando si hoy es el cumpleaños del usuario o
los totales, impuestos o portes en un carrito de la compra.
Modelo-Vista-Controlador
Vista: Se presenta el modelo en un formato adecuado
para interactuar, usualmente un elemento de interfaz de
usuario.
Controlador: Este responde a eventos, usualmente
acciones del usuario e invoca cambios en el modelo y
probablemente en la vista.
Modelo-Vista-Controlador
En general
Modelo-Vista-Controlador
• Muchas aplicaciones utilizan un mecanismo de
almacenamiento persistente (como puede ser una base
de datos) para almacenar los datos. MVC no menciona
específicamente esta capa de acceso a datos porque
supone que está encapsulada por el modelo.
• El objetivo primordial del MVC es la reutilización del
código ya implementado.
• Esta tarea se facilita mucho si a la hora de programar
tenemos la precaución de separar el código en varias
partes que sean susceptibles de ser reutilizadas sin
modificaciones.
Modelo-Vista-Controlador
Ejemplos
• Los datos de una hoja de cálculo pueden mostrarse de en
formato tabular, con un gráfico de barras, con uno de
sectores.
• Los datos son el modelo.
• Si cambia el modelo, las vistas deberían actualizarse en
consonancia.
• El usuario manipula el modelo a través de las vistas.
(en realidad, a través de los controladores)
Modelo-Vista-Controlador
Mas de una Vista de un Modelo
de Datos
Modelo-Vista-Controlador
• MVC es utilizado con mayor frecuencia en las
aplicaciones web, donde la Vista es la página
HTML, y el Controlador es el código que reúne la
data dinámica y genera el contenido de la página.
• El Modelo es representado por el contenido actual,
que usualmente se encuentra almacenado en una
base de datos o en archivos XML.
Modelo-Vista-Controlador
Cliente
Filtra los Requerimientos
Da Formato
a la Pagina a
Mostrar
Extrae la Data
Controlador
Vista
Determina la Compara Requerimientos y
Pagina a Servicios
Mostrar
Invoca el Servicio
Modelo
Organiza el
Trabajo
Operación sobre Realizar la
los datos Operación
Modelo-Vista-Controlador
Fortalezas
• Se presenta la misma información de distintas formas.
• Las vistas y comportamiento de una aplicación deben reflejar
las manipulaciones de los datos de forma inmediata.
• Debería ser fácil cambiar la interfaz de usuario (incluso en
tiempo de ejecución).
• Permitir diferentes estándares de interfaz de usuario o portarla
a otros entornos no debería afectar al código de la aplicación.
Modelo-Vista-Controlador
Variantes del Modelo.
- Variante en la cual no existe ninguna comunicación entre el
Modelo y la Vista y esta última recibe los datos a mostrar a
través del Controlador.
• Variante inicial del Patrón MVC.
Modelo-Vista-Controlador
• Variante en la cual se
desarrolla una
comunicación entre el
Modelo y la Vista, donde
esta última al mostrar los
datos los busca
directamente en el
Modelo, dada una
indicación del
Controlador,
disminuyendo el conjunto Variante Intermedia del Patrón MVC.
de responsabilidades de
este último.
Gracias