jueves, 4 de octubre de 2012

Tutorial MVC con PHP


¿Qué es MVC?

Modelo Vista Controlador es un patrón de arquitectura de software que se utiliza mucho en aplicaciones web, separandola en tres capas (modelo, controlador y vista)
  • El Modelo se encarga de interactuar con la base de datos y también se ejecuta las reglas de negocio.
  • El Controlador procesa las peticiones de la pagina web (vista), y envía estos datos a la capa modelo, para que esta le devuelva la información adecuada para mostrarla en la capa vista.
  • La vista es el código HTML que se muestra al usuario, con la informaciónproveniente del controlador.

¿Porqué útilizar MVC?

El fácil mantenimiento de código en un futuro, ya que al estar separadas los distintos procesos según su tipo.
Si quisieramos por ejemplo cambiar de tipo de base de datos, solo tendremos que cambiar la capa modelo.
Para una mejor percepción de esta arquitectura, muestro la transformación de una lista de artículos de un blog.
Este código es lo necesario para cumplir con el proposito de listar los artículos

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?php
$cn = mysql_connect('local','usu','clave');
mysql_select_db('db', $cn);
 
$r=mysql_query('SELECT *FROM articulo', $cn);
?>
 
<h1>Listado de Artículos</h1>
<table>
  <tr>
    <td>Fecha</td>
    <td>Titulo</td>
  </tr>
</table>
 
<?php
 
while($fila= mysql_fetch_array($r, MYSQL_ASSOC))
{
    echo "<tr>";
    echo "<td> ".$fila['fecha']." </td>";
    echo "<td> ".$fila['titulo']." </td>";
    echo "</tr>";
}
 
?>
 
</table>
 
<?php
 
mysql_close($cn);
?>
Observaciones
  • En la misma página nos conectamos al servidor ( solo funcionara si es MySQL ) y seleccionamos una base de datos.
  • Realizamos una consulta (no hay manejo de errores y/o excepciones).
  • Pintamos el código HTML (combinamos código HTML dentro del código PHP, dejando los tags (<tr>, <td>) ilegibles para la persona que implemente los estilos).
controlador.php
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
<?php
$cn = mysql_connect('local','usu','clave');
mysql_select_db('db', $cn);
 
$resultado = mysql_query('SELECT *FROM articulo', $cn);
$articulos = array();
 
while($articulo = mysql_fetch_assoc($resultado))
{
    $articulos[] = $articulo;
}
 
mysql_close();
 
require('vista.php');
?>
vista.php
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
<h1>Listado de Articulos</h1>
<table>
    <tr>
      <td>Fecha</td>
      <td>Titulo</td>
    </tr>
 
    <?php foreach($articulos as $articulo): ?>
    <tr>
        <td><?php echo $articulo['fecha']?></td>
        <td><?php echo $articulo['titulo']?></td>
    </tr>
<?php endforeach;?>
</table>

De esta manera tenemos separada en el controlador.php casi todo el código php con la lógica de negocios, mientras que en vista.php solo recorremos un array con datos.
Lo recomendable en la vista seria utilizar instrucciones PHP mas conocidad, como: if, endif, foreach, endforeach. Y no utilizarlas con llaves “{“, ya que dificulta reconocer donde empieza y termina.
Otro problema seria si queremos utilizar nuevamente el listar articulo en otra pagina, tendríamos que reescribir el controlador.php de nuevo.
Para esto separaremos el controlador(controlador.php) en modelo.php y controlador.php.

Utilizando el Modelo

modelo.php
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
<?php
 
function getArticulos()
{
    $cn = mysql_connect('localhost', 'usuario', 'clave');
    mysql_select_db('db', $cn);
 
    $resultado = mysql_query('SELECT fecha, titulo FROM articulo', $cn);
    $articulos = array();
 
    while($articulo = mysql_fetch_assoc($resultado))
    {
        $articulos[] = $articulo;
    }
 
    mysql_close();   
 
    return $articulos;
}
?>
controlador.php
?
1
2
3
4
5
require('modelo.php');
 
$articulos = getArticulos();
 
require('vista.php');
Despues de esta separación el controlador quedaría tan solo como un agente para pasar datos del modelo hacia la vista, pero en aplicaciones mas complejas el controlador es quien realiza las tareas de autenticación de usuarios, manejo de sesiones, filtrar y validar entradas de datos por GET o POST.

Cambiando el gestor de Base de Datos

La respuesta seria, cambiar todas las funciones del modelo (mysql_connect, mysql_query, …) por las correspondientes, y eso nos tomaría mucho tiempo.
Para hacer un mejor uso de MVC o mejor dicho cambiando el patrón un poco, se podría separar el modelo en dos capas:
  • La capa de Acceso a Datos
  • La capa de Abstracción de la Base de Datos
Si se diera el caso de cambiar de gestor de base de datos, solo tendríamos que actualizar la capa de abstracción de la base de datos

Ejemplo de las dos capas

Abstracción de datos
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
function crearConexion($servidor, $usuario, $clave)
{
  return mysql_connect($servidor, $usuario, $clave);
}
 
function cerrarConexion($cn)
{
  mysql_close($cn);
}
 
function consulta($consulta, $base_datos, $cn)
{
  mysql_select_db($base_datos, $cn);
 
  return mysql_query($consulta, $cn);
}
 
function getResultado($resultado, $tipo = MYSQL_ASSOC)
{
  return mysql_fetch_array($resultado, $tipo)
Acceso a Datos
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
function getTodosLosArticulos()
{
  $cn = crearConexion('localhost', 'usuario', 'clave');
 
  $resultado=consulta('SELECT fecha, titulo FROM articulo', 'db', $cn);
 
  $articulos = array();
  while ($articulo = getResultado($resultado))
  {
     $articulos[] = $articulo;
  }
 
  cerrarConexion($cn);
 
  return $articulos;
}
Ahora tenemos la capa de Acceso a Datos sin ninguna dependencia de funciones de alguna gestor de base de datos, y podremos reutilizar las funciones de la capa de abstracción de base de datos en otras funciones de acceso a datos de nuestro modelo