Laravel 5: Mostrar HTML con Blade - Html

En este tutorial vamos a aprender cómo mostrar HTML utilizando Blade y Html en Laravel 5.

Introducción

Blade es el sistema de plantillas que se utiliza en Laravel y permite crear vistas reutilizables con un código limpio y fácil de mantener. Html, por otro lado, es una clase que viene con Laravel que tiene una serie de métodos que nos permiten generar elementos HTML dinámicamente.

La combinación de ambos nos permitirá crear vistas HTML dinámicas y fáciles de mantener en nuestro proyecto Laravel.

Uso de Blade

Para utilizar Blade, primero necesitamos crear una vista con la extensión .blade.php. En esta vista podemos utilizar las directivas de Blade para incluir otros archivos, definir bloques de contenido, iterar sobre colecciones, etc.

Por ejemplo, para crear una vista que muestre el nombre de un usuario, podemos crear un archivo user.blade.php con el siguiente contenido:

<h1>{{ $user->name }}</h1>

Aquí utilizamos la sintaxis de dobles llaves ({{ }}) para imprimir el valor de la propiedad name del objeto $user.

Uso de Html

Para utilizar Html, primero necesitamos importar la clase en nuestro controlador o vista:

use Illuminate\Html\HtmlFacade as HTML;

Ahora podemos utilizar los métodos de la clase HTML para generar elementos HTML dinámicamente. Por ejemplo, para generar un enlace a la vista del usuario que acabamos de crear, podemos utilizar el método link:

echo HTML::link('/users/' . $user->id, 'Ver perfil');

Esto generará un enlace con la URL /users/1 y el texto Ver perfil.

Uso conjunto de Blade y Html

Para utilizar ambos juntos, podemos simplemente utilizar la sintaxis de Blade para generar la URL de forma dinámica y luego utilizar esa URL en un enlace generado por Html.

Por ejemplo, podemos modificar nuestra vista user.blade.php para incluir un enlace al perfil del usuario:

<h1>{{ $user->name }}</h1>
{{ HTML::link('/users/' . $user->id, 'Ver perfil') }}

Ahora tenemos una vista con el nombre del usuario y un enlace a su perfil.

Conclusión

En este tutorial hemos aprendido cómo utilizar Blade y Html en conjunto para generar vistas HTML dinámicas en Laravel 5. Con estas herramientas podemos generar vistas limpias y fáciles de mantener en nuestro proyecto.