RSS

Sistema CRUD en Codeigniter 1/11

28 Dic

Antes de comenzar, quiero recordar que el curso está dirigido para quienes comienzan con Codeiginiter y quieren empezar con los temas básicos de una aplicación, es decir, un CRUD. Tener un mejor desempeño y mejorar la estructura de desarrollo usando este framework. Es un curso que tiene como objetivo principal guiar a los que quieran conocer el funcionamiento de Codeginter y seguir sus propios desarrollos con ejemplos concretos y prácticos que puedan modificar y lograr mejoras.

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 es el mejor framework, 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.

crud_1

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 principal de este primer módulo es bajar y configurar Codeingiter para comenzar a trabajar. Son configuraciones básicas que todo framework tiene y se hacen solo una vez (para cada proyecto). Comencemos…

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á “crud_code”:

nombrecarpeta

Entramos a la carpeta y podemos borrar sin temor a errores, los siguientes archivos y carpeta:

borrar

 


Bien, de esta forma ya podemos ingresar al navegador y estará una página inicial por default de Codeigniter:

codeigniter


Dentro de la carpeta application estarán las carpetas que le darán vida al nuestro proyecto, estás carpetas son las principales a tener en cuenta cuando se va comenzando con Codeigniter:  models, views, controllers y config.

Las 3 primeras son descriptivas sabiendo el concepto de MVC y config tendrá archivos de configuración.

  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 y en seguida de las diagonales el controlador y su método. De esta forma solo con hacer <?php echo base_url();?> se obtiene del servidor en el que esté el proyecto. Cuando se suba de localhost a un servidor, basta con cambiar esta configuración y todas las referencias que hagas seguirán funcionando. De otro modo tendrías que cambiar: http://localhost/crud_code por http://dominio.com en todos los lugares que se haya colocado.
    $config['base_url'] = 'http://localhost/crud_code/';
     
  2. Quitar el index.php de la url en el archivo config.php línea 38. Esto nos ayuda a hacer más sencillas las url, es un poco tedioso tener que escribir index.php en todas nuestras url’s
    //$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>
    

    raiz

  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');
    

Estás son las 3 configuraciones que se hacen siempre


Pareciera que son muchas configuraciones por hacer pero la verdad es que cuando se tiene la práctica de hacer esto en cada proyecto, son cosas que se hacen rápido. Te sugiero que sigas los pasos hasta aquí o si prefieres aquí ya está el zip de los pasos hasta ahora hechos e ir comparando.


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

Hasta aquí dejamos este primer módulo, te recuerdo que puedes bajar el zip con estas configuraciones de este primer módulo que puedes ir modificando. Te sugiero como práctica editar la vista y pongas lo que quieras para ver cómo funciona.

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, 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, 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 )

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 )

Google+ photo

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

Conectando a %s

 
A %d blogueros les gusta esto: