Configuracion Ejemplo Zend

download Configuracion Ejemplo Zend

of 19

Transcript of Configuracion Ejemplo Zend

  • 8/18/2019 Configuracion Ejemplo Zend

    1/19

     

    UNIVERSID D N CION L

    GR RI DE L SELV

    F CULT D DE INGENIERI EN INFORM TIC

    Y SISTEM S

    CURSO : desarrollo de aplicaciones web

    Docente : ING . Brian pando cesar. 

    Alumno: BRAVO CERVANTES GILDER

    Tingo-maría, 04 DE noviembre DEL 2013

  • 8/18/2019 Configuracion Ejemplo Zend

    2/19

    CONFIGURACION DE ZEND FRAMEWORK Y EJEMPLO DEMOSTRATIVO CON BASE DE

    DATOS MYSQL

    1. 

    RESUMEN

    En el presente manual se realizara la configuración del zend framework 1.12.3 y realizar un

    ejemplo demostrativo de una base de datos agenda con una tabla contactos.

    2.  REQUERIMIENTOS

      Descargar el zend framework 1.12.3 minimal

      Netbeans

      Wamp server

    3. 

    PROCEDIMIENTOS

    3.1. 

    Configurar el zend framework 1.12.3 minimal

    3.1.1. 

    Instalar el wamp server.

    3.1.2. 

    Descomprimir el paquete zend framework 1.12.3 minimal

    3.1.3. 

    Copiar el bin del zend framework en el wamp bin y dentro crear una carpeta

    llamado zendmin

    3.1.4. 

    Copiar la carpeta library en wamp server.

  • 8/18/2019 Configuracion Ejemplo Zend

    3/19

    3.1.5. 

    Ir a inicioequipo (anti clic) propiedadesconfigurar avanzada del sistema

    elegir variables de entorno ->elegir el path y aumentar la siguiente dirección del

    wamp server (;C:\wamp\bin\Zendmin\bin; C:\wamp\bin\php\php5.3.10) en valor de

    la variable y aceptar.

    3.1.6. 

    En el mismo crear una variable de sistema Llamado (ZEND_TOOL_INCLUDE_PATH) y

    aumentar la dirección del wamp server(C:\wamp\library) y aceptar

  • 8/18/2019 Configuracion Ejemplo Zend

    4/19

     

    3.1.7. 

    Abrir el cmd para ver la versión del zend registrado.

    3.1.8. 

    Iniciar el wamp server, luego abrir el archivo php.ini como se muestra en la imagen,

    para luego incluir la línea de código INCLUDE_PATH = "C:\wamp\library"

    Después de; Windows: "\path1;\path2" como se muestra en la imagen y solo

    guardar

    3.1.9. 

    Luego ir al cmd y escribir el comando del zend framework (zf  – setup config-file) esto

    para poder registrar el zend framework con el netbeans.

    Luego de realizar este paso se tiene que ir a (C:\Program Files\NetBeans

    7.2.1\php\zend) “tienes que ir dondese ha instalado el netbeans” y luego copiar el

    NetBeansCommandsProvider dentro de la carpeta C:\wamp\library

  • 8/18/2019 Configuracion Ejemplo Zend

    5/19

     

    3.1.10. 

    Para tener el correcto funcionamiento se debe habilitar (quitar el“;”) en el wamp

    server apache httpd.ini el “mod_rewrite.so” como se muestra en la imagen yguardarlo. Para luego reiniciar el wamp server.

    3.2. Listar contactos

    Crear la base de datos “agenda” con su tabla “contactos” con 5 campos los cuales son: 

  • 8/18/2019 Configuracion Ejemplo Zend

    6/19

    Abrir el netbeans y crear el proyecto AgendaZend como se muestra en las imágenes

    C:\wamp\www\AgendaZend

  • 8/18/2019 Configuracion Ejemplo Zend

    7/19

    Seleccionar el Zend Php Web Framework e ir a opcions luego en General y seleccionar la

    carpeta del wamp (C:\wamp\library) como se muestra en la imagen

    Ir a zend y registrar el zend en register provider . Y finalizar la creación del proyecto

  • 8/18/2019 Configuracion Ejemplo Zend

    8/19

    Te debe quedar asi el proyecto:

    En la application.ini aumentar la conexión de la base de datos. Como se muestra en la

    imagen

    Crear el controlador ContactoController para eso Abrimos el Terminal o el Símbolo

    de Sistema y nos posicionamos en el directorio del proyecto (AgendaZend/). De la

    siguiente manera y le damos enter , ahí nos crea el controlador y la carpeta del

    controlador en la vista con el index:

  • 8/18/2019 Configuracion Ejemplo Zend

    9/19

    De esta manera debe quedarte

    Luego en la carpeta contactos agregamos las acciones agregar (add), modificar

    (update) y por ultimo eliminar (delete).- 

  • 8/18/2019 Configuracion Ejemplo Zend

    10/19

    Te crea el add, update, delete con sus respectivos acciones en el

    ContactoController.php

    Ahora creamos en la carpeta models la tabla de consulta para la base de datos

    agenda de la siguiente manera

    Y en debe aparecer de la siguiente manera en el netbeans

    Agregamos el siguiente código para las respectivas acciones de la tabla y lo

    guardamos

  • 8/18/2019 Configuracion Ejemplo Zend

    11/19

    En el controlador del contacto agregamos el siguiente código para poder listar los

    datos de la tabla contactos

  • 8/18/2019 Configuracion Ejemplo Zend

    12/19

    Ahora abrimos el index.phtml de la carpeta contactos y digitamos el siguiente código

    Y los ejecutamos, para ver el diseño tenemos que escribir

    http://localhost/AgendaZend/public/ , antes tenemos que direccionar el index.phtml

    de la carpeta índex hacia la carpeta contacto.

    http://localhost/AgendaZend/public/http://localhost/AgendaZend/public/http://localhost/AgendaZend/public/

  • 8/18/2019 Configuracion Ejemplo Zend

    13/19

    En la página hacer clic en Ver contactos y nos muestra el listado

    3.3. Agregar contactos

    Para realizar esta acción, primero se tiene que crear el formulario, para eso se tiene

    que abrir el símbolo del sistema.

    Se tendría de la siguiente manera

  • 8/18/2019 Configuracion Ejemplo Zend

    14/19

    Ahora digitamos el siguiente código, que es nada menos la caja de texto con sus

    respectivos nombres

    Luego abrimos el controlador contactos y digitamos el siguiente código

  • 8/18/2019 Configuracion Ejemplo Zend

    15/19

    En la vista scriptcontacto abrir el index.phtml y agregar el siguiente código (solo

    el código que esta después de la tabla)

    En la vista scriptcontacto abrir el add.phtml y agregar el siguiente código

  • 8/18/2019 Configuracion Ejemplo Zend

    16/19

     

    Ahora ejecutamos y agregamos datos.

    3.4. MODIFICAR CONTACTOS

    Como ya tenemos creado el formulario solo agregamos el código en el controlador

    contacto

  • 8/18/2019 Configuracion Ejemplo Zend

    17/19

    En la vista script contacto index.phtml

    En la vista script contacto update.phtml

    ejecutamos

  • 8/18/2019 Configuracion Ejemplo Zend

    18/19

     

    3.5. ELIMINAR CONTACTOS

    Agregamos en el controlador contactos el siguiente código en deleteAction

    En el delete.phtml

    en index.phtml agregar el siguiente código

  • 8/18/2019 Configuracion Ejemplo Zend

    19/19

    EJECUTAR Y COMPROBAR LA ACCION

    4. 

    CONCLUCIONES

     

    Se realizó lo más claro posible la configuración del Zend Framework.

     

    Se logró terminar una aplicación simple utilizando Zend Framework. 

      La programación es ordenada y fácil de entender, ya que cuenta con clases que ya

    están definidas, por ejemplo la conexión a la base de datos.