33 Cargar fotografia del registro de la base de datos conLARAVEL 10-Sistema de control de asistencia

Duración: 13 min
Módulo: Consulta de Detalles y Gestión de Archivos 🖼️ Lección 4 de 4
Anterior
32 Cargar datos de la tabla de la base de datos con LARAVEL 10-Sistema de control de asistencia
Siguiente
34 Función EDITAR datos con LARAVEL 10-Sistema de control de asistencia

Descripción

🎬 Lección 33: 📸 Carga Condicional de Fotografías y Avatares

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

💡 Objetivo:

Implementar la lógica final en la vista show.blade.php para mostrar la fotografía del miembro si existe, o un avatar de género por defecto si el campo está vacío, haciendo que el storage sea accesible públicamente.

1️⃣ Acceso Público al Directorio de Archivos 🌐

Laravel, por seguridad, aísla los archivos cargados. Para que las imágenes puedan ser servidas al navegador, es necesario establecer un enlace simbólico:

  • Comando Clave: Se ejecuta la instrucción php artisan storage:link en la terminal [02:30].
  • Resultado: Este comando crea un symlink (/public/storage) que apunta al directorio real donde se guardan las imágenes (/storage/app/public), permitiendo que las imágenes sean accesibles a través de URLs públicas.

2️⃣ Lógica Condicional para la Visualización de la Imagen 👤

Se implementan las condiciones en Blade para cubrir todos los escenarios posibles del campo fotografia del miembro:

Se anidan estructuras @if para determinar qué imagen mostrar:

  • Condición Principal (¿Tiene foto?): Se pregunta si el campo $miembro->fotografia es nulo [09:59].
  • Si SÍ tiene Foto (No es nulo) ✅:
    • Se utiliza la etiqueta <img> y el helper de Laravel asset() para construir la URL, apuntando al enlace simbólico del storage (Ej: asset('storage/fotografias/imagen.jpg')) [05:08].
  • Si NO tiene Foto (Es nulo) ❌:
    • Se anida una segunda condición para verificar el genero del miembro.
    • Avatar Masculino 👨: Si el campo genero es "masculino", se carga la imagen por defecto guardada en public/images/avatar_hombre.jpg [10:23].
    • Avatar Femenino 👩: Si el campo genero es "femenino", se carga la imagen por defecto guardada en public/images/avatar_mujer.jpg [11:29].

3️⃣ Diseño y Limpieza Final ✨

Se realizan pequeños ajustes para completar la vista SHOW:

  • Se elimina el input de tipo file del formulario, ya que en la vista SHOW solo se requiere la visualización de la imagen, no su carga [07:20].
  • La lógica de la visualización de datos de un registro individual (la función CRUD Read) está completa.
$0.00
Iniciar sesión para inscribirse

Lecciones

Inicio Rápido y Configuración del Proyecto 🚀
Lección 1. 01 Presentación al curso de LARAVEL 10 - Sistema de control de asistencia 9 min
Lección 2. 02 Hola mundo en el curso de LARAVEL 10 - Sistema de control de asistencia 10 min
Lección 3. 03 Autenticación LOGIN/REGISTRO en el curso de LARAVEL 10 - Sistema de control de asistencia 12 min
Lección 4. 04 Migración de tablas a la BASE de DATOS en el curso de LARAVEL 10 Sistema de control de asistencia 13 min
Lección 5. 05 Como INSTALAR ADMINLTE dashboard en el curso de LARAVEL 10 Sistema de control de asistencia 11 min
Lección 6. 06 Como RESTRINGIR REGISTER en dashboard en el curso de LARAVEL 10 Sistema de control de asistencia 10 min
Lección 7. 07 Personalizar el PANEL DASHBOARD en el curso de LARAVEL 10 Sistema de control de asistencia 16 min
Lección 8. 08 PLANTILLAS BLADE en el curso de LARAVEL 10 Sistema de control de asistencia 12 min
Lección 9. 09 Vistas con las plantillas de BLADE en el curso de LARAVEL 10 - Sistema de control de asistencia 12 min
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 1. 11 Creación de tabla y migración en el curso de LARAVEL 10 - Sistema de control de asistencia 12 min
Lección 2. 12 Creación del MODELO MVC en el curso de LARAVEL 10 - Sistema de control de asistencia 8 min
Lección 3. 13 Revertir migración con ROLLBACK en el curso de LARAVEL 10 - Sistema de control de asistencia 8 min
Lección 4. 14 CONTROLADORES en el curso de LARAVEL 10 - Sistema de control de asistencia 12 min
Sembrado de Datos y Visualización Básica 🗄️
Lección 1. 15 CRUD - Read lectura de datos en el curso de LARAVEL 10 - Sistema de control de asistencia 8 min
Lección 2. 16 Correr SEEDER para sembrar DATOS en el curso de LARAVEL 10 - Sistema de control de asistencia 14 min
Lección 3. 17 Correr FACTORY para crear DATOS en el curso de LARAVEL 10 - Sistema de control de asistencia 11 min
Lección 4. 18 Cargar DATOS de la TABLA en la vista en el curso de LARAVEL 10 - Sistema de control de asistencia 10 min
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
Lección 2. 20 Poner DATATABLES en español en el curso de LARAVEL 10 - Sistema de control de asistencia 8 min
Formulario de Creación y Seguridad de Datos 🛡️
Lección 1. 21 FORMULARIO para registrar datos en el curso de LARAVEL 10 - Sistema de control de asistencia 14 min
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
Lección 4. 24 Request Store del formulario en el curso de LARAVEL 10 - Sistema de control de asistencia 12 min
Lección 5. 25 CRUD Create guardar datos en la tabla enel curso de LARAVEL 10 - Sistema de control de asistencia 10 min
Lección 6. 26 Validación de datos desde el Backend en el curso de LARAVEL 10 - Sistema de control de asistencia 8 min
Notificaciones y Mensajes Personalizados 🎉
Lección 1. 27 Mostrar los ERRORES en pantalla en el curso de LARAVEL 10 - Sistema de control de asistencia 11 min
Lección 2. 28 Cambiar el idioma de los mensajes en el curso de LARAVEL 10 - Sistema de control de asistencia 13 min
Lección 3. 29 Como instalar SWEETALERT2 sin morir en el intento de LARAVEL 10 -Sistema de control de asistencia 10 min
Consulta de Detalles y Gestión de Archivos 🖼️
Lección 1. 30 Función SHOW para mostrar datos de un registro con de LARAVEL 10-Sistema de control de asistencia 9 min
Lección 2. 31 Buscar registro de la tabla de la base de datos con LARAVEL 10-Sistema de control de asistencia 11 min
Lección 3. 32 Cargar datos de la tabla de la base de datos con LARAVEL 10-Sistema de control de asistencia 9 min
Lección 4. 33 Cargar fotografia del registro de la base de datos conLARAVEL 10-Sistema de control de asistencia 13 min
Actualización y Eliminación (Update & Delete) 🔄
Lección 1. 34 Función EDITAR datos con LARAVEL 10-Sistema de control de asistencia 10 min
Lección 2. 35 Función OLD para no perder los datos del formulario enLARAVEL 10-Sistema de control de asistencia 9 min
Lección 3. 36 Cargar datos en el formulario para UPDATE en LARAVEL 10-Sistema de control de asistencia 13 min
Lección 4. 37 Controller UPDATE en el curso de LARAVEL 10 Sistema de control de asistencia 13 min
Lección 5. 38 Controller DELETE en el curso de LARAVEL 10 Sistema de control de asistencia 12 min
Lección 6. 39 Usar FAKE para generar datos reales en curso de LARAVEL 10 Sistema de control de asistencia 11 min
Módulos Secundarios y Funcionalidad Clave 🧩
Lección 1. 40 Módulos ministerios en el curso de LARAVEL 10 Sistema de control de asistencia 49 min
Lección 2. 41 CRUD completo de los ministerios en el curso de LARAVEL 10 Sistema de control de asistencia 35 min
Lección 3. 42 Modificando el DASHBOARD en el curso de LARAVEL 10 Sistema de control de asistencia 22 min
Lección 4. 43 Módulo USUARIOS en el curso de LARAVEL 10 Sistema de control de asistencia 26 min
Lección 5. 44 CRUD completo de los USUARIOS en el curso de LARAVEL 10 Sistema de control de asistencia 52 min
Lección 6. 45 Relacionar TABLAS en el curso de LARAVEL 10 Sistema de control de asistencia 13 min
Lección 7. 46 Generar CRUD completo de ASISTENCIAS en el curso de LARAVEL 10 Sistema de control de asistencia 14 min
Lección 8. 47 AJUSTES del CRUD ASISTENCIAS en el curso de LARAVEL 10 Sistema de control de asistencia 25 min
Reportes Profesionales, Roles y Despliegue Final 🛡️
Lección 1. 48 REPORTES con DOMPDF en el curso de LARAVEL 10 Sistema de control de asistencia 39 min
Lección 2. 49 REPORTE entre 2 FECHAS en el curso de LARAVEL 10 Sistema de control de asistencia 23 min
Lección 3. 50 ROLES Y PERMISOS en el curso de LARAVEL 10 Sistema de control de asistencia 12 min
Lección 4. 51 SEEDER roles y permisos en el curso de LARAVEL 10 Sistema de control de asistencia 12 min
Lección 5. 52 Asignar PERMISOS a las RUTAS en el curso de LARAVEL 10 Sistema de control de asistencia 18 min
Lección 6. 53 NAVEGANDO CON LOS ROLES Y PERMISOS en el curso de LARAVEL 10 Sistema de control de asistencia 13 min
Lección 7. 54 SEEDER USUARIOS por defecto en el curso de LARAVEL 10 Sistema de control de asistencia 13 min
Lección 8. 55 COMPARTIENDO el CÓDIGO FUENTE del curso de LARAVEL 10 Sistema de control de asistencia 15 min
Lección 9. 56 DESCARGAR e INSTALAR el PROYECTO del curso de LARAVEL 10 Sistema de control de asistencia 21 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! ❤️

Volver al curso