32 Cargar datos de la tabla de la base de datos con LARAVEL 10-Sistema de control de asistencia
Duración: 9 minDescripción
🎬 Lección 32: 🖼️ Carga y Visualización de Datos del Registro (Función SHOW)
Enlace del Video: https://youtu.be/mGx5pxCjpmI
💡 Objetivo:
Diseñar la vista show.blade.php para mostrar toda la información de un miembro, utilizando el diseño de formulario existente, pero desactivando la capacidad de edición.
1️⃣ Reutilización de la Vista y Estructura 🏗️
Para ahorrar tiempo y mantener la coherencia en la interfaz, se reutiliza el código de la vista de creación:
- Copia de Estructura: El contenido de create.blade.php se copia completamente en show.blade.php [00:36].
- Ajustes de Formulario: Se elimina la etiqueta <form> junto con el enctype y la referencia al script de carga de imágenes, ya que esta vista es solo para lectura [01:04].
- Título: El título se actualiza de "Creación de un nuevo miembro" a "Datos del miembro registrado" [01:36].
2️⃣ Impresión de Datos y Bloqueo de Campos 🔒
La información traída desde el controlador se carga en los campos correspondientes, y se evita cualquier modificación accidental:
- Carga de Valores: Todos los campos de texto (<input>) utilizan el atributo value para inyectar el dato específico del objeto $miembro (ej., value="{{ $miembro->nombre_apellido }}") [02:09].
- Campos Deshabilitados: Se añade el atributo disabled a cada etiqueta <input> e incluso a los radio buttons [07:35].
- Resultado: La vista ahora funciona como un formulario de solo lectura, permitiendo al usuario visualizar toda la información sin riesgo de editarla.
3️⃣ Lógica Condicional para el Género 🚻
Se aplica lógica de Blade para asegurar que el radio button correcto (masculino o femenino) aparezca seleccionado, reflejando el dato guardado en la base de datos:
- Se utiliza una estructura @if... @else... @endif para evaluar el valor del campo genero del registro [05:22].
- Dependiendo de si el género es "masculino" o "femenino," se añade el atributo checked al radio button correspondiente.
🖼️ Próximos Pasos
El video prepara el escenario para la gestión visual de la fotografía. En la próxima lección se implementará la lógica para:
- Mostrar la fotografía del miembro si existe.
- Mostrar un avatar por defecto (masculino o femenino) si el campo de fotografía está vacío [08:22].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️