🎨 Vistas con Blade en Laravel

🎨 Vistas con Blade en Laravel

En Laravel, las vistas son los archivos que se encargan de mostrar la información al usuario. Estas vistas se crean usando el poderoso motor de plantillas Blade, que permite escribir HTML combinado con código PHP de forma simple, limpia y organizada.

Blade ofrece herramientas como directivas (@if, @foreach, @extends), variables, herencia de plantillas y mucho más.

📁 1️⃣ Ubicación de las vistas

Las vistas de Laravel se guardan en la carpeta:

resources/views/

Por ejemplo, si creas un archivo llamado inicio.blade.php, su ruta completa sería:

resources/views/inicio.blade.php

🧱 2️⃣ Crear una vista básica

Vamos a crear una vista sencilla llamada inicio.blade.php:

Ejemplo de vista simple

    
    


    
Bienvenido a Laravel
    
Esta es tu primera vista creada con Blade.


                    

⚙️ 3️⃣ Enviar datos del controlador a la vista

Podemos pasar datos desde un controlador a una vista usando el método view() con un arreglo asociativo:

// app/Http/Controllers/PaginaController.php

public function inicio() {
    $curso = "Laravel 11 paso a paso";
    $autor = "Jorge Ferreira";
    return view('inicio', ['curso' => $curso, 'autor' => $autor]);
}
            

En la vista inicio.blade.php podemos acceder a esas variables fácilmente:

{{ $curso }}
Autor: {{ $autor }}
            

🧩 4️⃣ Herencia de plantillas en Blade

Blade permite definir una plantilla base para que todas las vistas compartan la misma estructura.

Por ejemplo, puedes crear un archivo resources/views/layouts/plantilla.blade.php:

    
    


    

        
Mi Aplicación Laravel
        

    

    

        @yield('contenido')
    

    

        

        
© 2025 - Todos los derechos reservados
    


            

Luego, en la vista inicio.blade.php puedes extender esa plantilla:

@extends('layouts.plantilla')

@section('titulo', 'Inicio')

@section('contenido')
    
Bienvenido al curso de Laravel
    
Este contenido proviene de la vista que extiende la plantilla base.
@endsection
            

🔄 5️⃣ Estructuras de control en Blade

Blade también permite usar condicionales y bucles de forma sencilla:

@foreach($cursos as $curso)
    
{{ $curso }}
@endforeach

@if(count($cursos) == 0)
    
No hay cursos disponibles.
@endif

            

✅ Conclusión

El motor Blade es una de las características más poderosas de Laravel. Permite construir vistas dinámicas, limpias y reutilizables con una sintaxis simple y elegante.

• 📂 Las vistas se guardan en resources/views/
• 🎨 Blade usa la extensión .blade.php
• 🧱 Puedes usar herencia de plantillas con @extends y @yield
• 🔁 Admite bucles, condicionales y componentes reutilizables

En la próxima lección veremos cómo enviar y recibir datos en vistas Blade, lo que te permitirá crear formularios y manejar la información del usuario.

Ir al índice