No hay productos en el carrito.
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!
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.
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.
También podemos utilizar la función include para incluir archivos en nuestras vistas.
Si tenemos la necesidad de hacer algún tipo de comprobación podemos utilizar la sentencia if, else o elseif.
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.
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.
Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más
Quiero hacerme Premium