Arquitectura Modelo Vista Controlador

por

En este artículo vamos a explicar la arquitectura de programación Modelo Vista Controlador (MVC) aplicado al lenguaje PHP. Si tienes proyectos en PHP con accesos a Bases de Datos, sin duda el patrón MVC te va a ser de gran ayuda, sobretodo a la hora de escalar tu proyecto o realizar modificaciones.

Puedes consultar la sección de PHP si quieres encontrar más artículos interesantes sobre este lenguaje de programación.

Veamos un ejemplo de programación clásica con PHP, accediendo a una Base de Datos, y porqué el patrón Modelo Vista Controlador (MVC) ofrecen una solución mejorada.

Programación clásica en PHP

Vamos a crear un ejemplo de aplicación PHP que accede a una base de datos y muestra los datos obtenidos en la misma página PHP. En esta aplicación asumiremos que tenemos una tabla «usuarios» en una base de datos MySQL y deseamos mostrar la lista de todos los usuarios en la página web.

Nuestra tabla podría ser la siguiente: 

CREATE TABLE usuarios (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nombre VARCHAR(50),
    correo VARCHAR(100)
);

Un ejemplo de código PHP que accede a la base de datos y muestra el listado obtenido en la misma página sería parecido al siguiente:

<!DOCTYPE html>
<html>
<head>
    <title>Lista de Usuarios</title>
</head>
<body>
    <h1>Lista de Usuarios</h1>
    <?php
    // Conexión a la base de datos
    $servername = "localhost";
    $username = "usuario";
    $password = "contraseña";
    $dbname = "miapp";

    $conn = new mysqli($servername, $username, $password, $dbname);

    // Comprobar la conexión
    if ($conn->connect_error) {
        die("Conexión fallida: " . $conn->connect_error);
    }

    // Consulta SQL para obtener usuarios
    $sql = "SELECT id, nombre, correo FROM usuarios";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        // Mostrar datos de los usuarios en una tabla
        echo "<table border='1'>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Correo Electrónico</th>
            </tr>";
        while ($row = $result->fetch_assoc()) {
            echo "<tr>
                <td>" . $row["id"] . "</td>
                <td>" . $row["nombre"] . "</td>
                <td>" . $row["correo"] . "</td>
            </tr>";
        }
        echo "</table>";
    } else {
        echo "No se encontraron usuarios.";
    }

    // Cerrar la conexión a la base de datos
    $conn->close();
    ?>
</body>
</html>

Explicación:

  • En este ejemplo, primero establecemos una conexión a la base de datos MySQL utilizando la extensión mysqli de PHP.
  • Luego, ejecutamos una consulta SQL para seleccionar todos los usuarios de la tabla «usuarios.»
  • Recorremos los resultados de la consulta y los mostramos en una tabla HTML en la misma página.
  • Finalmente, cerramos la conexión a la base de datos.

Este es el enfoque clásico que se suele enseñar a los principiantes del lenguaje PHP. La lógica de acceso a la base de datos y la presentación de los datos se mezclan en la misma página web. Es una forma fácil y rápida de obtener datos y visualizarlos, enfocada al aprendizaje pero no a grandes proyectos. Veamos porqué.

Defectos de la programación clásica en PHP

El ejemplo anterior presenta varios defectos en comparación con la arquitectura Modelo Vista Controlador (MVC). Veamos algunos defectos clave:

  • Falta de Separación de Responsabilidades: La lógica de acceso a la base de datos y la presentación se encuentran en la misma página PHP. Esto resulta en una falta de separación de responsabilidades, lo que hace que el código sea más difícil de mantener y escalar a medida que la aplicación crece.
  • Dificultad para Reutilizar y Ampliar: El código puede volverse difícil de reutilizar y ampliar. Por ejemplo, si deseas mostrar la lista de usuarios en otra página o agregar nuevas características, como la edición o eliminación de usuarios, tendrás que duplicar la lógica de acceso a la base de datos y la presentación.
  • Dificultad en el Mantenimiento: A medida que la aplicación crece y se vuelve más compleja, será difícil realizar cambios o correcciones de errores en el código sin MVC. La falta de organización y estructura clara puede llevar a errores inesperados y aumentar el riesgo de introducir nuevos errores durante las modificaciones.
  • Escalabilidad Limitada: El código sin MVC tiende a volverse monolítico, lo que dificulta la escalabilidad de la aplicación. A medida que se agregan nuevas funcionalidades o se maneja un mayor volumen de datos, la aplicación puede volverse lenta y difícil de mantener.
  • Menor Legibilidad y Mantenibilidad: La falta de organización y estructura clara en el código sin MVC puede hacer que sea menos legible y mantenible. Las personas que trabajan en el proyecto pueden tener dificultades para comprender cómo se relacionan diferentes partes del código entre sí.

La programación clásica es útil para explicar varios conceptos en un mismo ejercicio o página pero dificulta el mantenimiento y la escalabilidad cuando la aplicación crece en complejidad. Veamos cómo la arquitectura Modelo Vista Controlador (MVC) nos puede ayudar.

Arquitectura Modelo Vista Controlador en PHP

El uso del patrón Modelo Vista Controlador (MVC) en una aplicación PHP ofrece ventajas significativas en términos de organización, mantenibilidad, escalabilidad y reutilización de código. Ayuda a mantener una estructura clara y facilita la gestión de proyectos web a medida que crecen en tamaño y complejidad.

Los pilares básicos de la arquitectura Modelo Vista Controlador (MVC) en PHP se basan en un patrón de diseño de software ampliamente utilizado para organizar y estructurar aplicaciones web de manera modular y mantenible. La arquitectura MVC consiste en tres componentes principales: el Modelo, la Vista y el Controlador.

Arquitectura del modelo MVC

El Modelo representa la capa de datos y lógica de negocios de la aplicación. En esta capa, defines cómo interactuar con la base de datos, recuperar y almacenar datos, realizar cálculos y aplicar reglas de negocio. El Modelo encapsula toda la lógica relacionada con los datos y garantiza la consistencia de los mismos.

Ejemplo de modelo en PHP

   // Ejemplo de un modelo de usuario
   class UserModel {
       private $db;

       public function __construct() {
           // Conexión a la base de datos
           $this->db = new PDO('mysql:host=localhost;dbname=miapp', 'usuario', 'contraseña');
       }

       public function getUserById($userId) {
           // Consulta para obtener un usuario por su ID
           $stmt = $this->db->prepare("SELECT * FROM usuarios WHERE id = ?");
           $stmt->execute([$userId]);
           return $stmt->fetch();
       }

       // Otras funciones relacionadas con la gestión de usuarios
   }

La capa modelo, representada por la clase UserModel, se encarga de interactuar con la base de datos y gestionar los datos relacionados con los usuarios en la aplicación. Su función principal es separar la lógica de acceso a datos del resto de la aplicación y proporcionar una interfaz para realizar operaciones relacionadas con los usuarios.

  • Conexión a la base de datos: El modelo inicia una conexión a la base de datos en su constructor. Esto asegura que la conexión esté disponible para todas las funciones del modelo sin necesidad de repetir la lógica de conexión en cada una de ellas.
  • Funciones de acceso a datos: El modelo contiene funciones específicas, como getUserById($userId), que encapsulan consultas y operaciones relacionadas con los usuarios. En este caso, la función getUserById recupera un usuario específico de la base de datos según su ID.
  • Abstracción de la base de datos: La capa modelo abstrae la interacción con la base de datos. Esto significa que el resto de la aplicación, incluida la capa de controlador, puede utilizar las funciones del modelo sin necesidad de conocer los detalles de cómo se realiza la conexión o se ejecutan las consultas.
  • Reutilización de código: Al centralizar la lógica de acceso a datos en el modelo, se promueve la reutilización de código en toda la aplicación. Esto significa que las operaciones de acceso a datos relacionadas con los usuarios se pueden realizar en diferentes partes de la aplicación sin duplicar la lógica de base de datos.

Función de la capa modelo en el MVC

Como podemos ver, la capa modelo en una arquitectura Modelo Vista Controlador (MVC) cumple la función de gestionar los datos y la interacción con la base de datos de manera eficiente y organizada. Esto ayuda a mantener un código limpio y modular, facilitando el mantenimiento y la expansión de la aplicación a medida que evoluciona con nuevas funcionalidades y requerimientos.

Arquitectura de la vista en MVC

La Vista es responsable de mostrar la interfaz de usuario y presentar los datos al usuario. En esta capa, defines cómo se muestran los datos recuperados del Modelo. Debe ser lo más pasiva posible, evitando lógica de negocio o acceso directo a la base de datos.

Ejemplo de vista en PHP

   // Ejemplo de una vista que muestra los detalles de un usuario
   class UserView {
       public function showUserDetails($user) {
           echo "<h1>Detalles del Usuario</h1>";
           echo "<p>ID: " . $user['id'] . "</p>";
           echo "<p>Nombre: " . $user['nombre'] . "</p>";
           echo "<p>Correo Electrónico: " . $user['email'] . "</p>";
           // Otras vistas relacionadas con usuarios
       }
   }

La capa vista en el patrón MVC es responsable de la presentación de datos al usuario final. Su función principal es mostrar información de manera clara y legible para el usuario. En este caso, la clase UserView representa la capa vista relacionada con los usuarios en la aplicación.

  • Función showUserDetails($user): Esta función recibe un parámetro $user, que es un arreglo de datos que representa los detalles de un usuario. La función se encarga de generar la salida visual de esos datos en la interfaz de usuario.
  • Generación de HTML: La función showUserDetails utiliza instrucciones echo para generar código HTML que representa los detalles del usuario. En este ejemplo, se muestra el nombre, el ID y el correo electrónico del usuario en encabezados y párrafos HTML. Esto crea una representación visual de los datos en forma de página web.
  • Separación de la lógica de presentación: La capa vista está diseñada para separar la lógica de presentación del resto de la aplicación. Esto significa que el modelo y el controlador no necesitan preocuparse por cómo se muestran los datos; simplemente proporcionan los datos a la vista y esta se encarga de presentarlos de manera adecuada.
  • Reutilización de vistas: Al tener vistas separadas, es posible reutilizarlas en diferentes partes de la aplicación. Por ejemplo, si deseas mostrar los detalles de un usuario en varias páginas, puedes usar la misma función showUserDetails en múltiples lugares sin necesidad de duplicar el código.

Función de la capa vista en MVC

La capa vista en una arquitectura MVC se enfoca en presentar los datos de manera legible y atractiva para el usuario final. Esto permite mantener una separación clara entre la lógica de presentación y la lógica de negocio de la aplicación, lo que facilita el mantenimiento y la escalabilidad del código.

Arquitectura del controlador en MVC

El Controlador actúa como intermediario entre el Modelo y la Vista. Responde a las solicitudes del usuario, recupera datos del Modelo, y luego los pasa a la Vista para su representación. También puede manejar eventos del usuario y tomar decisiones basadas en la lógica de negocio.

Ejemplo de controlador en PHP

   // Ejemplo de un controlador de usuario
   class UserController {
       private $model;
       private $view;

       public function __construct($model, $view) {
           $this->model = $model;
           $this->view = $view;
       }

       public function showUser($userId) {
           // Obtener datos del Modelo
           $user = $this->model->getUserById($userId);

           // Mostrar datos a través de la Vista
           $this->view->showUserDetails($user);
       }

       // Otras funciones de controlador relacionadas con usuarios
   }

La capa controlador en una arquitectura MVC actúa como intermediario entre la capa modelo (que gestiona los datos) y la capa vista (que presenta los datos al usuario). Su función principal es manejar las solicitudes del usuario, interactuar con el modelo para obtener datos y luego decidir cómo presentar esos datos a través de la vista. En este caso, la clase UserController representa la capa controlador relacionada con los usuarios en la aplicación.

Funciones de la capa controlador

  • Constructor __construct($model, $view): El constructor de la clase UserController recibe dos parámetros: $model y $view. Estos parámetros representan el modelo y la vista relacionados con los usuarios. Al recibir estos objetos en el constructor, el controlador está preparado para interactuar con el modelo y la vista específicos.
  • Función showUser($userId): Esta función se encarga de mostrar los detalles de un usuario específico. Toma un parámetro $userId, que generalmente proviene de la solicitud del usuario, y utiliza ese ID para obtener los datos del usuario del modelo.
  • Obtener datos del Modelo: Primero, el controlador llama a la función getUserById($userId) del modelo para obtener los detalles del usuario correspondiente al ID proporcionado. Esto se hace llamando al método del modelo ($this->model) y almacenando el resultado en la variable $user.
  • Mostrar datos a través de la Vista: Una vez que se obtienen los datos del usuario, el controlador utiliza la vista ($this->view) para mostrar esos datos llamando a la función showUserDetails($user) de la vista. Esto asegura que los datos se presenten de acuerdo con la lógica de presentación de la vista.
  • Separación de responsabilidades: El controlador asegura que exista una separación clara de responsabilidades en la aplicación. No realiza operaciones de acceso a datos ni lógica de presentación directamente. En su lugar, coordina la interacción entre el modelo y la vista.
  • Manejo de múltiples acciones: La capa controlador generalmente incluye varias funciones relacionadas con las acciones que los usuarios pueden realizar. Por ejemplo, puede incluir funciones para mostrar usuarios, crear usuarios, actualizar información de usuario, eliminar usuarios y más.

Resumen de la capa controlador en MVC

En resumen, la capa controlador en MVC se encarga de manejar las solicitudes del usuario, interactuar con el modelo para obtener datos y luego decidir cómo presentar esos datos a través de la vista. Esto facilita la gestión de la lógica de la aplicación y garantiza una clara separación de responsabilidades entre las diferentes capas del patrón MVC.

Arquitectura Modelo Vista Controlador en PHP

En una aplicación PHP que utiliza el patrón Modelo Vista Controlador (MVC) el flujo de trabajo típico sería el siguiente:

  • El usuario realiza una solicitud a través de su navegador, como acceder a la página de detalles de un usuario.
  • El Controlador recibe la solicitud y decide qué datos se necesitan del Modelo.
  • El Controlador interactúa con el Modelo para obtener esos datos.
  • El Controlador pasa los datos recuperados a la Vista correspondiente.
  • La Vista toma los datos y los presenta en la interfaz de usuario.
  • El usuario ve la página generada y puede interactuar con ella.

El patrón MVC ayuda a separar responsabilidades y a mantener un código más organizado y mantenible en aplicaciones web. Cada componente tiene un propósito claro y es más fácil de mantener y ampliar.

Ventajas de la arquitectura MVC en PHP

Ya hemos visto las ventajas de utilizar el patrón de diseño Modelo Vista Controlador (MVC) en una aplicación PHP. Vamos a repasar y resumir sus beneficios:

Separación de Responsabilidades

Con MVC, la aplicación se divide en tres componentes claramente definidos: el Modelo, la Vista y el Controlador. Esto significa que cada componente tiene una responsabilidad específica y no se mezclan. La lógica de acceso a la base de datos estaría en el Modelo, la presentación en la Vista, y la gestión de la interacción del usuario en el Controlador. Esta separación mejora la organización y el mantenimiento del código.

Reutilización de Componentes

En una aplicación MVC, puedes reutilizar fácilmente los componentes en diferentes partes de la aplicación. Por ejemplo, si necesitas mostrar la lista de usuarios en varias páginas, puedes reutilizar la Vista y el Modelo sin duplicar código. Esto ahorra tiempo de desarrollo y garantiza la coherencia en toda la aplicación.

Flexibilidad para Ampliaciones

Si deseas agregar nuevas características a la aplicación, como la capacidad de editar o eliminar usuarios, puedes hacerlo de manera más sencilla con MVC. Puedes desarrollar un nuevo Controlador y una nueva Vista sin afectar el Modelo existente. Esto facilita la expansión de la aplicación sin cambios significativos en otras partes del código.

Facilita el Mantenimiento

El código organizado y modular en una arquitectura MVC es más fácil de mantener. Las actualizaciones y correcciones de errores se pueden realizar de manera más eficiente en componentes específicos sin afectar al resto de la aplicación. Esto reduce el riesgo de introducir nuevos errores durante el mantenimiento.

Mayor Escalabilidad

MVC permite una mayor escalabilidad de la aplicación. A medida que la aplicación crece y maneja un mayor volumen de datos o funciones, la estructura modular y organizada facilita la gestión de la complejidad. Puedes agregar nuevos Controladores, Modelos y Vistas según sea necesario.

Legibilidad Mejorada

La estructura clara y la separación de responsabilidades en una aplicación MVC aumentan la legibilidad del código. Los desarrolladores pueden comprender más fácilmente cómo se relacionan los diferentes componentes y cómo funcionan juntos.

La arquitectura Modelo Vista Controlador

En resumen, el uso de la arquitectura Modelo Vista Controlador (MVC) proporciona una serie de ventajas, como una mejor organización del código, la posibilidad de reutilización de componentes, flexibilidad para ampliaciones y un mantenimiento más sencillo.

Estas ventajas hacen que el patrón MVC sea una elección sólida para el desarrollo de aplicaciones web en PHP y también en otros lenguajes.

¡ Espero que este artículo sea de vuestro interés !

Deja un comentario