Bienvenid@s

Al Curso de Diseño y Programación Web de Bextlán

Slides

jonmircha.github.io/slides-mvc

Un especial agradecimiento a

TOD@S USTEDES QUE HAN DEPOSITADO SU CONFIANZA EN ESTE CURSO

por @jonmircha fundador de @bextlan

Jonathan MirCha

Ing. en SistemasMtro. en Comunicación con Medios Virtuales

Creativo de la Web - Docente Digital - Frontend

Maratonista

Modelo - Vista -Controlador

Las aplicaciones web son diferentes a los sitios web convencionales porque éstas son capaces de crear una respuesta dinámica.

Las aplicaciones Web en general tienen tres aspectos a considerar en su desarrollo:

• El código de acceso, inserción, consulta, actualización y/o eliminación de los datos.
• El código del diseño de las páginas a mostrar.
• El código que controla el flujo de las páginas de la aplicación.

Una forma de separar estos aspectos es usando el patrón de diseño MVC: Modelo-Vista-Controlador, donde:

• El modelo representa a la lógica de negocios (manipulación de datos).
• La vista representa la presentación de los datos (diseño de páginas).
• El controlador representa el código de navegación de la aplicación (control de flujo).

Modelo-Vista-Controlador es un Patrón de Diseño: Los Patrones de Diseño son:

• Soluciones efectivas de problemas comunes en el diseño de software.
• Su efectividad ya ha sido comprobada.
• Es reusable.
• Facilitan el aprendizaje de los programadores inexpertos.

Modelo-Vista-Controlador

• Fue aportado originariamente por el lenguaje de programación SmallTalk.
• Consiste en dividir una aplicación en tres componentes.
• Se basa en la separación de responsabilidades ya que cada una de las partes se encarga de un aspecto específico y no interfiere con el de las otras.

Modelo

• Representa las capas de lógica de negocios y persistencia de datos.
• Se encarga del acceso a los datos para realizar consultas, eliminaciones, inserciones, actualizaciones y almacenarlos en un medio persistente.

Vista

• Representa la capa de presentación de los datos.
• Se encarga de mostrar la información al usuario (Interfaz de Usuario).
• En la vista solo se deben de realizar operaciones simples, como condiciones, ciclos, etc.

Controlador

• Se encarga de controlar el flujo de la aplicación.
• Tiene la función de recibir y responder a los eventos (acciones del usuario).
• Tiene que redirigir o asignar la parte de lógica de negocios a cada petición.
• Debe tener un mecanismo para guardar las correspondencias entre peticiones y respuestas que se les asignan.

Modelo - Vista - Controlador

Aplicación CRUD

Super Héroes

MVC

Frontend

HTML - CSS - JS

Backend

AJAX - PHP - MySQL

Modelo - Vista - Controlador

Base de Datos

Muchas Gracias

j@bextlan.com

#bextlanweb