07 Como INSTALAR SWEETALERT para mandar MENSAJES en el Sistema de Ventas con (PHP y MySql) FullStack
Duración: 16 min
Módulo: 🚀 Preparación, Login y Sesiones Seguras
Lección 8 de
9
Descripción
💬 Lección 07: Instalación e Implementación de SweetAlert2
✨ Mensajes Dinámicos y Atractivos para tu Sistema de Ventas
Esta lección cubre la integración de la librería SweetAlert2, una herramienta que mejora drásticamente la experiencia del usuario al reemplazar las alertas nativas del navegador con mensajes más estéticos, personalizables y llamativos.
Contenido Esencial que Cubre la Lección:
- 🛠️ Instalación mediante CDN: Se explica cómo integrar rápidamente SweetAlert2 en el proyecto simplemente copiando el script del CDN (Content Delivery Network) oficial y pegándolo en el <head> del archivo HTML (index.php) [01:47].
- 📬 Mensaje de Bienvenida (index.php):
- Se utiliza SweetAlert2 para mostrar un mensaje de bienvenida llamativo al ingresar al dashboard principal [04:03].
- Se personaliza el mensaje, concatenando la sesión de correo electrónico ($_SESSION['sesion_email']) para saludar al usuario por su email [04:42].
- Se configura la duración del mensaje para que desaparezca automáticamente (por ejemplo, después de 5 segundos) [06:06].
- 🚨 Mensaje de Error de Login (login/index.php):
- Envío de Sesión de Error: En el controlador de login (ingreso.php), si la validación falla, se crea una sesión temporal llamada $_SESSION['mensaje'] que contiene el texto del error (ej. "Error datos incorrectos") [07:04].
- Recepción y Muestra: En la vista de login (login/index.php), se utiliza PHP para verificar si existe esta sesión de error. Si existe, se ejecuta un script de SweetAlert2 que muestra el mensaje y el ícono de error [14:13].
- Lectura del Mensaje: El contenido de la sesión de error se imprime dentro de la alerta de SweetAlert2, asegurando que el mensaje dinámico sea visible [12:22].
¡Al finalizar, tu sistema tendrá mensajes de alerta modernos y personalizados que mejorarán significativamente la interacción del usuario!
Lecciones
🚀 Preparación, Login y Sesiones Seguras
Lección 7. 06 Como DESTRUIR SESION DEL USUARIO en el Sistema de Ventas con(PHP y MySql)FullStack
8 min
Lección 9. 08 Adaptando nuestra PLANTILLA para el Sistema de Ventas con (PHP y MySql) FullStack
18 min
👤 CRUD de Usuarios y Roles (Seguridad Lógica)
Lección 2. 10 CRUD - READ lectura de USUARIOS del Sistema de Ventas con (PHP y MySql) FullStack
18 min
Lección 3. 11 Formulario de NUEVO USUARIO en el Sistema de Ventas con (PHP y MySql) FullStack
11 min
📦 Gestión de Productos y Categorías
Lección 1. 26 MÓDULO PRODUCTOS Y CATEGORÍAS en el Sistema de Ventas con (PHPyMySql) FullStack
18 min
Lección 3. 28 CRUD - CATEGORÍAS con MODALS en el Sistema de Ventas con (PHP y MySql) FullStack
20 min
Lección 14. 39 DELETE PRODUCTOS desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack
12 min
🚚 Módulo de Proveedores y Configuración
Lección 5. 45 ACTUALIZAR PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack PARTE 1
14 min
💰 Implementación y Registro del Módulo de Compras
Lección 3. 51 Cargar DATOS DE PRODUCTO en el MODAL del Sistema de Ventas con (PHP y MySql)FullStack
13 min
Lección 5. 53 CARGAR datos del PROVEEDOR en el MODAl en el SISTEMA DE VENTAS(PHP y MySql)FullStack
15 min
🔄 Mantenimiento y Actualización de Compras
Lección 4. 69 MOSTRAR EL DETALLE DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
13 min
Lección 6. 71 ACTUALIZAR DATOS DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
15 min
Lección 8. 73 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
9 min
Lección 9. 74 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 2
9 min
Lección 10. 75 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 3
8 min
Lección 11. 76 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 4
5 min
Lección 14. 79 CONTROLLER PARA ELIMINAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 3
14 min
Lección 15. 80 COMMIT PARA COMPARTIR EL CODIGO FUENTE DEL SISTEMA DE VENTAS (PHPyMySql) FullStack
9 min
💳 Preparación para Ventas y Clientes
Lección 2. 82 Modelo para el CARRITO de VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
Lección 5. 85 Formulario de VENTAS y CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack Parte 1
8 min
Lección 6. 86 Contador de VENTAS AUTOMÁTICO en el SISTEMA DE VENTAS (PHP y MySql) FullStack Parte 2
8 min
🛒 Lógica del Carrito y Clientes Dinámicos
Lección 8. 95 CALCULANDO LOS TOTALES del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack
12 min
Lección 13. 100 CALCULAR el cambio del TOTAL A PAGAR en el SISTEMA DE VENTAS (PHP y MySql) FullStack
8 min
Lección 14. 101 PREPARANDO DATOS para guardar VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
Lección 15. 102 Agregar NUEVO CLIENTE en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
🧾 Cierre de Venta y Control de Inventario
Lección 1. 104 GUARDAR VENTA en la tabla VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
12 min
Lección 2. 105 ACTUALIZANDO STOCK segun el CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack
18 min
Lección 3. 106 ACTUALIZANDO STOCK y GUARDAR VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
17 min
Lección 5. 108 DATOS COMPLETOS DE LA VENTA GUARDADA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
19 min
Lección 6. 109 Acción MOSTRAR datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
8 min
Lección 7. 110 Acción MOSTRAR datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 8. 111 Acción DELETE datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 12. 115 Controller BORRAR venta y carrito en el SISTEMA DE VENTAS (PHP y MySql) FullStack
13 min
📄 Facturación Profesional (TCPDF) y Dashboard Final
Lección 1. 118 Diseñando el encabezado de la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 2. 119 Diseñando el encabezado de la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️