07 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql)FullStack PARTE 2
Duración: 8 minDescripción
📄 Lección 07: Optimizando Vistas con Plantillas Blade (Parte 2)
Título del Video: 07 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql) FullStack PARTE 2
Esta lección continúa la refactorización iniciada en la Lección 06, enfocándose en la personalización de la barra lateral (Sidebar) y en el uso de la autenticación de Laravel para mostrar datos del usuario, lo que prepara el código para la creación de la plantilla maestra (Layout).
👤 Integración de Datos de Autenticación
Se implementa la funcionalidad para personalizar la interfaz con información del usuario actualmente autenticado, un aspecto clave de cualquier sistema administrativo.
- Mostrar Nombre de Usuario: Se utiliza el helper de autenticación de Laravel, {{ Auth::user()->name }} (o username), para reemplazar el nombre estático ("Alexander Pierce") en la barra lateral con el nombre real del usuario que ha iniciado sesión [00:17]. Este nombre se extrae directamente de la base de datos.
- Limpieza Visual del Sidebar: Se elimina el buscador predeterminado del menú lateral, ya que no es necesario para el menú de navegación principal del sistema [01:38].
🛠️ Personalización Avanzada del Sidebar (Menú y Cierre de Sesión)
Se comienza a adaptar el menú de navegación a los módulos del proyecto y se mejora la funcionalidad de cierre de sesión.
- Menú de Módulos: Se define el primer módulo del sistema, "Usuarios", en el menú lateral de AdminLTE [02:20].
- Integración de Iconos de Bootstrap: Para mejorar la estética, se importan los Iconos de Bootstrap (Bootstrap Icons) a través de su CDN, incluyendo el enlace en el layout principal [03:59]. Luego, se utiliza un icono de persona para representar el módulo "Usuarios" [04:47].
- Botón de Cerrar Sesión:
🔜 Próximos Pasos
El instructor indica que en la siguiente lección se concluirá esta fase de refactorización, transformando el código actual en una Plantilla Maestra de Blade para que todas las futuras vistas hereden el encabezado, pie de página y barra lateral, evitando así la duplicación de código [07:55].
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! ❤️