17 Como MOSTRAR DATOS COMPLETOS del USUARIO del Sistema de Ventas con (PHPyMySql) FullStack
Duración: 21 minDescripción
👁️ Lección 17: Cómo Mostrar Datos Completos del Usuario
Este video complementa la implementación de DataTables añadiendo la acción de Mostrar (Show) para ver la información completa de un usuario en una vista dedicada, así como la traducción de los botones de reportes al español.
1. 🌐 Traducción de Botones de DataTables
Antes de implementar nuevas funcionalidades, se finaliza la traducción de los elementos de DataTables:
- Botones de Reporte: Se modifica el script de DataTables en views/usuarios/index.php para traducir los botones de exportación (Copy, Print, PDF, Excel) del inglés al español [00:42].
- Colección de Botones: Se agrupan los reportes más comunes (PDF y Excel) en un botón de colección llamado "Reportes" para ahorrar espacio en la interfaz [01:13].
2. 💻 Habilitación de la Columna "Acciones"
Se añade una nueva columna para las acciones que permitirá la interacción con los registros:
- Columna en la Tabla: Se agrega la columna "Acciones" al encabezado (<th>) y se añaden los contenedores de los botones (<td>) a cada fila en views/usuarios/index.php [02:47].
- Botones de Interacción: Se definen tres botones principales con estilos e iconos de Font Awesome para mejorar la usabilidad [05:40]:
- Ver/Mostrar (Show): Icono de ojo (fa-eye) y color azul.
- Editar (Update): Icono de lápiz (fa-pencil-alt) y color verde (btn-success).
- Borrar (Delete): Icono de bote de basura (fa-trash) y color rojo (btn-danger).
3. 👁️ Implementación de la Acción "Ver" (Show)
Se desarrolla la funcionalidad para mostrar los datos completos de un usuario al hacer clic en el botón "Ver":
| Icono | Detalle | Descripción | Timestamp |
|---|---|---|---|
| 🔗 | Envío del ID por URL | Al botón "Ver" se le adjunta el ID del usuario (id_usuario) a través de la URL (método GET), lo que permite identificar qué registro mostrar [11:03]. Ejemplo: show.php?id=7. | [11:03] |
| 📁 | Controlador show_usuario.php | Se crea un nuevo controlador encargado de: 1. Recibir el ID de la URL [13:56]. 2. Consultar la base de datos (SELECT * FROM usuarios WHERE id_usuario = :id) para traer toda la información del usuario específico [16:35]. 3. Asignar los datos recuperados a variables (ej. $nombres, $email) [17:30]. | [13:25] |
| 📄 | Vista show.php | Se crea la vista para mostrar el formulario. Se utiliza la plantilla del create.php y se modifica para desplegar los datos del usuario inyectando las variables del controlador [18:05]. | [10:02] |
| 🔒 | Campos Deshabilitados | Los campos de la vista (<input>) se configuran con el atributo disabled para que la información se muestre, pero no pueda ser editada por el usuario [19:15]. | [19:15] |
(Nota importante sobre SweetAlert): El código de gestión de mensajes de SweetAlert que estaba en la vista de creación se centraliza en el archivo config.php para evitar la repetición de código en futuras vistas [09:18].
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! ❤️