Tutorial de web en PHP con CodeIgniter y Json (1)

por
5/5 - (2 votos)

Hasta ahora hemos estado viendo todos los ejemplos en php puro.

Pero vamos a ir un paso hacia adelante y vamos a ver como utiliza un framework para facilitar el trabajo en nuestras web.

El que he elegido es codeginiter, básicamente porque es sencillo de aprender, implementa el model vista controlador, urls amigables y necesita muy poca configuración.

1. Lo primero que haremos es descargarnos codeigniter desde su pagina web. https://codeigniter.com/ , en mi caso la version 3.1.10 https://github.com/bcit-ci/CodeIgniter/archive/3.1.10.zip

2. Lo descomprimimos en nuestra servidor web, en mi caso la ruta C:\xampp\htdocs\readJSONcodeigniter y vemos como funciona la web

Y pasaremos a hacer las configuraciones básicas.

3. Configuramos la base_url application\config\config.php línea 26 y ponemos la ruta de acceso al proyecto

$config['base_url'] = 'http://localhost/readJSONcodeigniter/';

4. Quitamos el index.php de la url en el archivo application\config\config.php línea 38 ya que queremos utilizar urls amigables.

$config['index_page'] = '';

5. Creamos el fichero .htaccess en el raíz del proyecto, para omitir el index.php y generar urls amigables.

<IfModule mod_rewrite.c>
    RewriteEngine on
	RewriteCond $1 !^(index.php|resources|robots.txt)
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

6. Finalmente para que el base_url funcione como lo puse en el primer punto y podamos tener urls amigables editamos el fichero application\config\autoload.php línea 86 y añadimos el helper url.

$autoload['helper'] = array('url');

Con eso ya tendremos la configuración básica de nuestra web.

Ahora lo que vamos a hacer es cambiar la vista que se carga al inicio «welcome» para así entender el funcionamiento de las rutas, controladores y vistas de codeigniter.

7. Creamos la vista con el contenido mínimo para visualizar un html application\views\inicio.php

  <!DOCTYPE html>
  <html lang="es">
  <head>
    <meta charset="utf-8">
    <title>titulo</title>
  </head>
  <body>
    <div id="container">
      <h1>Titulo</h1>
      <div id="body">
        <p>Cuerpo</p>
      </div>
      <p class="footer">Pie</p>
    </div>
  </body>
  </html>

8. Creamos el controlador application\controllers\InicioController.php que contiene la función que cargara al inicio la vista que acabamos de crear.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class InicioController extends CI_Controller {

	public function index()
	{
		$this->load->view('inicio');
	}
}

9. Y por ultimo cambiamos la ruta por defecto que se cargara al inicio de la aplicación application\config\routes.php incluyendo el controlador que acabamos de crear.

$route['default_controller'] = 'InicioController';

Con esto ya hemos cambiado la vista que se carga al inciode la web.

Con esto ya tenemos la configuración inicial de la web, y en la siguiente entrada explicare como incluir bootstrap y separar las vistas por head, body y footer.

Deja un comentario