103 Cargar logo de configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack
Duración: 12 minDescripción
🖼️ Lección 103: Visualización y Edición del Logotipo de Configuración
Esta lección se enfoca en cómo recuperar y mostrar los datos de configuración previamente guardados, especialmente el logotipo de la clínica, en la tabla de listado (index) y en la vista de detalle (show). También se sienta la base para el proceso de edición.
1. 🔄 Habilitación de Acceso Público al Storage
Antes de poder visualizar cualquier archivo subido (como el logotipo), es fundamental que la carpeta de almacenamiento (storage/app/public) sea accesible desde la web.
Comando Clave: Se debe ejecutar el comando de Artisan para crear un enlace simbólico (storage link) [04:17].
Bash
php artisan storage:link
- Este comando crea un acceso directo en la carpeta public del proyecto, permitiendo que el navegador cargue los archivos subidos.
2. 📋 Visualización del Listado (Index)
Se actualiza la vista del listado de configuraciones para mostrar los datos textuales y el logotipo en la tabla [00:57].
a. Recuperación de Datos
- Los campos nombre, direccion, telefono, y correo se imprimen directamente en la tabla utilizando la sintaxis de Blade [01:07].
b. Mostrar el Logotipo [01:40]
Para mostrar la imagen almacenada, se utiliza la etiqueta <img> y las helpers de URL de Laravel.
Se utiliza el helper url() para construir la ruta pública completa, apuntando a la carpeta donde se guardó la imagen.
PHP
<img src="{{ url('storage/logos/' . $configuracion->logo) }}" style="width: 100px;">
- Se ajusta el tamaño de la imagen (100 píxeles de ancho) para que encaje correctamente en la fila de la tabla [05:50].
3. 👁️ Vista de Detalle (Show)
La vista de detalle es crucial para mostrar la información completa de un registro de configuración.
a. Lógica del Controlador [07:16]
- El método show del ConfiguracionesController recibe el ID del registro.
- Utiliza el método find() del modelo Configuracion para buscar y recuperar el registro específico.
- Envía el objeto de $configuracion a la vista show.blade.php.
b. Interfaz de Detalle [08:33]
- Se adapta la interfaz del formulario de creación (create) para convertirla en una vista estática, mostrando solo los datos registrados [09:17].
- Se reemplazan los inputs del formulario por etiquetas simples (<p>) que imprimen los valores de la variable $configuracion->campo.
- El logotipo se muestra con la misma lógica que en el index [11:23].
4. ✏️ Preparación para la Edición
Las acciones de la tabla (index) se configuran para redirigir a las vistas de edición y eliminación [06:33].
- El botón Editar ya apunta a la ruta admin.configuraciones.edit, que será el foco de la próxima lección.
- La lógica para eliminar (delete) y la interfaz de edición se completarán en los siguientes pasos del curso.
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! ❤️
