Motor de vistas Twig

Fecha de publicación: junio 2, 2020

Compártelo


Twig es un motor de vistas rápido, sencillo de utilizar y muy potente, permite herencia, definir bloques para poder sobrescribir su contenido cuando sean heredados y lo mejor, almacenar los archivos en caché para que sean servidos en las siguientes peticiones si necesidad de procesarlos.

Su sintaxis es muy sencilla, si has trabajado con algún motor de vistas seguro que te es muy familiar.

En esta entrada vamos a ver una introducción a Twig para que tengas un camino claro para poder utilizarlo en tus proyectos.

¡En el curso de PHP 7 lo utilizamos en un proyecto real!

Definir una master template

Crea un archivo llamado master.twig en el directorio app/views con el siguiente contenido.

Simple, definimos el bloque head, le podemos llamar cómo queramos, añadimos un contenido por defecto, título, la etiqueta meta charset y viewport, después crear el bloque content que será donde aparezca el contenido de nuestra app.

Utilizar una master template

Para poder utilizar nuestra template crea un archivo llamado child.twig con el siguiente y sencillo contenido.

Simplemente utilizamos la master y llenamos el bloque body con un string, pero podemos hacer más cosas, por ejemplo añadir más contenido al bloque head.

Con la función parent() le decimos que el contenido que existe en el archivo master.twig lo escriba en esa zona, de esa forma, podemos añadir nuevo contenido al bloque sin sobrescribirlo completamente.

Incluir archivos con Twig

También podemos utilizar la función include para incluir archivos en nuestras vistas.

La sentencia if

Si tenemos la necesidad de hacer algún tipo de comprobación podemos utilizar la sentencia if, else o elseif.

La sentencia for

Si tenemos datos que recorrer simplemente podemos utilizar la sentencia for, por ejemplo podemos tener la siguiente ruta.

Y para recorrer el array names podemos hacer lo siguiente.

De paso podemos ver cómo comprobar si el array está vacío.

Declarar variables

Para declarar variables podemos utilizar la sentencia set.

Te recomiendo que revises la documentación de Twig ya que es tremendamente útil y sencilla, aparte de muy buena.

¿Quieres acceder a más de 100 cursos de PHP y JavaScript?

Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login