Bueno, ya tengo “instalado” CodeIgniter en mi servidor local listo para empezar a desarrollar.¿Y el siguiente paso? solo unas pequeñas configuraciones.

OjO: Yo desarrollo en casa y tengo configurado un VirtualHost (en google hay hay mucho material para aprender a crear uno) y en mi trabajo tengo un localhost normal, por eso la base_url  cambia en lapsus de este diario.

Estación normal de trabajo: http://127.0.0.1/WebShop/

VirtualHost: http://WebShop.home:8080

Para seguir avanzando hay que tener claro, o al menos tener noción de cómo funciona el   Patrón MVC: este esquema permite separar las 3 partes fundamentales dentro de una aplicación, algo muy bueno cuando a lo largo del desarrollo nuestros archivos van aumentando, puesto que se presta para confusiones y desorden de nuestra espacio de trabajo.

La separación de estas 3 secciones tiene mucho sentido, ya que si bien es cierto todo es código y todo está relacionado, no tiene que ser necesariamente una ensalada de HTML, CSS, JavaScript, ficheros PHP etc etc. y más aun, son componentes distintos.

Las Vistas, que corresponden a todo lo que tenga que ver con salidas: HTML, CSS  etc., que es “la cara visible” de un Website.

Controladores, Los Controllers contemplan todo lo que tenga que ver con lógica de aplicación: cálculos, validaciones, decisiones, acá programaremos cada detalle de cómo queremos que se comporte nuestra web.

Modelos, los models son todo lo que tenga que ver con Bases de Datos: Objetos, Consultas y todo el código que tenga que ver con querys.

Veamos cómo queda el árbol de directorio de nuestro proyecto y la ubicación de las carpetas que van a contener nuestros archivos PHP de Controlador, Vista y Modelo

Convengamos en algo:

Estoy detenido aquí porque hay cosas muy importantes que resaltar: CodeIgniter dispone de un mecanismo muy sencillo de trabajo, esto porque como lo dije anteriormente es muy flexible (aunque a veces esto juegue en contra)por ejemplo, lo único que pide el core de CodeIgniter para nombrar a los Controladores es que el archivo PHP tenga el mismo nombre que el controlador (Clase).

Para poder aplicar esto vamos a crear nuestro propio Controller, una View y un Model a nuestro proyecto CodeIgniter.

OjO: El IDE de programación da lo mismo, en algunos casos usaré Netbeans y en otros Dreamweaver.

Agregamos un nuevo archivo PHP a la carpeta llamada Controller. Se llamará Home

Procedemos a insertar el siguiente código:

  class Home extends CI_Controller{

  function index(){

      echo "Hello World! Bienvenido a la Página de inicio";

    }

}

OjO: Es un delito criminal hacer un echo o imprimir datos en un controlador, eso es sabido, solo hice esto a modo de ejemplo, luego lo modificaremos.

Como vemos un controlador no es más que una Clase PHP que extiende de CI_Controller y que tiene métodos que definirán las distintas tareas a realizar. En CodeIgniter podemos definir un método por default, simplemente llamándolo index().

Analizando las URLs antes de visualizar

CodeIgniter utiliza URLs basadas en segmento, en donde primero está el Nombre del Controlador, luego la función y posteriormente algún ID si este es requerido.

http://www.webshop:8080/index.php/Controlador/Funcion/ID

OjO: En CI index.php viene por defecto en la ruta, puede quitarlo agregando unas simples reglas a un archivo .htaccess dejándolo junto a las carpetas system y application.

RewriteEngine onRewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

Para poder ver nuestro nuevo controlador en acción podemos acceder a la página con la siguiente URL (en mi caso) y si ya agregaste el archivo .htaccess solo debes quitar index.php de la ruta

http://webshop.home:8080/index.php/Home/

Si no tienes VirtualHost tu URL debería ser así

http://localhost/index.php/Home/

CI nos permite predeterminar un Controlador por defecto o que controlador queremos que se ejecute primero al iniciar nuestra aplicación. Por defecto estaba el que venia en designado por CodeIgniter(welcome) pero si queremos cambiarlo solo vamos al archivo de configuración router  ubicado en application->config->routes.php

Como vemos ahí está el controlador por defecto y tiene asignado el controlador  welcome(sin extensión) solo debemos poner ahí nuestro nuevo controlador Home

$route['default_controller'] = "Home";
$route['404_override'] = '';

Probemos nuestro controlador designado por nosotros con la siguiente ruta. En mi caso

http:webshop:8080/ me redireccionará al controlador home que cree recientemente.

Creando un Modelo

Un model también es una clase PHP que extiende características de CI_Model, para crearla solo debemos agregar un nuevo archivo PHP en la carpeta Models, llamaremos a este modelo HomeModel. Crear el archivo en application/models/

class HomeModel extends CI_Model{

private $nombre;

public function getNombre()
{
return "Hola " . $this->nombre;
}
public function setNombre($nom)
{
$this->nombre = $nom;
}

}

Algo muy simple, una variable y su get set, solo nos queda imaginar que acá pasamos un dato por parámetro y hacemos una consulta a la base de datos, más adelante crearé la configuración y haré consultas para mostrar el funcionamiento. nada de consultas por el momento, solo quiero dar a entender la función del Modelo, que será instanciado y utilizado desde el controlador dentro de un momento.

Creando una vista

Como ya dijimos anteriormente las vistas son HTML , CSS y todo lo que tenga que ver con diseño y la parte visible de nuestras aplicaciones, son a donde irán a parar nuestros datos que serán pasador por el controlador en forma de arreglo para finalmente mostrarlos al usuario final. Nuestra vista se llamará HomeView. Crear en application/views/

Diseñaremos algo muy simple, una web con 3 variables: $title, $nombre y $edad y veremos como  el controlador le pasa los datos.

OjO: no es una Clase, solo un web PHP.

<html>
    <head>
        <title><?php echo $title; ?></title>
    </head>
    <body>
	<center>
        <strong>Home:: Tutorial Nro 2</strong>
        <h2><?php echo $nombre; ?> , Bienvenido!</h2>
        <h4>Tu navegador es <?php echo $browser ?> </h4>
		</center>
    </body>
</html>

Ya tenemos creado todo lo que necesitamos: Un Controller, un Model y una View, y el árbol de carpetas de nuestro proyecto quedará así.

Bueno, decía que ya está casi todo listo, solo nos queda modificar el HomeController que creamos al iniciar este post.

class Home extends CI_Controller{
function index()
{
echo "Hello World! Bienvenido a la Página de inicio";

}
}

Un  Controller es una Clase PHP que extiende de CI_Controller y necesitamos usar su constructor padre, para ello debemos agregar un método constructor propio de nuestro Controlador y llamar al padre manualmente.

function __construct()
{
  parent::__construct();
}

Lo segundo a ver aquí es que necesitamos cargar nuestro Modelo(HomeModel) y que mejor que cargarlo en nuestro constructor, puesto que al llamar a este controlador(Home) el método constructor es el primero que se ejecuta.

function __construct()
{
 parent::__construct();
 $this->load->model('HomeModel');
}

OjO: cualquier tarea que queramos realizar al iniciar un controlador: llamada de métodos, cargar helpers, cargar Modelos etc. podemos realizarla en el Constructor.

Lo tercero es implementar el método index(que es el método que se iniciará primero cuando se haga la llamada a un controlador sin especificar su método) y realizar las tareas que queramos: Realizar cálculos, consultas a bases de Datos y enviar los datos que hemos generado en forma de arreglo a las vistas.

function index()
    {
     //Se hace la llamada al método setNombre y se le pasa un parámetro
        $this->HomeModel->setNombre('Eduardo');
     //hacemos cuenta que nuestro model hizo consultas a la bdedatos
     // y le pedimos que nos devuelva un dato
        $usuario = $this->HomeModel->getNombre();
     //agregamos al arreglo la variable title con un mensaje que irá en la etiqueta html title
        $data['title'] = "Hola mundo con CodeIgniter!";
     //agregamos la variable usuario
        $data['nombre'] = $usuario;
     //agregamos la información sobre el navegador del visitante
        $data['browser'] = $_SERVER['HTTP_USER_AGENT'];
     //cargamos la vista HomeModel y le pasamos el arreglo con todos los
     //datos que queramos pasarle. view(Vista,Datos)
        $this->load->view('HomeView',$data);
    }

Finalmente solo queda navegar hacia nuestro proyecto

http://127.0.0.1/WebShop/  o

http://WebShop.home:8080/ Si tienes Virtual Host instalado

Como vemosCodeIgniter es lo más fácil de entender e implementar que hay, solo queda seguir estudiando esta brillante herramienta para nuestras aplicaciones Webs.

Eso es todo por hoy, ojalá les haya servido

Código fuente del proyecto(Netbeans) -> WebShop.rar

Si disfrutaste nuestro artículo, siéntete libre de suscribirte a nuestro feed rss