RSS

Curso Codeigniter 1/5

28 Dic

Es un curso que tiene como objetivo principal guiar a los que quieran conocer el funcionamiento de Codeginter.

Siendo honesto, Codeigniter es un de los frameworks más sencillos de comprender y la curva de aprendizaje es corta. Sin meterme en temáticas que cuál o tal framework es el mejor, yo siempre digo que todos tienes pros y contras. Uno de los pros que mejor he visto en Codeigniter es precisamente que es sencillo de aprender, lo cual para mí es suficiente para seguir adelante en seguir aprendiendo.

Ya para terminar esta introducción, cabe mencionar que los pasos que están en estos tutoriales son los que aprendí e investigué por la red en diferentes fuentes. Cualquier sugerencia de mejora, házmela saber a ringhugos@gmail.com.

El objetivo es bajar y configurar Codeingiter para comenzar a trabajar. Son configuraciones básicas que  se hacen solo una vez.

En mi caso estoy usando XAMPP, tengo la carpeta htdocs y la versión de Codeigniter es 3.x.x. Lo primero por hacer es descargar el zip del sitio oficial de Codeigniter y descomprimirlo en htdocs, le cambias el nombre a la carpeta como gustes, para el caso del ejemplo será “codeigniter”:

Entramos a la carpeta y podemos borrar estos archivos seleccionados, al final solo nos quedamos con application, system e index.php:

Bien, de esta forma podemos ingresar al navegador y escribir localhost/codeigniter:

Dentro de la carpeta application están las carpetas principales a tener en cuenta:  models, views, controllers y config.

Las 3 primeras son descriptivas sabiendo el concepto de MVC (las veremos más adelante a detalle), la carpeta config es la que nos interesa esta vez y son 2 archivos por editar config.php, autoload.php.

  1. Configurar la base_url en el archivo config.php línea 26. Esta configuración es importante porque nos ayuda a referenciar a los controladores y sus métodos sin necesidad de poner toda la url del sitio. Cuando se suba de localhost a un servidor, basta con cambiar esta configuración y todas las referencias que hagas seguirán funcionando.
    $config['base_url'] = 'http://localhost/codeigniter/';
     
  2. Quitar el index.php de la url en el archivo config.php línea 38. Esto nos ayuda a hacer url amigables:
    //$config['index_page'] = 'index.php';
    $config['index_page'] = ''; //Quedará así
     
  3. Para que el punto anterior funcione hay que colocar un archivo .htaccess en la raíz del proyecto. El contenido del archivo:
    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>
    

  4. Finalmente para que el base_url funcione como lo puse en el primer punto, se agrega en el archivo autolad.php línea 86.
    $autoload['helper'] = array('url');
    

Estas configuraciones se hacen siempre al inicio y solo una vez cuando se inicia un proyecto.


 

Para terminar vamos a cambiar la vista que nos muestra por default. Veamos lo que tiene el controlador por default Welcome.php:

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

class Welcome extends CI_Controller {
 public function index()
 {
 $this->load->view('welcome_message');
 }
}

Vamos a application/views/welcome_message.php y modificamos el body de esta forma. Por comodidad solo pondré el código del body ya que en esta vista ponen tanto css como html junto.

<html>
  <body>
    <div id="container">
      <h1>Welcome to <a href="<?php echo base_url();?>">CodeIgniter!</a></h1>

      <div id="body">
	 Estamos probando que todo vaya bien en la vista
      </div>


        Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo  (ENVIRONMENT === 'development') ?  'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?>
     </div>
   </body>
</html>

Guardamos y vemos la nueva vista:

modulo1_1

Aquí el zip de este ejemplo desde mi google drive

Este pequeño ejemplo nos servirá para entender lo que viene en el siguiente módulo. Espero que me quieras compartir tus avances en ringhugos@gmail.com o enviarme una foto de tu avance en whatsapp o en el grupo de facebook, mi número lo puedes ver en el footer de mi sitio huguidugui.com

Anuncios
 
Deja un comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: