Manual de Usuario

Framework
Code Igniter

Manual de Usuario

INDICE
.........................................................................................................................................2
1. Acerca del Framework Code Igniter.............................................................................3
2. Libreras del Framework Code Igniter..........................................................................3
2.1 (MVC) Patrn de desarrollo del Framework Code Igniter.........................................4
3. Como cargar las libreras del Framework Code Igniter...............................................4
4. Configuracin...............................................................................................................5
5. Controlador....................................................................................................................7
6. Vista...............................................................................................................................8
6.1. Ejecucin del ejemplo ...............................................................................................9
6.2 Segundo Ejemplo ......................................................................................................11
6.3 Ejecucin: .................................................................................................................15
7. Configuracin Para Usar Base de Datos (Mysql) ......................................................15
8. Modelo.........................................................................................................................17
8.1 Utilizando el Modelo.................................................................................................17
8.2 Utilizando la Vista.....................................................................................................18
8.3 Utilizando el Controlador..........................................................................................19
9. Mantenimiento a una tabla..........................................................................................20
9.1 Grabar........................................................................................................................21
Utilizacin del Modelo................................................................................................21
Utilizacin del Controlador.........................................................................................21
Utilizacin de la vista..................................................................................................22
Visualizacin...............................................................................................................23
Creacin de la vista add.php........................................................................................23
Ejecucin ....................................................................................................................25
9.2 Editar.........................................................................................................................26
Utilizacin del Modelo................................................................................................26
Utilizacin del Controlador.........................................................................................27
Utilizacin de la vista..................................................................................................28
Visualizacin...............................................................................................................28
Creacin de la vista edit.php........................................................................................29
Ejecucin ....................................................................................................................30
10. Sesiones.....................................................................................................................30
10.1 Login........................................................................................................................31
Utilizacin del Modelo................................................................................................31
Utilizacin de la vista..................................................................................................32
Creacin de la vista login_content.php........................................................................33
Creacin de la vista login.php.....................................................................................34
Creacin del controlador controlador.php...................................................................34
Creacin de la librera .................................................................................................36
Ejecucin ....................................................................................................................38
11. Panel de Administracin............................................................................................38
Utilizacin del Controlador.........................................................................................39
Utilizacin de la vista..................................................................................................41
Ejecucin ....................................................................................................................45
Eliminar ..........................................................................................................................47
12. Paginacin.................................................................................................................51
2

Manual de Usuario
Utilizacin del Controlador.........................................................................................51
Utilizacin del Modelo................................................................................................52
Utilizacin de la Vista.................................................................................................53
13. Enviar datos desde una funcin a otra funcin..........................................................55
Utilizacin del Controlador.........................................................................................55
Utilizacin de la Vista.................................................................................................56

1. Acerca del Framework Code Igniter

El Framework Code Igniter es un conjunto de libreras donde su patrn de
desarrollo es el (MVC), es una gran herramienta de ayuda en el desarrollo de
software, proporcionan una estructura definida la cual ayuda a crear
aplicaciones con mayor rapidez.
Ayuda a la hora de realizar el mantenimiento del sitio gracias a la organizacin
durante el desarrollo de la aplicacin.
El Framework Code Igniter es desarrollado con el objetivo de brindar a los
programadores y diseadores una mejor organizacin y estructura a sus
proyectos.

2. Libreras del Framework Code Igniter

Manual de Usuario

2.1 (MVC) Patrn de desarrollo del Framework Code Igniter

M
V
C

Model
--> Modelo
View
--> Vista
Controller --> Controlador

3. Como cargar las libreras del Framework Code Igniter

Primeramente se deber crearse un nuevo sitio en el Macromedia
Dreamweaver, previamente ya instalado y tambin necesitaremos el Apache
Web Server como un Servidor Local.
Y Mediante el explorador de Windows en la ruta de,
C:\AppServ\www\CodeIgniter, crear una carpeta con el nombre que usted
desee, en este caso lo llamaremos CodeIgniter.
Dentro de la carpeta CodeIgniter deber copiar las libreras del Framework
CodeIgniter.
Luego en el Macromedia Dreamweaver se podr visualizar lo siguiente:

Libreras

Manual de Usuario

4. Configuracin
Antes de Usar el Code Igniter tendremos que realizar algunas
configuraciones.
Ruta: Sitio- CodeIgniter\system\application\config
Dentro del paquete application/config seleccionamos la librera config.php.

Manual de Usuario

Y agregamos este cdigo:

Nombre de la Carpeta

Ruta:

Sitio-CodeIgniter\system\application\config

Dentro del paquete application/config seleccionamos la librera routes.php.

Manual de Usuario

Y agregamos este cdigo:

Nombre del controlador que creamos en

el paso n 5.

5. Controlador
Ruta: Sitio-CodeIgniter\system\application\controllers
Creamos un Controlador:
7

Manual de Usuario
Para ello necesitamos un nuevo archivo php y le ponemos de nombre
controlador.php.

Cdigo del controlador, tener en cuenta que vista es el nombre que le daremos
a la vista que veremos en el paso n 6.

*******
Creamos una clase de nombre controlador que se hereda de Controller.
Creamos una funcin controlador.
Creamos la funcin index que es por defecto ya que esta funcin va a llamar a
la vista, y le mandamos un array ($data) a la vista.

6. Vista
Ruta: Sitio-CodeIgniter\system\application\views
Creamos un Controlador:

Manual de Usuario
Para ello necesitamos un nuevo archivo php y le ponemos de nombre
vista.php.

*******
Visualizamos el mensaje que esta en el controlador.

6.1. Ejecucin del ejemplo

Manual de Usuario
Levantamos el localhost con el nombre de la carpeta creada
anteriormente en el paso n 3.

Entonces en este ejemplo sencillo vamos viendo como funciona un controlador

con una vista.

10

Manual de Usuario
6.2 Segundo Ejemplo

11

Manual de Usuario

12

Manual de Usuario

13

Manual de Usuario
En el Controlador:

En la vista:

14

Manual de Usuario

6.3 Ejecucin:

7. Configuracin Para Usar Base de Datos (Mysql)

Antes de Utilizar una Base de Datos en el Code Igniter tendremos que realizar
algunas configuraciones.
Ruta: Sitio- CodeIgniter\system\application\config
Dentro del paquete application/config seleccionamos la librera
autoload.php.
Y dentro del array digitamos database para poder habilitar la posibilidad de
trabajar con una base de datos.

15

Manual de Usuario

Ruta: Sitio- CodeIgniter\system\application\config

Dentro del paquete application/config seleccionamos la librera
database.php.
Y digitamos los parmetros necesarios para poder llamar a la base de datos
que utilizaremos, en este caso:
o
o
o
o
o

Base de Datos: prueba

Hostname: localmente
Usuario: root
Password: wmdesarrollo
Driver: mysql

16

Manual de Usuario

8. Modelo
Los Modelos estn diseados para trabajar con la informacin de su base de
datos.
Por ejemplo, digamos que utilizar el Cdigo Igniter para administrar un
controlador.
Usted podra tener un modelo de la clase que contiene funciones para insertar,
actualizar y buscar sus datos de una entidad preferida.
8.1 Utilizando el Modelo
Ruta: Sitio-CodeIgniter\system\application\models
Creamos un Controlador:
Para ello necesitamos un nuevo archivo php y le ponemos de nombre
modelo.php.

17

Manual de Usuario

****** Explicacin del cdigo del Modelo.

Se crea dos funciones, la funcin mostrar Tabla sirve para seleccionar la tabla
de la Base de Datos.

8.2 Utilizando la Vista

Cdigo De la Vista: Que sirve para mostrar los campos de la tabla de la Base
de Datos.
$query = query necesita de la funcin result, luego recorremos el result con el
foreach.
$row = llama a cada campo de la base de datos.
El htmlentities convierte todos los caracteres a su entidad HTML aplicable.

18

Manual de Usuario

8.3 Utilizando el Controlador

Cdigo Del Controlador: Donde el query llama al modelo y a la funcin
mostrar Tabla.

19

Manual de Usuario

8.4 Ejecucin del Ejemplo

Aqu se muestra el ejemplo ya desarrollado.

9. Mantenimiento a una tabla

20

Manual de Usuario
Para poder hacer un mantenimiento a una tabla necesitamos utilizar el MVC ya
vista la estructura anteriormente.
9.1 Grabar
Utilizacin del Modelo

*********Explicacin del cdigo

Creamos una array donde los datos se ingresarn a ese array
permanentemente hasta que se guarden en la base de datos.
Mediante la funcin insert aadimos un registro a la tabla.
Si en caso la grabacin de datos fue correcta nos retornar true.

Utilizacin del Controlador

21

Manual de Usuario
Agregamos una funcin add al controlador. El cual se ejecuta al momento
de presionar el botn submit.
Entonces: $this->modelo->add ($_Post), En caso el modelo grabe
correctamente, el estado ser satisfactorio Caso contrario fallara, pero si es
normal entonces mostrara solamente la pgina add.

Utilizacin de la vista

Aumentamos este cdigo.

El anchor sirve para poder hacer referencia a otra pgina donde ah se
agregar un nuevo campo a la tabla Alumno.

********Explicacin del cdigo

El add hace referencia al controlador ya que es el nombre de la funcin que
est dentro del controlador.
Nuevo simplemente es el nombre que mostrar la funcin add.

22

Manual de Usuario
Visualizacin

Creacin de la vista add.php

Necesariamente debemos crear una pagina add.php donde aqu se ingresaran

los datos para grabar en la tabla Alumno.

Explicacin del cdigo:

El estado en la pgina es Normal, pero al
momento de grabar entra en la ltima
condicin de estado: succes=>Nos saldr
un mensaje que grabo correctamente, caso
contrario nos saldr un mensaje de error.
Al dar clic en:
Atrs
Regresaremos en la pantalla de inicio.

23

Manual de Usuario

Cdigo del add.php:

24

Manual de Usuario
Ejecucin

Nos muestra el mensaje, ya sea satisfactorio o incorrecto.

Al dar clic, regresamos a la pgina principal con el registro ingresado.

25

Manual de Usuario
9.2 Editar

Utilizacin del Modelo

Agregamos dos funciones update y getFile.

Donde recibimos los datos desde la pagina edit.php.
Los datos son pasados a travs de las variables $array, $id.
Donde $array=datos ingresados del formulario edit.php
$id=cdigo del alumno a editar.
La funcin update, va a actualizar el registro de la tabla.
La funcin getFile, va a seleccionar la tabla dependiendo de un cdigo, que
es la del alumno.

26

Manual de Usuario

Utilizacin del Controlador

Agregamos una funcin edit.

Donde recibimos el cdigo de la pagina edit.php.
El cdigo es pasado a travs de la variable $id.
Donde $id=cdigo del alumno a editar.
Entonces:
$this->modelo->get File ($id)
Aqu solamente llama a la funcin del modelo para poder guardar el cdigo.
$this->modelo->update ($_Post, $id)
Mediante el post enviamos el id del alumno.
En caso se envi correctamente, el estado ser satisfactorio
Caso contrario fallara, pero si es normal entonces mostrara solamente la
pgina edit.

27

Manual de Usuario
Utilizacin de la vista

Aadimos una columna, donde mostrar un enlace para editar.

Donde hacemos referencia a la funcin edit del controlador
El htmlentities convierte todos los caracteres a su entidad HTML aplicable.

Visualizacin

28

Manual de Usuario
Creacin de la vista edit.php

Necesariamente debemos crear una pagina edit.php donde aqu se ingresaran

los nuevos datos del Alumno. Aqu esta el cdigo.
Donde es un formulario parecido al de add solo que esta vez usaremos
El row () =>para recorrer los campos de la tabla.

29

Manual de Usuario

Ejecucin

Nos muestra el mensaje, ya sea satisfactorio o incorrecto.

Al dar clic, regresamos a la pgina principal con el registro ingresado.

10. Sesiones

30

Manual de Usuario
Bsicamente una sesin es la secuencia de pginas que un usuario visita en
un sitio Web. Desde que entra en nuestro sitio, hasta que lo abandona.
10.1 Login
Utilizacin del Modelo
Creamos un nuevo modelo y lo llamamos modelousuario.
Aqu vamos a llamar a otra tabla llamada usuario.
La funcin is_user nos muestra la tabla pero con la condicin que sea el
usuario este dentro de la tabla usuario, en este caso el usuario y el clave es
admin, admin.

31

Manual de Usuario
Utilizacin de la vista
Creamos una nueva vista menu.php.
Como ya sabemos el anchor va a llamar al controlador con su funcin.

32

Manual de Usuario
Creacin de la vista login_content.php

Necesariamente debemos crear una nueva vista login_content.php donde aqu

se ingresar el usuario y clave. Aqu esta el cdigo.

33

Manual de Usuario
Creacin de la vista login.php

Necesariamente debemos crear una nueva vista login.php donde aqu evaluar
redireccionar a la pgina principal. Aqu esta el cdigo.

Creacin del controlador controlador.php

Necesariamente debemos crear una nueva vista login.php donde aqu evaluar
redireccionar a la pgina principal. Aqu esta el cdigo.
Primero desde la funcin controlador llamamos a una librera, esta librera lo
veremos en el siguiente punto, aqu solamente lo llamamos.
En la funcin index llamamos al formulario login_content.php.
Creamos una funcin init.
Creamos una funcin mostrar=>aqu llamar a la vista principal.
Creamos la funcin end =>que permite terminar la sesin.

34

Manual de Usuario

jj

35

Manual de Usuario
Creacin de la librera

Necesariamente debemos crear una librera Ci_cms.php donde aqu se crear

la sesin.
Ruta: Sitio-CodeIgniter\system\application\libraries
Creamos la librera:
Para ello necesitamos un nuevo archivo php y le ponemos de nombre
Ci_cms.php.

36

Manual de Usuario

Aqu est el cdigo.

La funcin logOn crea la sesin.
La funcin validaLog, valida si la sesin fue registrada.
La funcin logOff, termina la funcin.

37

Manual de Usuario
Ejecucin
Ahora muestra la Pgina Login_content.php
El usuario: admin.
El password: admin.

Si el usuario y la clave son correctos, entonces ingresar a la vista

principal.

Al dar clic en Cerrar sesin, automticamente parecer un

mensaje y regresar a la pgina de Login_content.php.

11. Panel de Administracin

Desde un men de opciones llamaremos a las respectivas pginas.
38

Manual de Usuario

Utilizacin del Controlador

Agregamos unas cuantas lneas de cdigo a las funciones creadas
anteriormente.
Preguntamos si es que el usuario fue validado, en caso sea validado podr
acceder normalmente a las paginas, caso contrario se le mostrar una pagina
de unlogin.

39

Manual de Usuario

Dentro del mismo controlador

Agregamos dos funciones nuevas, seleccionar y reporte.
Siempre preguntando si fue validada la sesin.
La funcin seleccionar va a llamar a la pgina seleccionar.php, esta pgina lo
veremos en el siguiente punto.
La funcin reporte va a la pgina reporte.php, esta pgina lo veremos en el
siguiente punto.

40

Manual de Usuario
Utilizacin de la vista

Creamos tres nuevas vistas de nombre seleccionar, reporte y unlogin ambos

con extensin de .php.
Este es el cdigo de la pgina seleccionar.php.
Aqu solamente aumentamos un enlace para regresar al panel de
administracin.

41

Manual de Usuario

El siguiente cdigo es el de la vista reporte.php.

42

Manual de Usuario

43

Manual de Usuario

El siguiente cdigo es el de la vista unlogin.php.

44

Manual de Usuario

Ejecucin

45

Manual de Usuario

Es la vista menu.php, que lleva de ttulo panel de administracin.

Es la vista add.php.

Es la vista seleccionar.php.

46

Manual de Usuario

Es la vista edit.php.

Es la vista reporte.php.

Eliminar
Para eliminar un registro necesitaremos aumentar el siguiente cdigo.
En el controlador:
Esta funcin drop nos va a permitir enviarle el cdigo del alumno a eliminar
al modelo.
Donde mostrar un mensaje, si fue eliminado o no.

47

Manual de Usuario

En el Modelo: modelo.php
Aqu es donde nosotros mediante el delete, eliminamos el registro de la tabla.

48

Manual de Usuario
Donde le pasamos el cdigo por su parmetro, mediante la variable $id.

En la Vista: menu.php

Aumentamos este cdigo.

Creamos una nueva Vista: eliminar.php

Este es su cdigo.
Aumentamos una columna con la opcin para eliminar.
49

Manual de Usuario

Ejecutamos:

50

Manual de Usuario

Al dar clic en eliminar aparece la vista eliminar.php:

Al dar clic en eliminar eliminar ese registro y nos mandar el siguiente

mensaje:

12. Paginacin
Ahora vamos a paginar la vista reporte.php.
Utilizacin del Controlador

Este es el nuevo cdigo para la funcin reporte.

51

Manual de Usuario
Pasamos como parmetro la variable $report, el cual recibir el numero de
pgina.
Llamamos a dos funciones de los modelos getPaginando y getTotalRows.

Utilizacin del Modelo

Agregamos tres funciones en el modelo pero solo dos son llamadas desde el
controlador.
La funcin get, solamente sirve para obtener a la tabla.
La funcin getTotalRows, selecciona a la tabla y me devuelve el nmero de
registros de la tabla.
La funcin getPaginando, me permite seleccionar a la tabla con un lmite
establecido por la variable $limit.
El parmetro de la variable $report es enviada del controlador.

52

Manual de Usuario

Utilizacin de la Vista

Agregamos el dgito 1 en la vista menu.php en el enlace que llama al reporte.

Agregamos este cdigo en la vista reporte.php.

53

Manual de Usuario
El $cont inicializa en 1.
Recorremos mientras el contador se menor igual que el numero de paginas
Y lo visualizamos.

Ejecutamos: dar clic en Reporte.

Al dar clic en reporte, ahora aparece la pgina reporte con su paginacin.

54

Manual de Usuario

13. Enviar datos desde una funcin a otra funcin

Ahora vamos a paginar la vista reporte.php.
Utilizacin del Controlador
Aqu vemos como se puede mandar un dato desde una funcin a otra.
La funcin enva valor, es el que enva el dato.
La funcin recibe valor, es el que recibe el dato que se le envi con la funcin
enva dato.

55

Manual de Usuario

Utilizacin de la Vista
En la vista men aumentamos una opcin mas.

Creamos una nueva vista de nombre recibe Valor (recibeValor.php) .

Y este es el cdigo de esta vista.

56

Manual de Usuario

57