101 Formulario de Configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack
Duración: 12 minDescripción
🖥️ Módulo 101: Implementación de la Interfaz de Configuraciones
Esta lección se centra en la construcción de la interfaz de usuario para el nuevo módulo de Configuraciones, creando tanto la vista de listado (index) como el formulario de registro (create), para permitir al administrador ingresar los datos fundamentales del sistema.
1. 📋 Listado de Configuraciones (Index)
Se adaptó una vista de listado genérica para crear la interfaz del módulo de configuraciones.
A. Lógica del Controlador [02:17]
- El método index del ConfiguracionesController utiliza el modelo Configuracion para obtener todos los registros de la tabla de configuraciones y enviarlos a la vista.
B. Diseño de la Tabla [03:30]
La tabla de listado (index.blade.php) se preparó para mostrar los campos clave de cada registro de configuración, aunque solo se espera un único registro en la práctica:
- Clínica/Hospital
- Dirección
- Teléfono
- Correo
- Logo
2. 📝 Formulario de Registro (Create)
Se implementó el formulario que permitirá al administrador ingresar o actualizar los datos de configuración del sistema.
A. Distribución en la Vista [07:00]
El diseño del formulario (create.blade.php) se estructuró utilizando el sistema de columnas de Bootstrap para una mejor organización visual:
- Se utilizó una fila (Row) dividida en dos columnas principales:
- 8 columnas (col-md-8): Contiene todos los campos de texto y datos (nombre, dirección, teléfono, correo).
- 4 columnas (col-md-4): Se reservó para la carga del logotipo de la institución.
B. Campos del Formulario [08:26]
Los campos de entrada se definieron según la migración creada en la lección anterior:
| Campo | Tipo de Input | Atributo name (Base de Datos) | Notas |
|---|---|---|---|
| Nombre de la Clínica/Hospital | text | nombre | Ocupa un ancho completo en su fila [07:07]. |
| Dirección | text | direccion | Ocupa 6 columnas de 12, compartiendo fila [08:35]. |
| Teléfono | text | telefono | Ocupa 6 columnas de 12, compartiendo fila [09:41]. |
| Correo Electrónico | correo | Se definió como tipo email para validación [10:09]. | |
| Logotipo | file | logotipo | Es el campo para subir la imagen institucional [10:53]. |
Todos los campos se marcaron como requeridos para garantizar la integridad de los datos de configuración.
➡️ Próximo Paso [11:36]
El siguiente capítulo se enfocará en la lógica del controlador (ConfiguracionesController) para procesar el formulario, lo que incluye el manejo de la subida de archivos (logotipo) a la base de datos y al sistema de archivos.
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! ❤️
