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…

Parlem de Bloc i País?

Comence una nova etapa en el tema polític, de fet ja fa temps que la vaig començar, però ara ho fet involucrant-me activament als assumptes interns del meu partit. Em defineix a mi mateix com una persona activa (de vegades inclús hiperactiva), amb inquietuds i preocupacions, en definitiva, em mou les ganes de ser útil a la meua gent i l’estima pel meu país. Aquestes voluntats però, no les he vistes, o almenys, ja no les veig tan a sovint en el tarannà del meu partit. No negaré que, potser, tinc desavinences en l’actual línia de la direcció (allò que s’ha anomenat com el “aparato”), però la casuística dels últims viratges polítics no han deixat lloc a altra possibilitat. No vaig a repetir totes les actuacions que adés i ara van demostrar que els abanderats de la nova política no es comportaren com a tal. Tots sabem quines són. Però d'una si que en parlaré, una que per a mi fou bastant reiterativa i té molta relació en un dels principis de Goebbels, que és el de fer creure que la di…

Què poden(m) fer els polítics nacionalistes valencians?

Davant del procés que s'ha encetat a Catalunya, el primer que m'agradaria és mostrar el meu suport. Pot ser s'hagen fet errors, com en tot en esta vida. Ara bé, votar no pot ser mai antidemocràtic, i per tant el seu destí els decidiran ells. 
Alguns hem observat, sempre amb il·lusió, que pot ser després d'ells anem nosaltres, els valencians. Però la realitat és tossuda. Mai hem tingut un sentiment nacionalista similar als catalans. I, possiblement, mentre no fem alguna cosa per canviar-ho, no el tindrem. Per exemple, podem veure l'evolució  segons el CIS del sentiment nacionalista/independentista valencià i català:

Durant els primers anys (94 i 97) es codificava del 0 al 10, però al 2005, preguntaren allò de "sólo español" (que ho he codificat com un 2), "más español que (gentilicio)" (que será un 4),  "igual español que (gentilicio)" (que serà un 6),  "más (gentilicio) que español" (que serà un 8) i "sólamente (gentilicio…