Lección: 02 ⚙️ Configuración del Sistema DESDE CERO - Laravel + Filament | Ajustes Profesionales

02 ⚙️ Configuración del Sistema DESDE CERO - Laravel + Filament | Ajustes Profesionales

Duración: 106 min

Módulo: Configuración y Módulos Base Lección 2 de 2

Descripción

⚙️ Lección 02: Configuración del Sistema DESDE CERO | Laravel + Ajustes Profesionales

🚀 El Desafío del Módulo de Ajustes

Esta lección, la segunda del proyecto "Sistema de Gestión de Parqueo", se enfoca en la construcción del Módulo de Ajustes (Settings). Este módulo es crítico, ya que centralizará la configuración vital del sistema (moneda, logos, contacto, etc.), asegurando que el software sea profesional, escalable y adaptable.

🛠️ Puntos Clave Cubiertos y Herramientas

Se utiliza Laravel para la lógica de la aplicación y la gestión de la base de datos, además de integrar herramientas de frontend para una experiencia de usuario moderna.

Ícono	Tópico Técnico	Detalle y Minutaje
🏗️	Estructura del Módulo	Creación de rutas, modelo, migración y controlador para el módulo Ajustes [12:19].
🗄️	Diseño de Base de Datos	Definición de 10 campos clave (nombre, descripción, logos, divisa, etc.) y ejecución de la migración [15:44].
🌐	API de Divisas (Monedas)	Conexión e iteración sobre un JSON externo para cargar todas las monedas del mundo en un select dinámico [42:29].
🖼️	Gestión de Archivos	Implementación de subida de imágenes (Logo y Logo Auto), previsualización en tiempo real y uso de Storage Link [51:09].
🛡️	Optimización y Seguridad	Lógica para manejar la inserción (primera vez) y la actualización (con eliminación de archivos basura) en un solo método store [01:06:05].

⏱️ Desarrollo Paso a Paso (Timeline)

El módulo se desarrolló cubriendo tanto la interfaz como la robusta lógica de backend:

Configuración Inicial del Dashboard (AdminLTE): Se ajusta el título y se modifica la navegación lateral para incluir el nuevo ítem Ajustes [02:23].
Implementación del CRUD (Base): Se utiliza php artisan make:model -mcr para generar el Modelo, Migración y Controlador de Ajustes en un solo paso [12:19].
Diseño de la Tabla: Se define la estructura de la tabla ajustes con campos como logo, divisa y telefonos, y se crea la ruta para la vista Index [23:44].
Construcción del Formulario: Se diseña el formulario de configuración, dividiendo el espacio en columnas y aplicando estilos de Bootstrap/AdminLTE [33:08].
Validación Dinámica y Update: Se implementa una validación avanzada que hace que los campos de tipo file (logotipos) sean opcionales durante la actualización, pero obligatorios en la primera configuración [01:34:28].
Mensajes de Éxito: Se integra SweetAlert2 para mostrar notificaciones animadas tras guardar la configuración [01:18:18].

🔗 Enlaces y Recursos

API para el listado de Monedas (Divisas): https://hilariweb.com/api/divisas.json

Hilari Web