9
Introducción a CodeIgniter CodeIgniter es un entorno de desarrollo abierto que permite crear webs dinámicas con PHP. Su principal objetivo es ayudar a que los desarrolladores, puedan realizar proyectos mucho más rápido que creando toda la estructura desde cero. También hay que destacar que CodeIgniter es más rápido que muchos otros entornos. Incluso en una discusión sobre entornos de desarrollo con PHP, Rasmus Lerdorf (el creador de PHP) expresó que le gustaba CodeIgniter "porque es rápido, ligero y parece poco un entorno". ¿Qué necesitamos para trabajar con CodeIgniter? Servidor Local Apache + PHP + MYSQL En Windows podemos utilizar WAMP: http://www.wampserver.com/en/ Descargar Ultima Versión de CodeIgniter Ingresar al sitio web: http://www.codeigniter.com/ Netbeans 7.0 Descargar desde el sitio web: http://www.netbeans.org Paso 1 Instalación de CodeIgniter en Wamp Server Descomprimir el archivo de CodeIgniter Renombrar el directorio CodeIgniter con el nombre de nuestro proyecto ej: /CodeIgniter_2.1.0 /miprograma Copiar el directorio /miprograma en el raíz de WAMP ej: D:/Wamp/www D:/Wamp/www/miprograma

Tutorial CodeIgniter + Netbeans 7

Embed Size (px)

DESCRIPTION

Si queres comenzar a manejar un Frameworks PHP te dejo este documento de 9 hojas. Incluye integración con Netbeans.

Citation preview

Page 1: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

CodeIgniter es un entorno de desarrollo abierto que permite crear webs dinámicas con PHP. Su principal objetivo es ayudar a que los desarrolladores, puedan realizar proyectos mucho más rápido que creando toda la estructura desde cero.

También hay que destacar que CodeIgniter es más rápido que muchos otros entornos. Incluso en una discusión sobre entornos de desarrollo con PHP, Rasmus Lerdorf (el creador de PHP) expresó que le gustaba CodeIgniter "porque es rápido, ligero y parece poco un entorno".

¿Qué necesitamos para trabajar con CodeIgniter?

Servidor Local Apache + PHP + MYSQL En Windows podemos utilizar WAMP: http://www.wampserver.com/en/

Descargar Ultima Versión de CodeIgniter Ingresar al sitio web: http://www.codeigniter.com/

Netbeans 7.0 Descargar desde el sitio web: http://www.netbeans.org

Paso 1 – Instalación de CodeIgniter en Wamp Server

Descomprimir el archivo de CodeIgniter

Renombrar el directorio CodeIgniter con el nombre de nuestro

proyecto ej: /CodeIgniter_2.1.0 /miprograma

Copiar el directorio /miprograma en el raíz de WAMP ej:

D:/Wamp/www D:/Wamp/www/miprograma

Page 2: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Paso 2 – Instalación de CodeIgniter en Wamp Server

Iniciar el WAMP Server

Abrir el navegador web y entrar en http://localhost

Vamos a ver una pantalla como la siguiente, en Your Proyects tiene que aparecer el

directorio que agregamos en /www o sea /miprograma

Hacemos click en /miprograma Vamos a ver la pantalla predefinida por CodeIgniter.

Page 3: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Si observamos la url de nuestro programa será

http://localhost/miprograma/ tal como lo muestra el navegador

web.

Paso 3 - Configuración de Netbeans

Abrimos el Netbeans 7.0

Nuevo Proyecto PHP PHP Application

ProyectName: miprograma

Sources Folder: D:\WAMP\www\miprograma

PHP Versión: Dejamos la prestablecida 5.3

Default Encoding: UTF-8

Hacemos click en next y seguimos configurando.

Page 4: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Run As: Local Web Site

Project URL: http://localhost/miprograma

Hacemos click en next y seguimos configurando.

En PHP Frameworks, no tildamos ninguno ya que no usamos Zend y

Symfony.

Hacemos click en Finish

Ya tenemos listo nuestro IDE Netbeans 7.0 para trabajar con el

Frameworks CodeIgniter.

Page 5: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Paso 4 – Netbeans + Codeigniter

Para Integrar Netbeans y CodeIgniter tenemos que crear un archivo

con cualquier nombre en la raíz del proyecto (codeigniter) y listo.

integracion.php

<?php /** * @property CI_Loader $load * @property CI_Form_validation $form_validation * @property CI_Input $input * @property CI_Email $email * @property CI_DB_active_record $db * @property CI_DB_forge $dbforge * @property CI_Table $table * @property CI_Session $session * @property CI_FTP $ftp * .... */ Class CI_Controller { } ?>

Así de fácil… con esto hemos logrado que el Netbean nos ofrezca en auto-

completado, los métodos y variables propias del framework.

Fuente: http://agarzon.php.com.ve/integrar-netbeans-y-codeigniter/

Page 6: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Paso 5 – Creando un Web Blog

Generaremos una base de datos MYSQL Ingresamos a http://localhost/phpmyadmin

Creamos una base de datos llamada “blog” y dentro de esa base de

datos una tabla denominada “articulos”

Page 7: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Primero ingresamos a la base de datos creada “blog” y nos da la

posibilidad de crear tablas, le ingresamos el nombre “articulos” e

incorporamos 3 elementos ( ID, titulo, cuerpo).

Page 8: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

Configurar database.php ubicado en

D:\WAMP\www\miprograma\application\config

Agregar datos de conexión con la base de datos, nombre de la BD,

usuario y contraseña.

Configurar autoload.php ubicado en

D:\WAMP\www\miprograma\application\config

En la línea 55 $autoload['libraries'] = array(); agregar 'database' dentro

del array quedando asi.

$autoload['libraries'] = array('database');

Guardamos el archivo.

Creamos un controlador llamado blog dentro del directorio

D:\WAMP\www\miprograma\application\controllers

<?php

class Blog extends CI_Controller {

public function index()

{

echo 'Hello World!';

}

}

?>

Si queremos que nuestro sitio web muestre el Hola mundo,

debemos poner a nuestro controlador como principal, para eso

Page 9: Tutorial CodeIgniter + Netbeans 7

Introducción a CodeIgniter

vamos a routes.php ubicado en

D:\WAMP\www\miprograma\application\config

Y modificamos el $route['default_controller'] = "welcome";

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

Abrimos la aplicación http://localhost/miprograma