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
- 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].
Lecciones
Inicio Rápido y Configuración del Proyecto 🚀
Lección 10. 10 Respondiendo preguntas en el curso de LARAVEL 10 - Sistema de control de asistencia
9 min
Arquitectura MVC y Gestión de Modelos 🏗️
Lección 2. 12 Creación del MODELO MVC en el curso de LARAVEL 10 - Sistema de control de asistencia
8 min
Sembrado de Datos y Visualización Básica 🗄️
Tablas Dinámicas y Experiencia de Usuario 📊
Lección 1. 19 Utilizar DataTables en el curso de LARAVEL 10 - Sistema de control de asistencia
18 min
Formulario de Creación y Seguridad de Datos 🛡️
Lección 2. 22 Respondiendo comentarios en el curso de LARAVEL 10 - Sistema de control de asistencia
10 min
Lección 3. 23 Validando el formulario en el curso de LARAVEL 10 - Sistema de control de asistencia
13 min
Notificaciones y Mensajes Personalizados 🎉
Consulta de Detalles y Gestión de Archivos 🖼️
Actualización y Eliminación (Update & Delete) 🔄
Módulos Secundarios y Funcionalidad Clave 🧩
Lección 3. 42 Modificando el DASHBOARD en el curso de LARAVEL 10 Sistema de control de asistencia
22 min
Reportes Profesionales, Roles y Despliegue Final 🛡️
Lección 2. 49 REPORTE entre 2 FECHAS en el curso de LARAVEL 10 Sistema de control de asistencia
23 min
Lección 4. 51 SEEDER roles y permisos en el curso de LARAVEL 10 Sistema de control de asistencia
12 min
Lección 7. 54 SEEDER USUARIOS por defecto en el curso de LARAVEL 10 Sistema de control de asistencia
13 min
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️