Lección: 49 📈 DASHBOARD Creando Widgets con Estadísticas de Pedidos y Ventas | Laravel 12 E-commerce

49 📈 DASHBOARD Creando Widgets con Estadísticas de Pedidos y Ventas | Laravel 12 E-commerce

Duración: 14 min

Módulo: ⚙️ Gestión de Órdenes, Perfiles y Características Avanzadas 43-61 Lección 7 de 19

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 49: 📈 Dashboard con Widgets de Estadísticas de Pedidos y Ventas | Laravel 12 E-commerce

Esta lección se centra en la mejora del Dashboard del Admin Panel para transformarlo en un centro de comando funcional. El objetivo es ofrecer una visión rápida y profesional del estado actual de las operaciones, extrayendo datos clave del módulo de pedidos.

📊 Integración de Métricas Clave

Se utiliza el controlador principal para realizar consultas directas a la base de datos y obtener las estadísticas de pedidos, las cuales se presentan en tres widgets visuales con distintos colores e íconos:

1. Pedidos Nuevos (En Procesamiento) 🆕:
- Objetivo: Contabilizar las órdenes recién ingresadas que aún no han sido atendidas por el administrador.
- Lógica: Se consulta el modelo Orden filtrando por el estado procesando y se utiliza la función count() [02:20].
- Diseño: Se utiliza el color Azul y un ícono de flecha (bi-arrow-down-left-square-fill) para indicar la entrada de un nuevo pedido [03:44].
2. Pedidos Enviados (Atendidos) 🚚:
- Objetivo: Mostrar la cantidad de órdenes cuyo fulfillment ha sido completado.
- Lógica: Se consulta el modelo Orden filtrando por el estado enviado [06:25].
- Diseño: Se utiliza el color Púrpura y un ícono de verificación (bi-send-check-fill) para simbolizar que el envío ha sido realizado [07:03].
3. Total de Pedidos (Acumulado) 🌐:
- Objetivo: Ofrecer una vista general del volumen total de transacciones registradas en el sistema.
- Lógica: Se utiliza la función count() sin filtros en el modelo Orden [08:26].
- Diseño: Se utiliza el color Verde y un ícono de lista (bi-list-check) para representar el total de todas las órdenes [09:06].

✅ Demostración de Dinamismo

Los widgets se configuran para ser totalmente dinámicos, demostrando su funcionalidad al realizar una compra de prueba en tiempo real desde el frontend del e-commerce. Se comprueba que cada nueva orden cambia instantáneamente la métrica de "Pedidos Nuevos", confirmando que el Dashboard es un reflejo actualizado del estado del negocio [10:49].

Hilari Web