CodeEjemplo del framework Igniter MVC (Modelo-Vista-Controlador)

¿Qué es MVC?

MVC significa Modelo-Vista-Controlador. Es un patrón arquitectónico que divide la aplicación en tres componentes principales:

1. El modelo se ocupa de la lógica de negocio y las interacciones con la base de datos.
2. El controlador coordina las actividades entre el modelo y la vista.
3. View es responsable de la presentación de los datos.

A continuación se presentan algunas de las ventajas del patrón arquitectónico MVC:

• Acoplamiento flexible: los componentes existen y funcionan independientemente unos de otros.
• Flexibilidad: puedes realizar cambios fácilmente en componentes individuales.
• Mayor productividad: varias personas pueden trabajar en el proyecto simultáneamente. Los desarrolladores front-end pueden trabajar en las vistas y la presentación, mientras que los desarrolladores back-end se centran en los modelos, y gracias a la baja interconexión del sistema, todo funciona en conjunto.

Modelo

El modelo se encarga de interactuar con las fuentes de datos. Generalmente se trata de una base de datos, pero también puede ser un servicio que proporciona los datos solicitados. Es común mantener la lógica de negocio en los modelos en lugar de en el controlador. Esta práctica se conoce como «modelo robusto, controlador ligero».

El modelo generalmente escribe datos en la base de datos y proporciona un mecanismo para editar, actualizar y eliminar datos. En una aplicación web moderna, los modelos utilizan patrones de diseño de acceso a datos como Active Record para facilitar la interacción con la base de datos.

Por ejemplo, CodeIgniter utiliza una biblioteca Active Record integrada para ayudar a los modelos, mientras que otros frameworks como Laravel utilizan el mapeador objeto-relacional (ORM) Eloquent para el acceso a los datos.

Control

El controlador escucha las solicitudes entrantes de recursos de los usuarios. Actúa como intermediario entre el modelo y la vista, y en ocasiones también implementa algunas reglas de negocio. Supongamos que el controlador recibe una solicitud para registrar un usuario en la base de datos.

El controlador puede realizar una validación de los datos enviados para asegurarse de que estén presentes todos los parámetros requeridos. Si falta alguno, el usuario es redirigido a la página de registro con el mensaje de error correspondiente. El controlador también puede solicitar al modelo que realice validaciones adicionales, como comprobar si la dirección de correo electrónico enviada ya existe. Si todas las reglas de validación se cumplen, el controlador envía los datos al modelo para su procesamiento y espera la respuesta.

Una vez que el modelo ha procesado la información y ha devuelto una respuesta positiva, el controlador carga la vista adecuada y pasa los datos devueltos por el modelo como parámetro.

Ver

La vista trata con los datos presentados al usuario final. En las aplicaciones web, las vistas suelen contener HTML, CSS y, opcionalmente, JavaScriptLas vistas contienen un código de programación mínimo, generalmente solo lo suficiente para recorrer colecciones de datos recibidas del modelo, o una función auxiliar para limpiar datos o crear enlaces de edición. La mayoría de las aplicaciones web modernas utilizan motores de plantillas con su propia sintaxis similar a pseudocódigo que los diseñadores pueden entender. Al trabajar con CodeEn Igniter, es práctica común usar etiquetas PHP cortas y estructuras de control. Para mostrar algo en CodeIgniter, podrías usar el siguiente código:

<?=$title?>

En contraposición a:

<?php
echo $title;
?>

Las estructuras de control se suelen escribir de la siguiente manera:

<?php foreach ($customers as $customer): ?>
<li>
<p><?=$customer->first_name?></p>
</li>
<?php endforeach; ?>

Como puede verse en el ejemplo anterior, la vista utiliza una combinación de PHP y HTML en lugar de encerrarlo todo en código PHP puro.

Cómo funcionan los frameworks MVC

La siguiente imagen muestra cómo funciona el marco MVC.

Un controlador recibe la solicitud del usuario, interactúa con el modelo de base de datos si es necesario y, a continuación, devuelve el resultado al navegador en forma de código HTML, que el navegador interpreta en un formato legible para el usuario y lo muestra.

CodeControlador de encendido

Ahora vamos a analizar lo que sucedió cuando cargamos el URL En el navegador web, abre el archivo Welcome.php controller ubicado en application/controllers. Deberías ver el siguiente código:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
$this->load->view('welcome_message');
}
}

Aquí:

• defined('BASEPATH') OR exit('No direct script access allowed'); impide el acceso directo al controlador si la solicitud no proviene de index.php. Esto es por motivos de seguridad.
• La clase Welcome extiende CI_Controller {…} define la clase controladora Welcome y extiende la clase padre CI_Controller.
• public function index(){…} define el método index que responde a la URL http://localhost:3000.
• $this->load->view('welcome_message'); carga la vista welcome_message ubicada en el directorio application/views.

Ahora actualizaremos el método de índice de la siguiente manera:

public function index()
{
$this->load->model('customers_model');
$data['customer'] = $this->customers_model->get_customer(3);
$this->load->view('welcome_message',$data);
}

Aquí:

• $this->cargar->model('modelo_clientes'); carga el modelo de clientes.
• $data['customer'] = $this->customers_model->get_customer(3); llama al método get_customer de customers_model y le pasa el parámetro 3. En este ejemplo hemos codificado el valor, pero en aplicaciones reales este sería un parámetro de la URI.
• $this->load->view('welcome_message',$data); carga la vista welcome_message y le pasa la variable $data.

CodeModelo de encendido

Ahora vamos a crear el modelo al que se hace referencia en el código anterior. Para simplificar, nuestro modelo no interactuará con el base de datos de CRISPR Medicine News pero devolverá un registro de cliente estático. Trabajaremos con bases de datos en los próximos tutoriales. Crea un archivo Customers_model.php en application/models y agrega el siguiente código:

<?php
class Customers_model extends CI_Model {
public function get_customer($id) {
$data['id'] = 3;
$data['first_name'] = 'John';
$data['last_name'] = 'Doe';
$data['address'] = 'Kingstone';
return $data;
}
}

Aquí:

• class Customers_model extends CI_Model {…} define el modelo Customers_model que extiende CI_Model.
• public function get_customer($id) {…} define el método get_customer basado en un ID de cliente.
• $data[…] define los valores estáticos de nuestro cliente ficticio. Debe ser una fila devuelta por la base de datos.
• devolver $datos; devuelve los datos del cliente.

Eso es todo por nuestro modelo. Ahora vamos a modificar la vista welcome_message. Abra welcome_message.php ubicado en:

application/views/welcome_message.php

Reemplace el código con el siguiente:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CodeIgniter MVC Basics</title>
</head>
<body>
<h1>Customer Details Card</h1>
<p>Customer ID : <strong><?=$customer['id']?></strong></p>
<p>First Name : <strong><?=$customer['first_name']?></strong></p>
<p>Last Name : <strong><?=$customer['last_name']?></strong></p>
<p>Address : <strong><?=$customer['address']?></strong></p>
</body>
</html>

Guarda los cambios y carga lo siguiente. URL en el navegador web: http://localhost:3000/Debería ver la tarjeta del cliente tal como se muestra en la imagen a continuación.

Preguntas Frecuentes