PROGRAMACIÓN WEB III Univ.
Soto Cruz Kevin
------------------------------------------------------------------------------------------------------------------------------------------------
Gestión 1/2025 Carrera de Informática – FCPN
Auxiliatura de Docencia
Herencia de Vistas
¿Qué es Blade en Laravel?
Blade es el motor de plantillas de Laravel que permite construir las vistas de forma
estructurada, reutilizable y dinámica. A diferencia del HTML tradicional, Blade permite
insertar variables, estructuras de control y herencia de contenido directamente en las vistas,
usando una sintaxis clara como {{ }} y @.
¿Qué es @yield?
Es una directiva de Blade que se utiliza en la plantilla base (layout) para indicar un espacio
reservado donde otras vistas (llamadas “hijas”) podrán insertar contenido específico.
Es como decir: “Aquí va una pieza que se completará desde otra vista”
¿Dónde se usa @yield?
Se usa en el archivo de layout principal, normalmente llamado layout.blade.php o algo
similar, nosotros seguiremos la sintaxis del docente y la llamaremos base.blade.php
Puede colocarse en cualquier parte del HTML, por ejemplo:
<title> @yield('titulo') </title>
<main>
@yield('contenido')
</main>
Esto le indica a Laravel que el contenido para esas secciones será definido por otras vistas.
¿Cómo se rellena un @yield?
Se utiliza @section en las vistas hijas para rellenar el espacio definido por @yield.
Forma completa
@section('contenido')
<h1>Bienvenido</h1>
<p>Este contenido va en la sección 'contenido'</p>
@endsection
PROGRAMACIÓN WEB III Univ. Soto Cruz Kevin
------------------------------------------------------------------------------------------------------------------------------------------------
Gestión 1/2025 Carrera de Informática – FCPN
Auxiliatura de Docencia
Forma corta (Ideal para etiqueta <title> )
@section('titulo', 'Página Principal')
Desarrollo del Ejemplo
Para el desarrollo de este ejemplo trabajaremos con el proyecto anterior.
La estructura es la siguiente:
PROGRAMACIÓN WEB III Univ. Soto Cruz Kevin
------------------------------------------------------------------------------------------------------------------------------------------------
Gestión 1/2025 Carrera de Informática – FCPN
Auxiliatura de Docencia
Paso 1:
El archivo base.blade.php se estructura de la siguiente forma:
@yield para el título
@yield para el
contenido
@yield('titulo') y @yield('contenido') son espacios vacíos que se llenarán desde otras
vistas.
url() genera la URL para cada página según las rutas establecidas en routes/web.php
PROGRAMACIÓN WEB III Univ. Soto Cruz Kevin
------------------------------------------------------------------------------------------------------------------------------------------------
Gestión 1/2025 Carrera de Informática – FCPN
Auxiliatura de Docencia
Paso 2:
Realizamos la modificación del archivo info.blade.php, la adaptamos para el uso de la
plantilla base.blade.html
@extends para heredar
de la plantilla
Paso 3:
Realizamos el mismo proceso para las vistas mensaje.blade.php y detalle.blade.php
mensaje.blade.php
detalle.blade.php
PROGRAMACIÓN WEB III Univ. Soto Cruz Kevin
------------------------------------------------------------------------------------------------------------------------------------------------
Gestión 1/2025 Carrera de Informática – FCPN
Auxiliatura de Docencia
Vistas desde el navegador
Info
mensaje
detalle
