Descripción

Tutorial 1 Codeigniter

 

Vamos a comenzar a utilizar el framework CodeIgniter. Voy a intentar explicar como usar el patron de diseño MVC, o Modelo-Vista-Controlador, que es en el que se basa el desarrollo de aplicaciones php con este framework.

 

1.- Que es MVC o Modelo-Vista-Controlador.

 

Según la Wikipedia, MVC es:

“es un patrón de arquitectura de software que separa los datos y la lógica de negocio de una aplicación de la interfaz de usuario y el módulo encargado de gestionar los eventos y las comunicaciones. Para ello MVC propone la construcción de tres componentes distintos que son el modelo, la vista y el controlador, es decir, por un lado define componentes para la representación de la información, y por otro lado para la interacción del usuario.^1 2 Este patrón de arquitectura de software se basa en las ideas de reutilización de código y la separación de conceptos, características que buscan facilitar la tarea de desarrollo de aplicaciones y su posterior mantenimiento”.

 

Por lo que:

 

?  Modelo

Contiene el núcleo de la funcionalidad (dominio) de la aplicación.

Encapsula el estado de la aplicación.

No sabe nada / independiente del Controlador y la Vista.

Es decir, la capa de acceso a datos, en ella se realizan las conexiones y consultas a la base de datos

?  Vista

Es la presentación del Modelo.

Puede acceder al Modelo pero nunca cambiar su estado.

Puede ser notificada cuando hay un cambio de estado en el Modelo.

Es decir, la interfaz de usuario

?  Controlador

Reacciona a la petición del Cliente, ejecutando la acción adecuada y creando el modelo pertinente, es decir, la lógica del programa

 

2.-  Significado de las carpetas

Esta es la estructura de las carpetas: 

• Application.

1.        

• Cache
• Config - Archivos de configuración de codeigniter
• Controllers - Controladores de Codeigniter
• Core
• Errors
• Helpers - Funciones varias
• Hooks
• Language
• Libraries - Librerias adicionales
• Logs
• Models - Modelos de base de datos
• Views. - Vistas de usuario
• System.

He explicado las carpetas que se usán a la hora de hacer un desarrollo.

3.- Configuración de el framework

 

Config.php

Se debe cambiar la url de nuestro servidor, esto con el fin de que cuando migremos el sistema a otro servidor no debamos cambiar los vinculos de cada imagén, script, enlaces, etc. 

Se debe ubicar la linea: $config['base_url'] y asignarle la url del servidor, si estas corriendo en un servidor local, se le coloca "$config['base_url'] = 'http://localhost/directorio_sistema/';"

Si lo que deseas es crear un servicio web con optimización de SEO para indexación en buscadores, CI tiene la función de añadir un .html a la url de la web, este valor se puede añadir en: $config['url_suffix'] = '.html';

Database.php

Sin duda el archivo más usado y necesario del framework, En este se almacena la base de datos que usará todo el sistema a desarrollar, su contenido es el siguiente: 

$db['default']['hostname'] = 'localhost'; //Ip del servidor a conectar

$db['default']['username'] = 'root'; // Usuario de base de datos.

$db['default']['password'] = 'cP2Bn6FQ'; //Password del usuario de base de datos

$db['default']['database'] = 'selfreak'; //La base de datos a utilizar

$db['default']['dbdriver'] = 'mysql'; //El driver de la base de datos, puede ser postgre, mssql, etc.

$db['default']['dbprefix'] = ''; //Esto con el fin de colocarle un prefijo a los nombres de las tablas Ej: para la tabla usuario => wp_usuario

$db['default']['pconnect'] = TRUE;

$db['default']['db_debug'] = TRUE;

$db['default']['cache_on'] = FALSE;

$db['default']['cachedir'] = ''

$db['default']['char_set'] = 'utf8'

$db['default']['dbcollat'] = 'utf8_general_ci'

$db['default']['swap_pre'] = ''

$db['default']['autoinit'] = TRUE;>

$db['default']['stricton'] = FALSE;

 

Colocando en dbdriver el manejador de base de datos, en hostname el servidor o dirección ip del servidor de base de datos, esto hay que modificarlo con el valor de configuración del servidor de base de datos a usar.

 

routes.php

Codeigniter necesita saber cual es el controlador principal que ejecutará cuando se abra la web en el index.php.

 

$route['default_controller'] = "main";

$route['404_override'] = '';

 

 

4.- "Hola mundo"

Ya configurado el framework y listo para usarse pasaremos a crear el controlador que indicamos en routes.php para ello vamos a la carpeta application/controllers y creamos un archivo que se llame "main.php"

Nota: El nombre del archivo del controlador y el modelo deben ser el mismo nombre que le colocaremos a la clase. 

dentro del archivo colocamos el siguiente código: 

class Main extends CI_Controller {

 

  public function _construct(){

    parent::_construct();

    $this->load->helper('url'); //Este helper proporcionara la funcion: base_url() y site_url()

  }

  public function index($param1,$param2){

    $this->load->view('main.php',array('title'=>'Hola Mundo')); //Mostrar una vista. y enviarle un parametro

  }

} ?>

Una vez hecho el controllers, ya sólo procedemos a crear la vista para el usuario. para ello vamos a application/views y creamos el archivo que estamos llamando desde el controlador, "main.php"

<!Doctype html>

<html lang="es">

  <head>

     <title><?php echo $title //Parametro pasado desde la llamada en el controlador ?></title>

     <link rel="stylesheet" href="<?php echo base_url('style.css'); //Esto generará http://localhost/style.css, dependiendo del valor colocado en el config.php ?>">

  </head>

  <body>

    Hola Mundo

  </body>

</html>

Bien. ya tenemos la primera pantalla ahora explico algo referente a las URL, Codeigniter juega mucho con las urls pasadas por parametros, para ejecutar algún controlador se debe ejecutar mediante url con la forma:

http://localhost/index.php/nombre_controlador/metodo/parametro1/parametro2/.../parametroN

Ejemplo: http://localhost/index.php/main/index/1/2.

Esto ejecutará el controlador "main" la función "index" y le enviara 2 valores. que se deben tomar como variables:function index($param1,$param2)

 

5.- Conclusión.

Espero que haya sido fácil seguir este manual. Doy la gracias al estudio de  diseño grafico conectart, por este primer manual. En proximas semanas comenzaremos a mandar nuevos para continuar con el aprendizaje.