Hilari Web

Lección 15: 🔔 Instalación de SWEETALERT2 en el CRUD completo con LARAVEL 10 - FullStack (19:06)

Esta lección cubre la instalación y configuración de la librería SweetAlert2 para mostrar mensajes de confirmación de éxito, error o advertencia después de realizar cualquier acción CRUD (Crear, Actualizar o Eliminar).

Puntos Clave de la Implementación:

1. Instalación de SweetAlert2
   • Se instala la librería mediante la inclusión de su CDN (Content Delivery Network) en la plantilla principal (layout/admin.blade.php) del proyecto [00:23].
   • Esto garantiza que la librería esté disponible en todas las vistas que extienden de esta plantilla.
2. Lógica Condicional en la Plantilla
   • Para evitar que el SweetAlert se muestre en todas las páginas, se implementa una estructura condicional (@if) dentro de un script en admin.blade.php [02:36].
   • El script solo se ejecuta si existe una sesión flash (session()->has('mensaje')) enviada desde el controlador.
3. Envío de Mensajes y Tipos de Alerta desde el Controlador
   • Al finalizar las acciones en el controlador (por ejemplo, en las funciones store(), update(), y destroy()), se utiliza el método with() para crear una sesión temporal:
     • Mensaje de Texto: Se envía el mensaje personalizado (se registró al usuario de la manera correcta) usando la clave mensaje [04:48].
     • Ícono/Tipo: Se envía el tipo de alerta (success, error, warning) usando la clave icono [08:47].
   • La vista consume ambas variables para mostrar el mensaje y el ícono correspondiente (success para éxito y error para fallos) [07:17].
4. Confirmación de Eliminación (DELETE)
   • Se utiliza un ejemplo más avanzado de SweetAlert2 que permite mostrar un cuadro de diálogo de confirmación antes de ejecutar la eliminación de un registro [13:08].
   • Se crea una función JavaScript llamada pregunta() que:
     • Muestra el SweetAlert de confirmación (¿Desea eliminar este registro?).
     • Si el usuario confirma ("Sí, eliminar"), el script identifica dinámicamente el formulario de eliminación (usando el ID del usuario) y lo envía, ejecutando la acción DELETE de Laravel [15:49].
     • Si el usuario cancela, no ocurre ninguna acción.

El CRUD Completo (CREATE, READ, UPDATE, DELETE) ha finalizado. Los próximos videos abordarán mejoras adicionales como el uso de DataTables para tablas dinámicas e implementación de idioma español para los mensajes de validación de Laravel [17:18].