Ves al contingut principal

Utilitzar un gestor de plantilles en php: Twig

Tenia un parell de projectes a la vista, un personal i un altre per a una empresa en php, ambdós fallats ;) vaig començar a fer-los, i vaig pensar en utilitzar una cosa que tenia pendent: un gestor de plantilles en php. Em vaig decidir a utitzar Twig (no per res, però li tenia mania a smarty per què és el que gasta Vicent-Santi-programadorphp.es).

Em va sorprendre com n'era de fàcil d'utilitzar, per a realitzar una aplicació normal he utilitzat 3 "capes":

  • Scripts d'accés a la base de dades mysql en php, cada petició tornarà el resultat en JSON
  • Scripts php que faran el processaran la plantilla
  • La plantilla on es poden mesclar diferents llenguatges: Html,css, javascript i "Twig". Per al disseny he gastat bootstrap i com a framework javascript: jquery.


Per a instal·lar el Twig només farà falta baixar-lo en una carpeta i enllaçar-lo a la nostra aplicació. Anem a fer per exemple la pantalla de login:

<?php
require_once 'Twig/Autoloader.php';
Twig_Autoloader::register();
$loader = new Twig_Loader_Filesystem('templates');
$twig = new Twig_Environment($loader, array(
'cache' => 'cache',
));
$template = $twig->loadTemplate('index.html');
echo $template->render(array("user"=>"usuari"));
?>

Bàsicament es dedica a  a crear l'objecte Twig, després agarrarà de la carpeta templates ( Twig_Loader_Filesystem('templates') ) , l'arxiu index.html, guardarà els resultat ja processat en la carpeta cache i després el renderitza. el renderitzat consisteix en substituïr l'array passat en render() per unes variables del llenguatge Twig en la plantilla. En aquest cas, es crearà una variable "user" amb el valor "usuari".
Anem a veure com seria la plantilla: (anem a deixar de banda el javascript/css):
<body>        
        <form name="formulari" class="form-horizontal" role="form">

            <div style="display: block; margin-left: auto; margin-right: auto;">
                <div class="form-group">
                    <label for="login" class="control-label col-xs-3">Login</label>
                    <div class="col-xs-4">
                        <input type="text" class="form-control col-xs-4 col-md-4 col-sm-4" id="login" placeholder="{{user}}" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="pass" class="control-label col-xs-3">Password</label>
                    <div class="col-xs-4">
                        <input type="password" class="form-control" id="password" placeholder="password" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-offset-3 col-xs-6">
                        <button type="button" class="btn btn-default bg-danger" id="botoSubmit">Entrar</button>
                    </div>
                </div>
                <p class="bg-danger col-xs-4 col-xs-offset-3" id="missatgeerror"></p>
    </div>
        </form>
    </body>
Vegem de roig la variable user entre  {{}}. Això substituïrà {{user}} i mostrarà el seu valor "usuari":






En la propera entrega veurem el codi jquery/bootstrap i les crides en ajax als scripts php ;)

Comentaris

Entrades populars d'aquest blog

Hui he vist la por als ulls

Estic trist ,molt trist.Vinc de la manifestació del 9 d'octubre i, puc dir que he vist moltes coses, però el que no he vist és democràcia.
He vist moltes banderes d'Espanya i blaveres dels increpadors, però no he vist democràcia. Les seues paraules eren "ven aquí fuera", "te voy a meter esa bandera por el coño", etc.He vist com manifestants fàcilment identificables entraven a provocar i la Policia Nacional no feia res per evitar-ho, però no he vist democràcia. He vist com un pare utilitzava al seu fill per provocar, i amb actitud agresiva (inclús anava a pegar-li manotada a un), però no he vist democràcia.He vist com es permetia una manifestació no autoritzada que podia alterar l'ordre públic. Segons la sacrosanta Constitució Espanyola, això és il·legal, però no he vist democràcia.He vist com la Policia Nacional tractava respectuosament, i inclús es coordinava amb els feixites. A nosaltres ens miraven amb cara de fàstic, però no he vist democràcia.He vi…

Comparativa dels Sistemes Polítics Espanyol, Valencià i d'un partit polític. (II)

El Poder Executiu En l’Estat Espanyol, el poder executiu real bé donat pel President del Govern. Aquest triarà els Vicepresidents, Ministres, etc (directa o indirectament, alguns alts càrrecs els triaran els corresponent Ministres). No hi ha cap limitació al respecte la persona elegida (no ha de ser diputada, ni cap límit de formació, etc.).
Al País Valencià, l’òrgan executiu és el Consell, i, existeix, de manera anàloga, el president del Consell (què és, també, el president del Generalitat, el és conjunt d’institucions d’autogovern). S’elegix de manera anàloga al President del Govern espanyol, però amb la diferència que ha d’ésser elegit entre els diputats de les Corts Valencianes. Aquest procedirà, igual que al govern espanyol, a nomenar el seu gabinet.
Al Bloc Nacionalista Valencià, el poder executiu rau en l’Executiva Nacional. Aquesta, de manera tradicional, és triada al Congrés Nacional des d’un sistema de llista tancada majoritari. Encara que tradicionalment sol haver-hi només…

Comparativa dels Sistemes Polítics Espanyol, Valencià i d'un partit polític. (I)

Introducció Els partits polítics, intenten ser al seu funcionament un reflex del que volen per a la societat. És a dir, mantenen unes estructures de govern similars a les de la societat, establint certs paral·lelismes (llevat certes limitacions, clar).  En el present article, m’agradaria comparar el funcionament del partit a que pertany (el Bloc Nacionalista Valencià) amb el govern nacional valencià i l’estatal de Madrid.
Carta Magna En l’estat la carta magna és la Constitució Espanyola, va ser aprovada en 1978. Per a ser modificada, segons els articles calen majories reforçades (⅗ o ⅔), i un referèndum posterior. No hi ha revisió periòdica, si no ha de ser a iniciativa dels partits de Las Cortes. No és possible via Iniciativa Popular.  Ho podem trobar al Títol X. És la màxima llei legislativa. Per a l’autogovern valencià, la Carta Magna és l’Estatut d’Autonomia. Té rang de Llei Orgànica, per tant,està només un esglaó per davall de la Constitució Espanyola. Es podrà impulsar des de…