Pasar al contenido principal
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
Álvaro Felipe
Álvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
Álvaro Felipe
José Luján
Jonathan MirCha
Álvaro Felipe
Álvaro Felipe
Beto Quiroga, Alexys Lozada
Álvaro Felipe
Juan Villalvazo
Luis Avilés
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha

MVC - Modelo Vista Controlador

MVC -  Modelo Vista Controlador

MVC o también conocido como Modelo Vista Controlador es el concepto que vamos a conocer en este artículo y no vamos a entrar en la siguiente polémica: ¿MVC es un patrón de diseño o un patrón arquitectónico?. Este es uno de los hilos más largos que por ahora dejaremos como pendiente.

Podemos definir de una manera sencilla a MVC como un modelo que separa el software en 3 cosas: Modelo, Vista y Controlador:

  1. Modelo: Es la representación de la información que vamos a utilizar en el software, solicitudes de información, cambiar estados etc.
  2. Vista: Es lo que maneja la visualización de la información
  3. Controlador: Es el encargado de la lógica, controla las entradas y salidas de información, responde a los eventos y acciones que pasan.

Después de las definiciones que leímos podemos decir que el controlador es el que se encarga de mantener el orden en el software, tendremos reglas y acciones que debemos de ejecutar, al ser el que mantiene el orden queda claro que coordina las peticiones que van sucediendo como actualizar.

El modelo es el encargado  de las consultas, por ejemplo si tienes una tienda online y quieres ver los productos más baratos de determinada categoría, (llamémosle categoría X), entonces el modelo trae los datos de la categoría X que corresponden con el filtro que le han pasado, en este caso el precio más bajo. Si por ejemplo una web hace una paginación de los resultados al momento de dar click a otra "pagina" el modelo traerá los siguientes 10 o los 10 elementos previos.

La vista por su lado será la encargada de recibir la información que llega por el controlador y empezar a realizar el acomodo de los elementos y mostrarle al usuario, desde la posición del elementos, los colores, el diseño y la semántica dentro de una web son correspondientes a la vista que se ha definido previamente.

Ahora vamos a describir el flujo normal de una compra por internet de cuando utilizamos este modelo:

  1. El usuario abre una pagina web
  2. El usuario da click a una opción de la pagina web, un botón para comprar.
  3. La vista recibe el click, pero el controlador es el encargado de trabajar con las acciones como por ejemplo enviar o recibir información.
  4. El controlador accede al modelo para por ejemplo efectuar el pago o la compra.
  5. El controlador al tener la respuesta pasa a la vista para indicar que es lo que debe mostrar al usuario.
  6. La vista entonces trabaja con lo que recibe del controlador para mostrar la pantalla correspondiente al usuario.

Esto lo podríamos detallar tan complejo como la cadena de ADN y hasta utilizar algunos patrones para aumentar algunos puntos débiles, pero la idea principal del artículo es explicar de la manera mas sencilla el modelo MVC y espero haberlo logrado.
 

Suscríbete al blog de EDteam

Ingresa tu correo electrónico para recibir nuestro boletín semanal