08 Plantilla de LAYOUT ADMIN en el SISTEMA (PHP y MySql)FullStack

Duración: 11 min
Módulo: ⚙️ Inicio y Estructura Base Lección 8 de 8

Descripción

🧩 Lección 08: Creación de la Plantilla Maestra (Layout) con Blade

Título del Video: 08 Plantilla de LAYOUT ADMIN en el SISTEMA (PHP y MySql) FullStack

Esta lección culmina la fase de refactorización al crear la Plantilla Maestra de Blade (Layout), una práctica esencial en Laravel para evitar la duplicación de código (DRY - Don't Repeat Yourself) y centralizar el diseño de la interfaz administrativa (AdminLTE).

🏛️ Creación del Layout Administrativo

Se mueve el código repetitivo del diseño (encabezado, pie, sidebar) a un archivo central.

  • Archivo Layout: Se crea el archivo admin.blade.php dentro del directorio resources/views/layouts. Este archivo contendrá toda la estructura HTML de AdminLTE [01:30].
  • Centralización del Diseño: Se explica que cualquier cambio futuro en el menú, la barra de navegación o los scripts de pie de página se hará una sola vez en este archivo maestro, impactando a todas las vistas que lo utilicen [00:56].

🔄 Implementación de Directivas Blade

Para permitir que cada vista inyecte su contenido único en el layout, se utilizan dos directivas clave de Blade:

  • @yield('content'): Esta directiva se coloca en la sección donde debe ir el contenido principal de la página. Indica el área de contenido variable de la plantilla [03:46].
  • @extends('layouts.admin'): En las vistas hijas (como index.blade.php), esta directiva indica que la vista debe heredar toda la estructura del layout admin.blade.php [03:01].
  • @section('content') y @endsection: Estas directivas se utilizan en las vistas hijas para definir el bloque de código que se inyectará en el lugar del @yield('content') en el layout [04:07].

📝 Preparación del Primer Módulo (Usuarios)

Para demostrar la efectividad del layout, se estructura el primer módulo de gestión.

  • Controlador UserController: Se crea un nuevo controlador mediante Artisan (php artisan make:controller UserController) para manejar la lógica del módulo de usuarios en el patrón MVC [07:46].
  • Vista admin.usuarios.index: Se crea la carpeta y el archivo de vista donde se mostrará el listado de usuarios [06:41].
  • Ruta Modularizada: Se define la nueva ruta /admin/usuarios en web.php, se vincula al UserController@index, se le da un nombre para roles y permisos (admin.usuarios.index), y se mantiene protegida con el middleware de autenticación (auth) [09:10].

Al probar la nueva ruta /admin/usuarios, solo se necesita declarar el @section('content') con el título "Listado de Usuarios", y el sistema renderiza automáticamente todo el diseño de AdminLTE a su alrededor [09:57].