08 Plantilla de LAYOUT ADMIN en el SISTEMA (PHP y MySql)FullStack
Duración: 11 minDescripció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].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️