11.- Listar Usuarios - Sistema de Asistencias con PHP y MYSQL

Summary

En este tutorial, se explica cómo listar usuarios en una aplicación web utilizando PHP y modificar algunos aspectos visuales. Se ocultan datos sensibles como el DNI para evitar problemas en plataformas como YouTube, y se crea una vista para mostrar los usuarios en una tabla. Además, se implementan botones para registrar y editar usuarios, usando Bootstrap y FontAwesome para mejorar la interfaz. También se ajustan detalles como el resaltado de la sección activa en el menú. Al final, el video proporciona una guía paso a paso para gestionar y visualizar datos de usuarios de manera eficiente.

Takeaways

• 😀 El DNI se oculta en el tutorial para evitar problemas con las políticas de YouTube sobre datos personales.
• 😀 Se utiliza Visual Studio Code para realizar cambios en los archivos PHP y las vistas del proyecto.
• 😀 El menú de navegación se modifica para resaltar el enlace activo, asegurando que el usuario vea claramente qué página está visitando.
• 😀 Se duplica el archivo de la vista de inicio para crear una nueva vista que liste los usuarios desde la base de datos.
• 😀 En la tabla de usuarios, se eliminan campos innecesarios como el DNI y se muestran solo los campos relevantes: nombre, apellido y usuario.
• 😀 Se cambia la consulta SQL para obtener los usuarios de la base de datos, utilizando el comando `SELECT * FROM usuario`.
• 😀 El campo de la contraseña se omite en la tabla por razones de seguridad, ya que no se debe mostrar en ningún caso.
• 😀 Se agregan botones para editar y registrar usuarios, mejorando la interacción con la interfaz.
• 😀 Se utiliza Font Awesome para agregar iconos a los botones de editar y registrar, mejorando la estética del proyecto.
• 😀 Se hace uso de las clases de Bootstrap para ajustar el tamaño y los márgenes de los botones, mejorando su apariencia y funcionalidad.
• 😀 Al final del proceso, se verifica que todo esté funcionando correctamente, desde la visualización de los usuarios hasta la correcta implementación de los botones.

Q & A

¿Por qué se oculta el campo DNI en el video?

Se oculta el campo DNI para cumplir con las políticas de privacidad de YouTube, ya que si se deja visible, podría ser eliminado o bloqueado el video por mostrar datos sensibles.

¿Cómo se resuelve el problema de los dos menús activos en la interfaz?

El problema se resuelve modificando el CSS en el archivo `mail.css`, donde se comenta el estilo que hacía que ambos menús se pintaran al mismo tiempo. Luego, se usa `nth-child` en el archivo `inicio.php` para asegurarse de que solo el menú correspondiente se pinte de forma activa.

¿Qué cambios se realizan en el archivo `usuario.php`?

Se crea un nuevo archivo `usuario.php` para mostrar una tabla con los usuarios. Se modifica la consulta SQL para recuperar los datos de la tabla `usuario`, y se eliminan campos sensibles como la contraseña. También se ajustan los campos que se muestran: nombre, apellido y usuario.

¿Por qué no se deben mostrar las contraseñas en la tabla?

No se deben mostrar las contraseñas en la tabla porque hacerlo es una mala práctica de seguridad. Es importante mantener las contraseñas protegidas y no exponerlas en la interfaz de usuario.

¿Qué modificaciones se hicieron en el archivo `layout.php`?

En `layout.php`, se modificó el enlace para redirigir correctamente al archivo `usuario.php` cuando el usuario hace clic en el enlace de 'usuarios'. Además, se ajustaron los estilos para que solo el menú de 'usuarios' se pintara de manera activa cuando se selecciona esa opción.

¿Qué clases de Bootstrap se utilizaron para los botones de la tabla?

Se utilizaron las clases `btn`, `btn-primary` y `btn-warning` de Bootstrap para los botones de 'Registrar' y 'Editar'. También se utilizó `btn-sm` para hacer que el botón de 'Editar' sea de un tamaño más pequeño.

¿Cómo se agregaron los iconos a los botones?

Se utilizaron iconos de Font Awesome. Primero, se buscó un icono adecuado para 'Registrar' (un símbolo de '+') y para 'Editar' (el icono de edición). Estos iconos se insertaron en los botones con la etiqueta `<i>` y el código correspondiente de Font Awesome.

¿Qué errores se encontraron al mostrar los datos en la tabla de usuarios?

Se encontró un error en el que el nombre y el apellido se mostraban juntos en una misma celda. Este error se corrigió eliminando el campo innecesario en el archivo `usuario.php`, asegurándose de que solo se mostrara el nombre y apellido correctamente separados.

¿Qué archivo se duplicó para crear la vista de 'usuarios'?

Se duplicó el archivo `inicio.php` para crear la vista de 'usuarios'. Este nuevo archivo fue renombrado como `usuario.php` y se modificó para mostrar la tabla de usuarios.

¿Cómo se manejó el problema de los botones de 'Registrar' y 'Editar' en la tabla?

Los botones 'Registrar' y 'Editar' fueron añadidos en la tabla con etiquetas `<a>` y clases de Bootstrap. El icono de 'Registrar' fue asignado al botón de registro, y el icono de 'Editar' al botón de edición. Además, se ajustó el margen para asegurarse de que no se superpusieran con la tabla.