17 Como MOSTRAR DATOS COMPLETOS del USUARIO del Sistema de Ventas con (PHPyMySql) FullStack

Duración: 21 min
Módulo: 👤 CRUD de Usuarios y Roles (Seguridad Lógica) Lección 9 de 17

Descripció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].
    • "Copy" se convierte en "Copiar" [00:51].
    • "Print" se convierte en "Imprimir" [00:51].
    • "Columns" se convierte en "Visor de columnas" [01:45].
  • 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":

IconoDetalleDescripciónTimestamp
🔗Envío del ID por URLAl 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.phpSe 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.phpSe 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 DeshabilitadosLos 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].