martes, 24 de abril de 2012

Combo o Select en formulario Zend Dinamico

Al igual que en el anterior, deberemos copiar este código:

     $parametros= new Application_Model_Parametros();
     $valor = $parametros->TodoMochila();
    $this->addElement(
        'select','TipoObjeto',array(
            'label' => 'Tipo de Objeto',
            'value' => 'parametro',
            'multiOptions' => $valor
               
            )
    ); 
En el que  declaramos una variable llamada parametros, para inicializar un modelo que tenemos creado llamado paramatros, después declaramos otra variable llamada valor y la llenemos con los valores que nos devuelve un Action que tenemos dentro de parametros, llamado TodoMochila, añadimos el select como vimos en el punto anterior, y a los valores (multiOptions) le asignamos la variable Valor, con todos los datos de nuestro action.

Es muy importante que nuestro action solo nos devuelva 2 columnas, ya que el select no puede gestionar mas de 2 columnas y nos devolvería un error, o no se mostraría el formulario directamente.

Combo o Select en formulario Zend

Para poder sacar un Select estático en un formulario Zend deberemos añadir el siguiente codigo:

    $this->addElement(
        'select','TipoObjeto',array(
            'label' => 'Tipo de Objeto',
            'multiOptions' => array(
                '1'=>'Opcion1',
                '2'=>'Opcion2')
            )
    ); 

en donde le decimos que nos añada un nuevo elemento, que es del tipo Select, con el nombre TipoObjejo, le añadimos un label con el mismo nombre, y le damos las opciones en un array.

viernes, 20 de abril de 2012

Zend - Paginar resultados

Según vallamos insertando datos llegara un momento en que tengamos demasiados, como para poderlos mostrar de una vez, y si lo hacemos sobrecargaríamos demasiado la pagina, Zend también ha pensado en ello, y nos pone a nuestra disposición su Paginator
Podemos ver todas las Herramientas que tiene Zend en:
http://framework.zend.com/manual/en/
Concretamente vamos a hablar del paginador, así que iremos a:
http://framework.zend.com/manual/en/zend.paginator.usage.html

lunes, 16 de abril de 2012

Borrar y editar

Ya sabemos ver e insertar los datos, ahora nos queda borrar y editar, para ello seria buena idea en nuestra vista de mostrartodo agregar 2 "botones" uno por cada acción
por lo que deberemos abrir: application/views/scripts/tabla prueba y allí el archivo mostrartodos.phtml
en el que deberemos incluir el siguiente código justo debajo de <td>Comentario</td>:

            <td></td>
            <td></td>
simplemente son 2 celdas mas  para que no se nos desmonte el diseño.
y debajo de :

                echo "<td>";
                echo $datos->Comentario;
                echo "</td>";
esto otro:
echo '<td><a href="http://localhost/ZendPrueba/public/tablaprueba/editar/Id/'. $datos->Id .'">Editar</a></td>';
echo '<td><a href="http://localhost/ZendPrueba/public/tablaprueba/borrar/Id/'. $datos->Id .'" >Borrar</a></td>';
como veis son 2 enlaces a las nuevas vistas que crearemos mas adelante y le pasamos el id con el que queremos trabajar vía post.
Lo siguiente que debemos hacer es crear las acciones de editar y borrar, vamos a empezar con editar, para ello deberemos ir a nuestro controlador, que estaba en: application/controlers; y se llamaba TablaPruebaController.php
y copiaremos el siguiente código:

        public function editarAction()
    {
        if (!$this->_hasParam('Id')){
            return $this->_redirect('http://localhost/ZendPrueba/public/tablaprueba/mostrartodo');
        }

        $form = new Application_Form_TablaPrueba();
        $datos =new Application_Model_PruebaZF();
       
        if ($this->getRequest()->isPost()){
            if ($form->isValid($this->_getAllParams())){
                $model =new Application_Model_PruebaZF();
                $model->Guardar($form->getValues());
                return $this->_redirect('http://localhost/ZendPrueba/public/tablaprueba/mostrartodo');
            }
        }else{
            $Fila = $datos->DameFila($this->_getParam('Id'));
            if ($Fila){
                $form->populate($Fila->toArray());  

            }
           
        }
        $this->view->form = $form;
    }

Es muy similar al de Insertar, de hecho es el mismo con algunas mejoras, marcadas en negrita, que paso a explicar:
Lo primero que nos encontramos es un condicional, en el que preguntamos si nos viene el parámetro Id, en caso de que no nos venga, le mandamos a mostrartodo.
Un poco mas abajo instanciamos nuestro modelo, que recordemos es el que trabaja con los datos.
Para finalizar si el formulario no nos manda datos los obtenemos nosotros, para asi poder rellenar el formulario con los datos del Id que hemos solicitado, guardando los datos en la variable $Fila, que los obtiene por la función DameFila (la cual todavía no existe ahora la creamos); comprobamos que Fila tenga datos, y se los damos al formulario con la función populate

El siguiente paso es crear la función DameFila en nuestro modelo, para ello iremos a: application/models; y abriremos el único que tenemos (PruebaZF.php) y copiaremos el siguiente código:

    public function DameFila ($Id)
    {
        $Id = (int)$Id;
        $Fila = $this->find($Id)->current();
        return $Fila;
    }
En el que creamos la funcion DameFila, y le pasamos como parametro el Id.
En la priemra linea de la funcion obligamos a que el Id sea un numero, asi nos aseguramos de no hacer peticiones extrañas a la base de datos, ya que nuestro Id siempre sera un numero.
En la siguietne guardamos la Fila entera en nuestra variable
Y para finalizar devolvemos la variable, que es lo que le va a llegar al Controlador

Hecho esto nos quedaris hacer la vista, para ello haremos click derecho sobre application/views/scripts/tablaprueba/insertar.phtml y le daremos a copiar, para despues copiar en la carpeta TablaPrueba poniendole el nombre de editar.phtml
Con esto ya podemos ver nuestros datos para despues editarlos, pero aun no lo podemos guardar, para poder guardarlos iremos a nuestro modelo, y editaremos la función de guardar, para dejarla asi:

    public function Guardar($datos , $Id =null)
    {
        if (is_null($Id)){
            $row =$this->createRow();
        }else{
            $row = $this->DameFila($Id);
        }

       
        $row->setFromArray($datos);
        return $row->save();
    }
Como antes marco en negrita los cambios; estamos pidiendo una variable mas "Id" la cual no tiene por que pasarse siempre, y si no se pasa, sera nula; si es nula, creamos la fila, tal y como hacíamos antes, si no es nula, llamamos a nuestra función DameFila, para así obtenerla, y después guardar con los nuevos datos.
Como en el Controlador, no le dábamos el Id al modelo debemos pegar el siguiente código:
$model->Guardar($form->getValues(),$this->_getParam('Id'));
Sustituyendo:
$model->Guardar($form->getValues());
Ya podemos probar a editar los valores que tengamos insertados
Para finalizar este post nos queda comentar como Borrar los registros, para ello iremos a nuestro controlador, y pegaremos este código:

        public function borrarAction()
    {
        if  (!$this->_hasParam('Id')){
            return $this->_redirect('http://localhost/ZendPrueba/public/tablaprueba/mostrartodo');
        }
       
        $Datos =new Application_Model_PruebaZF();
        $Fila = $Datos->DameFila($this->_getParam('Id'));
       
        if($Fila){
            $Fila->delete();
           
        }
        return $this->_redirect('http://localhost/ZendPrueba/public/tablaprueba/mostrartodo');
    }

 En el que miramos si nos viene el parámetro Id, y si no, lo redirigimos a mostrartodo, después instanciamos el modelo, para pedirle los datos mediante la función DameFila; si Fila tiene existe, la borramos, y terminamos redirigiendo a mostrartodo

sábado, 14 de abril de 2012

Formularios e insertar datos

En el anterior post ya vimos como mostrar los datos, aunque desgraciadamente no teníamos nada guardado en nuestra base de datos, ahora vamos a crear un formulario para agregarlos y poderlos ver en la vista que ya hicimos.
Normalmente en la misma pagina que se ven los datos hay un botón de añadir, o editar, y puede que ambos, de momento vamos a poner solo un enlace que nos lleve a nuestra función de insertar, para ello, copiaremos el siguiente código justo al donde termina la tabla, en nuestra pagina de mostrartodo.phtml quedando algo así:

</table>
<a href="http://localhost/ZendPrueba/public/tablaprueba/insertar">insertar</a>

Si le hacemos click nos llevara hasta nuestra vista de insertar, aunque todavia no la hemos creado, por lo que debe dar error, vamos a ello, pero antes, debemos crear el formulario que nos va a permitir ingresar los datos

Modelos y ver datos dinamicos

Por fin vamos a empezar con las paginas dinamicas, para ello usaremos la base de datos que hemos creado hace un momento.

Lo primero que necesitamos es habilitar en la configuración el uso de datos, para ello en application.ini (ya sabemos dnd esta) y escribiremos lo siguiente, en la etiqueta de Production

resources.db.adapter = 'PDO_Mysql'
resources.db.params.host = 'localhost'
resources.db.params.username = 'Rogama'
resources.db.params.password = '1234'
resources.db.params.dbname = 'rogama_pruebazf'

  1. La primera linea nos dice que tipo de base de datos estamos usando, si no es MySql deberemos cambiarlo por la correspondiente

jueves, 12 de abril de 2012

Crear BBDD My Sql

Aunque lo explico por encima en otro post no tengo ninguno dedicado a ello exclusivamente, así que aquí va
pasos atrás ya instalamos MySql y PhpMyadmin, cuando instalamos nuestro Servidor con Xampp .
Ahora abriremos el panel de control de Xampp, y le daremos al botón de admin dentro de MySql


Se nos abrirá la pagina del PhpMyAdmin y deberemos darle al botón de bases de datos que tenemos en la parte superior a la izquierda.


Allí veremos todas las BBDD que tengamos creadas, pero tan solo nos interesa la parte superior para crearlas.


Nosotros añadiremos como nombre Rogama_pruebaZF Con esto estamos haciendo que la nueva BBDD pertenezca al usuario Rogama, que ya tenemos creado en nuestra BBDD con un usuario y una contraseña, podéis crear vuestros usuarios y darle distintos permisos, y contraseñas desde la pestaña de Privilegios si no queréis crear la BBDD para un usuario en concreto pon simplemente pruebaZF  El usuario sera root, el cual tiene permisos totales a todas las bases de datos (como supondrás esto es muy peligroso) 
Cuando ya hallamos decidido con que usuario crear nuestra base de datos, le daremos al Botón Crear, y listo, ya tenemos nuestra BBDD creada, ahora tan solo nos queda crear sus tablas, para el ejemplo vamos a usar solo una.

Para abrir la BBDD deberemos pinchar encima de su nombre, en cualquiera de los listados de bases de datos.
Cuando la hallamos abierto tendremos visiblemente todas nuestras tablas (ahora esta vació) y lo que vemos en la imagen de debajo.


Alli Escribiremos el nombre de la Tabla, y pondremos el numero de campos que tendrá, para el ejemplo con 3 nos vale; así que el nombre sera TablaPrueba y el numero de columnas un 3, y le daremos al botón de continuar.
Se nos abrirá una ventana en la que deberemos rellenar los nombres de los campos, definir la clave principal (Primary Key) y el tipo de campos junto a su longitud.


  • En la primera columna definiremos el Id, su nombre sera "Id", es de tipo Int, en el indice seleccionaremos Prymary, y marcaremos la casilla autoincrement. Con esto logramos que el Id no se repita y que automáticamente valla creciendo con cada insercion a esta tabla.
  • En la segunda columna definiremos el titulo, su nombre sera Titulo, de tipo Varchar con una longitud de 100 caracteres.
  • En la tercera definiremos un comentario, con el nombre de Comentario, tipo Varchar, y longitud de 500 caracteres.


Una vez definido esto iremos a la parte inferior de la pagina y le daremos a Guardar si le damos a continuar, nos creara otra columna, o el numero de columnas que definamos en el campo de al lado.


Con esto ya tenemos nuestra TablaPrueba creada, en el siguiente post, veremos como meter datos con el framework de zend para php

Paso de Variables

Vamos a seguir con el contenido estático.
Esta vez conoceremos como dar distintos valores a cada una de nuestras paginas, con el modelo de trabajo del MVC o de tres capas.

Lo primero que deberemos hacer es habilitar las vistas, para ello iremos a nuestro proyecto y allí abriremos application.ini, que recordamos estaba en: application/configs

Allí introduciremos el siguiente código:

resources.view[]=

dentro de la etiqueta de Production, que recordemos es heredada por todas las demás.
Una vez habilitadas las vistas, iremos al controlador que hemos creado (MiprimerzendController.php) que recordamos esta en: application/Controller

Allí sustituiremos las Acciones que habíamos creado, o mejor dicho su contenido por:

    public function miprimerzendAction()
    {
        $this->view->Titulo = "Esta es mi Primera Pagina con Zend";
        $this->view->Comentario = "Estoy comentando mi Primera Pagina con Zend";
    }
   
    public function miprimeractionAction()
    {
        $this->view->Titulo = "Este es mi Primer Action con Zend";
        $this->view->Comentario = "Estoy comentando Primer Action con Zend";
    }
como podemos ver nos llamamos a nosotros mismos con $this, después a la vista con view, y le damos el nombre de la variable Titulo y Comentario, a lo que le damos un valor (String) mediante el símbolo de "=" igual, terminando en ";"

Ahora iremos a Nuestra plantilla (layouts), y sustituiremos su titulo por este:

        <title>
            <?php
                echo $this->Titulo;
            ?>
        </title>
Lo que hacemos es abrir una etiqueta de php, para poder usar la programación <?php, con su cierre al final ?>; después con el echo imprimimos el Titulo, al llamarlo con el $this->Titulo, al estar en la pagina no es necesario llamar a la vista, así que nos recupera el titulo de la pagina en la que estemos.




Ahora es el momento de ir a nuestras vistas, recordemos que tenemos una para cada pagina, y cada vista esta dentro de una carpeta con el nombre del controlador, así que iremos a: application/views/scripts/miprimerzend

en cada una de las vistas teclearemos el siguiente código

echo $this->Comentario;
Esto no debe tener ningún misterio para nosotros, ya que es el mismo del titulo que acabamos de hacer, pero en lugar de llamar a titulo llamamos a Comentario (recordar que php es sensible a mayúsculas y minúsculas, por lo que no es lo mismo Comentario que comentario)
Si abrimos nuestra web, veremos algo parecido a esto:


Con lo que ya sabemos pasar variables desde el controlador a la vista, sea mediante la plantilla (si queremos que salga siempre esa variable en todas las paginas), o mediante las vistas (para cada pagina en concreto).

sábado, 7 de abril de 2012

Primera aplicacion Zend

Si hemos llegado hasta aqui, ya tenemos creado nuestro primer proyecto con Zend.
En este caso vamos a crear una nueva pagina en nuestro proyecto, para ello deberemos hacer click derecho sobre Public, darle a New, y alli a Php File. Como vemos en la imagen de abajo.


Se nos abrira un formulario que nos pedira el nombre de la pagina que queremos crear, yo le he puesto MiPrimerZend, puedes ponerle lo que quieras


Despues de esto le daremos a Finish y listo, ya tenemos creada la pagina, en la que voy a pegar este contenido:

<?php
    echo "Mi primer proyecto con Zend";
?>

Como veis es un codigo simple en php, no tiene secreto alguno, ahora si vamos a nuestro navegador, y ponemos esta URL: http://localhost/ZendPrueba/public/miprimerzend.php podremos ver lo siguiente: 

Recuerda pinchar para aumentar
Esto lo podemos hacer tambien pero agregando una pagina html normal, aunque este modo de agregar paginas hay que hacerlo nada mas que para el contenido estatico.
Ahora que ya hemos visto esto, podemos borrar el archivo creado, ya que no lo vamos a volver a usar, y solo ocupa espacio.

Vamos a empezar a usar y explicar que son y para que sirven los controladores de modo practico (la teoría ya la vimos en el anterior post)

Empecemos explicando y trabajando sobre IndexController.php; tiene este código:

<?php

class IndexController extends Zend_Controller_Action
{

    public function init()
    {
        /* Initialize action controller here */
    }

    public function indexAction()
    {
        // action body
    }


}

Si ya hemos trabajado con Php nos llamara la atencion de que tenemos la llave de apertura <?php, pero no la de cierre ?>, al trabajar con este Framework es así, para evitar olvidos junto al código html.
En la siguiente linea, podemos comprobar que este archivo (IndexController.php) no es mas que una clase que extiende a  Zend_Controller_Action.

Justo debajo tenemos una función llamada init, esta función se ejecutara siempre que llamemos a este controlador
Finalizando tenemos otra función indexAction como podemos ver con este mismo ejemplo los métodos o funciones empezaran siempre con letra y en minúscula, seguidos de Action con la inicial en mayúscula, podemos tener tantos métodos como queramos, los Action son con los que podemos interactuar, para verlo vamos a crear un par de métodos, copiar esto a continuación del indexAction

    public function miprimerzendAction()
    {
        echo "Esta es mi Primera Pagina con Zend";
        exit;
    }
    
    public function miprimeractionAction()
    {
        echo "Este es mi Primer Action con Zend";
        exit;
    }

si después de hacer esto guardamos y ejecutamos, podremos poner estas Url en nuestro navegador:
aquí tenemos el ejemplo claro de lo que hemos explicado en el post anterior, para acceder a lo que hemos programado en un controlador debemos escribir el nombre del servidor, en este caso seria nuestra ruta local: http://localhost/ZendPrueba/public/ seguido del nombre del controlador /index/ finalizando en el nombre del metodo /miprimerzend

Veremos que se nos imprime el mensaje que hemos escrito en el método, en cambio en el index, se nos muestra la ventana de zend, aunque el método no tiene nada programado, esto es debido a la programación que tiene en la vista, mas adelante explicamos las vistas, ahora, que ocurre si intentamos llamar a un método que no tenemos programado?
Por ejemplo

Nos dará según como lo tengamos configurado un error descriptivo explicándonos que no encuentra la pagina por que el action no existe, o simplemente el típico Page not Found




Podríamos crear nuevos controladores para ello simplemente deberíamos agregar como ya hemos visto un nuevo archivo php y su código no tiene mas que ser una clase que extienda a Zend_Controller_Action
ejemplos serian:
class SaludosController extends Zend_Controller_Action
class MiprimerzendController extends Zend_Controller_Action
class HolaMundoController extends Zend_Controller_Action

Como dijimos en el anterior post cada controlador esta asociado a una vista, si creamos alguno de los anteriores deberemos crear también una vista, o trampearlo para que nos muestre una pagina en blanco con la programación que le hallamos dado, esta "trampa" es lo que hemos hecho antes, en por ejemplo:

    public function miprimerzendAction()
    {
        echo "Esta es mi Primera Pagina con Zend";
        exit;
    }


Como podéis ver hay un exit; al final esto se utiliza para que no busque la vista, en este caso simplemente estoy imprimiendo el mensaje anterior, si quitamos el exit y no tenemos la vista creada nos dará un error diciendo claramente que no encuentra la vista.

Para crear una vista debemos ir al directorio views y allí a scripts allí dentro debemos crear una carpeta con el mismo nombre del controlador, en minúsculas, para los ejemplo de  los controladores que he puesto antes las carpetas serian
saludos
miprimerzend
holamundo
dentro deberemos crear un archivo por cada acción, el archivo es un documento Php (como los creados hasta ahora) pero con la extension phtml; si tuviéramos el controlador  MiprimerzendController  y fuera algo así:


<?php

class  MiprimerzendController   extends Zend_Controller_Action
{

    public function miprimerzendAction()
    {
        echo "Esta es mi Primera Pagina con Zend";
    }
    
    public function miprimeractionAction()
    {
        echo "Este es mi Primer Action con Zend";
    }
}


deberíamos crear una carpeta llamada miprimerzend y allí 2 archivos llamados miprimerzend.phtml y miprimeraction.phtml

Esto es algo sencillo, pero como podemos ver es fácil equivocarse, o que se nos olvide algo, por eso tenemos las facilidades del NetBeans, si hemos configurado las teclas rápidas como ya explicamos en otro post deberemos presionar ctrl+Shift+Z, se nos abrirá una ventana como esta:


Deberemos poner el nombre del controlador que vamos a crear, y por supuesto de la lista de todo lo que nos puede hacer automático el NetBeans con Zend (Gracias al archivo bat que seleccionamos en los primeros post) seleccionaremos crear controlador, y le daremos al botón de Run, así nos creara el controlador, junto a su carpeta correspondiente y la vista

una vez creada nos vendrá bien crear los phtml para los métodos, ademas de pegar los métodos en nuestro controlador

una vez creados los phtml copiaremos este código en su interior:

<?php
echo "Hola aqui tambien"
?>
ahora nos vendría genial hacer el esqueleto de nuestra web, el esqueleto, viene siendo aquello que tiene toda web, que no cambia nunca, es decir, el encabezado, el menú, el pie.... Para ello tenemos los layouts o diseños en castellano, para ello primero deberemos habilitar los diseños, esto es muy sencillo, tan solo deberemos hacer ctrl+Shif+Z o la combinación que tengamos configurada nosotros, para que se nos abra el menú de acciones posibles con Zend allí veremos Enable layouts, simplemente clicamos sobre ella, y le damos a run
El solo trabajara, nos lo habilitara, y ademas nos creara una serie nueva de archivos:


Como vemos tenemos la carpeta Layouts, en su interior otra con el nombre de scripts, y finalizamos con un archivo llamado layouts.phtml
este archivo contiene :
<?php echo $this->layout()->content; ?>
en el lugar en donde coloquemos esto se mostrara la vista a la que intentemos acceder, voy a darle un poco de diseño a esta web.

<!doctype html>

<html lang="es">
    <head>
        <title>Mi Primera web con Zend</title>
        <meta charset="utf-8">
    </head>
 
    <body>
        <header>
            <hgroup>
                <h1>Mi Primera web con Zend</h1>
            </hgroup>
        </header>
     
        <div id="Menu">
            <ul>
                <li><a href="http://localhost/ZendPrueba/public/">Inicio</a></li>
                <li><a href="http://localhost/ZendPrueba/public/Miprimerzend/miprimerzend">Mi Primer Zend</a></li>
                <li><a href="http://localhost/ZendPrueba/public/Miprimerzend/miprimeraction">Mi Primer Action</a></li>
            </ul>
        </div>
        <section>
            <?php echo $this->layout()->content; ?>
        </section>
        <footer>
            <h3>by Rog@ma</h3>
        </footer>
    </body>
 
 
</html>

Así le daríamos la estructura de Html necesaria, un menú sencillo, y un encabezado y pie sencillos
La ruta en el menú debería ser al estilo de /miprimerzend/miprimeraction, pero para que funcione deberíamos hacer unos cambios en nuestro servidor local, que mas adelante explicaremos

viernes, 6 de abril de 2012

Aprovechar al máximo NetBeans

Antes de empezar nuestra primera aplicacion en ZF nos conviene Hacer una configuracion supersencilla en el NetBeans que nos va a facilitar muchisimo el trabajo.


  1. Como es logico abrir el NetBeans
  2. Iremos al menu Tools
  3. Abriremos Options (Imagen 1.1)
  4. Iremos hasta keymap
  5. En el campo de búsqueda, le escribiremos Zend
  6. Le daremos al botón de los 3 puntitos en el apartado de acceso directo (Imagen 1.2)
  7. Presionaremos las teclas que querramos usar para abrir las opciones de Zend, en el ejemplo he usado Ctrl+Shift+Z (Imagen 1.3) y presionaremos Enter para que quede guardado.
  8. Le daremos al botón de Ok en la parte inferior para cerrar y listo

Imagen 1.1

Imagen 1.2

Imagen 1.3


En el siguiente Post veremos una gran utilidad