Tecnológico de Estudios Superiores de San Felipe del Progreso

YII Framework
Programación en ambiente Cliente/Servidor
Ing. Alex Ramírez Galindo

Martin Anastacio Cruz

Emmanuel Maya García
Jason Marín Antonio
5-12-2017
 INDICE
INTRODUCCION .................................................................................................................................. 2
MARCO TEORICO ................................................................................................................................ 3
INSTALACION ...................................................................................................................................... 6
CREACION ........................................................................................................................................... 6
CONCLUSIONES ................................................................................................................................. 18

1
 Introducción
Con la aparición del internet y el constante crecimiento de la accesibilidad
a esta tecnología, las empresas y organizaciones tienen la posibilidad de
ofrecer sus productos y servicios a nivel mundial.
Una aplicación web permite tener una implementación y desarrollo
centralizado. Con el uso de internet las organizaciones y personas pueden
mantener la conectividad y trabajar en una red privada sin invertir en
costos de infraestructura de telecomunicaciones.
Desde la ciencia de la informática se ha generado una constante mejora
en cuanto a librerías, patrones de diseño y estándares para la codificación,
lo que ha mejorado la eficiencia, estructura, velocidad y seguridad de las
aplicaciones siendo estas las prestaciones de los marcos de trabajo o
frameworks.
En la actualidad muchas empresas dedicadas al desarrollo de aplicaciones
y servicios en la web ven en los frameworks una herramienta
indispensable para generar ganancias en menos tiempo. Sin embargo,
cada framework varía en la cantidad de tiempo para llegar a manejarlo
con eficiencia ya sea por el lenguaje, complejidad, tecnologías o poca
documentación en el idioma nativo del interesado.

2
 MARCO TEÓRICO
YII
Es una capa de programación framework basada en componentes y programación
dirigida por eventos, para desarrollos de aplicaciones Web en PHP 5. Yii es una
aplicación libre de código abierto, aplicación web de desarrollo, escrito en PHP5. Se
trabaja para agilizar el desarrollo de aplicaciones y ayuda a garantizar un producto
final extremadamente eficiente, ampliable y fácil de mantener.
Yii implementa el patrón de diseño MVC (Model-view-Controller) el cuál es ideal
para la programación Web.
MVC apunta a separar la lógica de negocio de la interfaz de usuario, así los
programadores pueden fácilmente cambiar cada parte sin afectar unas a otras. En
MVC, el modelo representa la información (los datos) y las reglas de negocio; las
vistas contienen los elementos de interfaz de usuario, como texto, colores,
imágenes; y los controladores manejan la comunicación entre el modelo y la vista.
Además de MVC, Yii también introduce un controlador-frontal, llamado aplicación,
el cual representa el contexto de ejecución de las peticiones en proceso. La
aplicación resuelve las peticiones de los usuarios y las despacha al controlador
apropiado para futuros manejos.
El siguiente diagrama muestra la estructura estática de una aplicación Yii:

3
 EL TÍPICO FLUJO DE TRABAJO
El siguiente diagrama muestra el típico flujo de trabajo de una aplicación Yii cuando
está manejando la petición de un usuario:

 Un usuario hace una petición en la siguiente

URL http://localhost:8080/yi/ejemplo/index.php?r=site/index y el servidor
web maneja la petición ejecutando el bootstrap script index.php.
 El bootstrap script crea una instancia de la aplicación y la ejecuta.
 La aplicación obtiene la información detallada de la petición de los usuarios
desde un componente de la aplicación llamado request (petición).
 La aplicación determina la petición del controlador y actúa con la ayuda de
un componente de la aplicación llamado urlManager (manejador de url’s).
Para este ejemplo, el controlador es Post que hace referencia a la clase
PostController; y la acción es show(mostrar) el cuál su significado es
determinado por el controlador
 La aplicación crea una instancia de la petición del controlador para más
adelante manejar la petición del usuario. El controlador determina que la
acción show(mostrar) se refiere a un método llamado actionShow en la clase
del controlador.

4
  La acción lee un modelo Post el cuál si ID es 1 en la base de datos.
 La acción asocia una vista llamada show(mostrar) con el modelo Post.
 La vista lee y muestra los atributos del modelo Post.
 La vista ejecuta algunos artilugios.
 Los resultados de la vista son embebidos en un diseño(layout)
 La acción completa la prestación de la vista y muestra el resultado al usuario.

PHP
Es un lenguaje de programación de uso general de código del lado del servidor
originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de
los primeros lenguajes de programación del lado del servidor que se podían
incorporar directamente en el documento HTML en lugar de llamar a un archivo
externo que procese los datos.
PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de
comandos que puede ser usada en aplicaciones gráficas independientes.
En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las
páginas de PHP contienen HTML con código incrustado que hace "algo" (en este
caso, mostrar "¡Hola, soy un script de PHP!). El código de PHP está encerrado entre
las etiquetas especiales de comienzo y final <? php y?> que permiten entrar y salir
del "modo PHP".
Lo que distingue a PHP de algo del lado del cliente como JavaScript es que el código
es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente
recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente
que era. El servidor web puede ser configurado incluso para que procese todos los
ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan
saber qué se tiene debajo de la manga.
Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su
vez ofrece muchas características avanzadas para los programadores
profesionales. No sienta miedo de leer la larga lista de características de PHP. En
unas pocas horas podrá empezar a escribir sus primeros scripts.

5
 Características
 Orientado al desarrollo de aplicaciones web dinámicas con acceso a
información almacenada en una base de datos.
 El código fuente escrito en PHP es invisible al navegador web y al cliente.
 Capacidad de expandir su potencial utilizando módulos.
 Tiene manejo de excepciones (desde PHP5).
INSTALACION Y CREACION

Para llevar a cabo la instalación de yii, lo primero que se realiza es descargar yii en
la página oficial. Una vez descargado el framework se debe copiarlo a
Xampp>htdocs, como se muestra en la imagen 1.1 de instalación.

Imagen 1.1 Instalación de yii

Posteriormente se realizará la creación de una nueva página web, creamos un

nuevo proyecto abriendo el símbolo de sistema.
Se abre el framework con el siguiente comando.

Una vez abierto el framework, se procede a crear la aplicación web.

En la pestaña donde aparece si deseas crear la aplicación web, colocar que si y

parecerá esta línea de código.

6
Una vez creada la nueva aplicación web, verificamos que realmente se haya creado,
para ello se debe ir a; C:\xampp\htdocs. En esta dirección debe haber una carpeta
que se llame ejemplo la cual es nuestra aplicación. La imagen 1.2 muestra que la
carpeta está dentro de Xampp y la imagen 1.3 en contenido de la carpeta.

Imagen 1.2 Carpeta creada en Xampp.

Después de ver que realmente la carpeta fue creada en Xampp, abrimos el

contenido de la carpeta.

Imagen 1.3 Contenido de la aplicación web.

Lo siguiente que se debe realizar es crear la una base de datos, pare ello utilizamos
el gestor de base de datos Xampp. Ahí creamos una nueva base de datos llamada
Ejemplo y una tabla que se llame tbl_usuarios. Como se puede ver en la imagen 1.4

Imagen 1.4 Creación de la base de datos.

Abrimos la aplicación en nuestro navegador favorito y se debe mostrar la siguiente

interfaz del framework, como se ve en la siguiente imagen 1.5.

Link del local host

7
 Imagen 1.5 Interfaz principal del Framework

Para empezar a utilizar el framework, se debe habilitar el modelo gii, es el encargado

de generar un módulo de interfaz donde se debe cambiar el usuario para
posteriormente introducir la base de datos. Como se puede ver en la imagen 1.6 la
habilitación del modelo gii y el cambio de contraseña.

Imagen 1.6 Habilitar gii

Una vez habilitado el gii, podemos ingresar Yii Code Generator, como se puede ver
a continuación en la imagen 1.7 con la interfaz principal de yii.

Link del Yii Code Generator

8
 Imagen 1.7 Interfaz principal de Yii Code Generator.

Antes de crear un modelo Generator, debemos de conectarnos a la base de datos

para poder utilizarla a la hora de crear el modelo. La imagen 1.8 muestra cómo se
conecta a la base de datos desde la aplicación de yii.

Imagen 1.8 Conexión a la Base de Datos

En el apartado de esta interfaz se da clic en la opción 4. Model Generator. Muestra

una interfaz donde pide la base de datos, como la conexión se hizo con anterioridad
la carga por default, como se puede ver en la imagen 1.9. donde además de la base
de datos pide el nombre de la tabla que creamos junto con la base de datos.

Link para generar el Code Generator

9
 Imagen 1.9 Creación del Code Generator

Presionar el botón Preview y genera automáticamente el modelo como se ve en la

imagen 1.10

Imagen 1.10 Modelo generado

10
Si la base de datos fue correcta, junto con la tabla que aun principio del proyecto se
realizó como se puede ver en la imagen 1.11 se crea correctamente el modelo

Imagen 1.11 Modelo creado correctamente

A continuación, se puede observar que se creó bien la tabla, junto con la base de
datos. Como se muestra en la imagen 1.12.

Imagen 1.12 TblUsuarios creada

11
Creamos un crud en la página de inicio del Code Generator como se ve en la
imagen 1.13

Imagen 1.13 crear un Crud

En la imagen 1.14 podemos observar que el crud es creado

Imagen 1.14 Creación del Crud

12
 Imagen 1.14 Creación del Crud

Una vez creado el crud, se debe posicionar en esta url;

http://localhost:8080/yi/ejemplo/index.php?r=tblUsuarios/admin.
En esta parte está alojada la tabla de la base de datos, y se podrán realizar altas,
bajas, eliminar y visualizar los datos que se generaron. Como se ve en la imagen
1.15

Imagen 1.15 Crud Usuarios

13
En la imagen 1.16 se muestran lo datos de la base de datos con el framework yii

Imagen 1.16 Visualización de datos

En la siguiente imagen la 1.17. Se crea un nuevo usuario

Imagen 1.17 Creación de usuario

Imagen 1.18 Usuario Creado

14
Para eliminar algún registro de la tabla, tenemos que seleccionarlo y eliminarlo como
se puede ver en la imagen 2.0

Imagen 2.0 Eliminación de usuario

Imagen 2.1 Eliminación correcta

Para editar algún registro de la tabla, tenemos que seleccionarlo y eliminarlo como
se puede ver en la imagen 2.2

Imagen 2.2 Edición de usuarios

15
 Imagen 2.3 Edición exitosa

Para finalizar con el proyecto en la imagen 2.4, verificación si los datos tanto de la
modificación, eliminación y creación fue hecha correctamente. Visualizando los
datos de la tabla.

Imagen 2.4 Crud creado correctamente

16
 CONCLUSION

La utilización de la herramienta Yii es muy funcional para la creación de páginas

web, si necesidad de programar tanto. Ya que cuenta con estilos propios, al igual
interfaces que permiten que el proyecto a realizar se haga de una manera más
rápida y sencilla. Los framework son indispensables para realizar página web al
instante. Los problemas que te podrás encontrar es la conexión a la base de datos,
yii está en inglés y es importante saber cómo es el funcionamiento y más que nada
a como configurarlo y poder manipularlo a nuestra conveniencia

17