20 – CRUD - Read Lectura de Usuarios de la Base de Datos ( 👨💻 PHP y MYSQL 💻)

Duración: 19 min
Módulo: 👤 Módulo de Usuarios, Login y Control de Sesiones Lección 9 de 17

Descripción

Lección 20 – CRUD - Read Lectura de Usuarios de la Base de Datos ( 👨💻 PHP y MYSQL 💻)

En esta lección esencial, aprenderás a implementar la funcionalidad READ (Lectura) del CRUD para el Módulo de Usuarios de tu Sistema de Parqueo. 📄 Tu instructor te guiará para mostrar el listado de todos los usuarios registrados en tu base de datos directamente en una tabla dinámica en el panel de administración.

En esta Lección Estratégica Aprenderás a:

  • Preparar el Entorno para la Lectura de Datos ⚙️
    • Recordarás la importancia de tener el archivo config.php incluido en tu index.php de usuarios para asegurar la conexión a la base de datos.
  • Crear el Controlador para la Lectura de Usuarios (control_read_user.php) 📄
    • Dentro de la carpeta usuarios, crearás un nuevo archivo llamado control_read_user.php. Este controlador será el encargado de ejecutar la consulta a la base de datos y devolver los datos de los usuarios.
    • Incluirás el archivo config.php en este controlador para establecer la conexión a la base de datos.
  • Diseñar la Consulta SQL para Seleccionar Usuarios 🔍
    • Escribirás una sentencia SQL SELECT * FROM tabla_usuarios para obtener todos los campos de todos los usuarios de la tabla tabla_usuarios.
    • Aprenderás a probar esta consulta directamente en phpMyAdmin para verificar que devuelve los datos esperados.
  • Ejecutar la Consulta y Obtener los Resultados con PDO 🚀
    • En control_read_user.php, utilizarás la conexión PDO para:
      • Preparar la consulta SQL con prepare().
      • Ejecutar la consulta con execute().
      • Obtener todos los resultados en un array asociativo con fetchAll(PDO::FETCH_ASSOC).
  • Crear el HTML de la Tabla de Usuarios 📊
    • En usuarios/index.php, construirás la estructura de una tabla HTML (<table>) con las clases de Bootstrap (table, table-striped, table-hover, table-bordered, text-nowrap, dataTable) para darle un estilo profesional y responsivo.
    • Definirás el encabezado de la tabla (<thead>) con columnas para "Nombres", "Email", "Estado" y "Acciones".
  • Poblar la Tabla Dinámicamente con PHP 💻
    • Utilizarás un bucle foreach en PHP para iterar sobre el array de usuarios obtenido del controlador control_read_user.php.
    • Dentro del bucle, generarás filas (<tr>) y celdas (<td>) de la tabla HTML, mostrando dinámicamente el nombre, email y estado de cada usuario.
    • Implementarás una lógica condicional para mostrar el "Estado" del usuario como "Activo" o "Inactivo" con badges de Bootstrap (<span class="badge badge-success">), añadiendo un toque visual.
    • Añadirás botones de "Editar" y "Eliminar" con iconos de Font Awesome (<i class="fas fa-edit">, <i class="fas fa-trash-alt">), los cuales se vincularán a futuras funcionalidades.
  • Integración de DataTables (Opcional, pero recomendada) 📈
    • Se menciona la posibilidad de integrar la librería DataTables en el futuro para añadir funcionalidades de búsqueda, paginación y ordenamiento a la tabla, mejorando aún más la experiencia de usuario.
  • Refactorización y Organización del Código del Contenido ✂️
    • Para reducir el código en index.php, moverás la sección del contenido principal (la tabla de usuarios) a un nuevo archivo content.php dentro de app/layouts/admin/usuarios.
    • Incluirás este content.php en usuarios/index.php, manteniendo la página principal limpia y organizada.

Al finalizar esta lección, tu Sistema de Parqueo tendrá una sección de administración de usuarios completamente funcional, capaz de leer y mostrar los datos de los usuarios de tu base de datos de manera organizada y profesional. ¡Has implementado una parte fundamental del CRUD! 💪