32 Cargar datos de la tabla de la base de datos con LARAVEL 10-Sistema de control de asistencia

Duración: 9 min
Módulo: Consulta de Detalles y Gestión de Archivos 🖼️ Lección 3 de 4

Descripció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].