18 Cargar DATOS de la TABLA en la vista en el curso de LARAVEL 10 - Sistema de control de asistencia

Duración: 10 min
Módulo: Sembrado de Datos y Visualización Básica 🗄️ Lección 4 de 4

Descripción

🎬 Lección 18: 📄 Carga y Visualización de Datos en una Tabla HTML

Enlace del Video: https://youtu.be/hgVsrvqPmPM

💡 Objetivo:

Aplicarás la información obtenida de la base de datos (los 200+ registros sembrados) en una estructura de tabla HTML dentro de la vista de Blade. Esto establecerá el listado inicial del sistema, crucial para la interacción del usuario.

📌 Contenido Clave de la Lección:

  • 🎨 Integración de Plantilla (Widgets): Se inicia adaptando la vista del listado de miembros, copiando una estructura de widget de la plantilla AdminLTE para lograr una presentación más profesional y estética [00:43].
  • 🏗️ Estructura de la Tabla: Se define una tabla básica con etiquetas HTML (<table>, <thead>, <tbody>) y se establecen las cabeceras (<th>) que representarán los campos clave de la base de datos:
    • ID (Representado por un contador de fila)
    • Nombres y Apellidos
    • Teléfono
    • Email
    • Estado
    • Fecha de Ingreso
    • Acciones (para los futuros botones de Show, Update y Delete) [03:08].
  • 🔄 Impresión Dinámica de Datos:
    • Se utiliza el @foreach de Blade para iterar sobre la variable $miembros que viene desde el controlador [06:21].
    • Se crea un contador de fila simple en PHP ($contador++) para numerar los registros [06:36].
    • Se imprimen los datos específicos de cada miembro dentro de las celdas de la tabla (<td>) usando la sintaxis de Blade ({{ $miembro->nombre_campo }}) [07:48].
  • ✅ Resultado: Se verifica que los 200+ registros generados por el Factory y Seeder se cargan y se muestran correctamente en la tabla HTML en la vista, sentando las bases para el siguiente paso: la paginación y el estilo [09:05].