Laravel 6.*

En esta lección continuaremos aprendiendo sobre Blade, el motor de plantillas de Laravel, para ello vamos a pasar algunas notas desde nuestra ruta hacia la vista y a iterarlas usando este motor de plantillas.

Esta lección incluye un video premium

Regístrate para ver este video y cientos de lecciones exclusivas.

Mira el código en GitHub: actual, resultado, comparación.

A continuación, vamos a hacer nuestro listado de notas dinámico pasando algunas notas ficticias a la vista:

Y luego mostrándolas en la plantilla notes.blade.php:

Puedes ver que estoy utilizando la sintaxis de Blade, el motor de plantillas de Laravel.

La directiva @foreach reemplaza a <?php foreach(...) ?> y las interpolaciones con llaves reemplazan a <?php echo e($var) ?>

Cuando usamos Blade, Laravel se encarga de «compilar» este HTML con sintaxis de Blade a HTML mezclado con PHP y almacena el resultado en storage/framework/views, por lo que no perdemos rendimiento al trabajar con Blade.

Blade nos protege de ataques de tipo XSS al «compilar» nuestras interpolaciones a <?php echo e($var) ?>, puesto que la función helper e de Laravel escapa los caracteres con htmlspecialchars.

Blade nos permite usar directivas que no existen en el lenguaje PHP, como por ejemplo @forelse para mostrar un mensaje si el listado de notas está vacío:

Si en routes/web.php pasas un arreglo vacío a la vista de notas, verás este último mensaje.

Por supuesto lo anterior lo habríamos podido lograr usando la directiva @if con @foreach y también podríamos no usar Blade sino PHP plano (para ello debes renombrar las extensiones de tus vistas de .blade.php a solo .php), pero trabajar con Blade es muy conveniente y nos permite escribir plantillas más limpias.

Puedes aprender más sobre Blade revisando la documentación en español.

En las lecciones siguientes continuaremos haciendo nuestras vistas más dinámicas, agregando los enlaces y mucho más.

Material Relacionado

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Regístrate hoy en Styde y obtén acceso a todo nuestro contenido.

Lección anterior Copiar plantillas de HTML y CSS estáticas a Laravel 6 Lección siguiente Layouts con Laravel 6 y Blade