Lección: 52 Mejorando el DASHBOARD principal del curso de SISTEMA VETERINARIO(PHP y MySql)FullStack

52 Mejorando el DASHBOARD principal del curso de SISTEMA VETERINARIO(PHP y MySql)FullStack

Duración: 10 min

Módulo: 🌟 Mejora de la Experiencia y Visualización de Productos Lección 2 de 4

Descripción

🚀 Lección 52: Mejorando el Dashboard Administrativo

En esta lección, el instructor comienza a transformar el área de bienvenida del administrador (el Dashboard) de un espacio vacío a un centro de información dinámico utilizando datos de la base de datos.

1. Preparación de la Vista

Objetivo de la Dinamización: El principal propósito es dejar de usar contenido estático (que requiere modificar el código HTML directamente) y, en su lugar, cargar datos de forma automática desde la base de datos (MySQL). [01:06]
Reutilización del Template: Se copia la estructura de widgets o "cajas de información" de la plantilla AdminLTE para poblar el dashboard de manera visualmente atractiva. [02:51]
Bienvenida Personalizada: Se implementa un mensaje de bienvenida que saluda al usuario y muestra su cargo actual (ej. "administrador"), recuperado de la variable de sesión. [04:30]

2. Implementación del Primer Widget (Usuarios)

El primer widget implementado en el dashboard está destinado a mostrar el conteo total de usuarios registrados en el sistema:

Elemento	Descripción
Lógica PHP	Para obtener el conteo, se incluye el controlador listado_de_usuarios.php. [09:02] Luego, se utiliza un bucle foreach para recorrer el arreglo de usuarios y, a la vez, incrementar una variable $contador_de_usuarios que almacena el total. [09:53]
Visualización	La variable $contador_de_usuarios se imprime dentro del widget, mostrando el número real de registros en la base de datos. [10:12]

3. Uso de Iconos 👤

Atendiendo a tu solicitud, para este primer widget, el instructor se dirige al sitio de Bootstrap Icons y selecciona un icono para representar a un grupo de personas o usuarios, garantizando una presentación visual moderna para el dashboard. [07:07] El icono elegido es el de "persons" para representar la cantidad de usuarios. [08:02]

El instructor también menciona que, más adelante, se abordará el módulo de roles para restringir qué usuarios (como el "cliente" o el "administrador") tienen acceso a ciertas partes del sistema. [06:09]

Hilari Web