71 Preparando DATOS para registrar reservas con FULLCALENDAR en SISTEMA (PHP y MySql) FullStack
Duración: 12 minDescripción
🎬 Lección 71: Preparación de Datos para Registrar Reservas ⚙️
Esta lección finaliza la preparación del frontend del formulario de reserva de citas antes de implementar la lógica del backend.
1. Habilitación de Horarios en FullCalendar
El instructor completa el proceso de enlazar todos los botones de horario (h2 a h8) con el modal de reserva. Se añade el código JavaScript a cada botón para que, al hacer clic, se abra el formulario y se precargue la hora específica seleccionada, asegurando que todos los horarios definidos estén activos. [01:07] - [03:49]
2. Configuración del Formulario y Campos
Se configura el elemento <form> dentro del modal para que apunte al controlador que se encargará de guardar la reserva:
- Destino del Formulario: La acción del formulario se establece para que envíe los datos al nuevo controlador ubicado en app/controllers/reservas/controller_reservas. [05:41]
- Método de Envío: Se utiliza el método POST. [06:08]
- Asignación de Nombres: Se asignan los atributos name a los campos que se enviarán:
3. Solución para Campos Deshabilitados (Disable) 💡
Se implementa una solución importante para los campos de fecha y hora que están deshabilitados (disable) en el formulario, ya que los campos deshabilitados no envían su valor en una solicitud POST estándar.
- Duplicación de Campos: Se crean campos de entrada ocultos (hidden) adicionales para la fecha y la hora. [07:46] - [10:05]
- Transferencia de Valor: El valor de los campos visibles y deshabilitados se transfiere a estos nuevos campos ocultos.
- Envío de Datos: Estos campos ocultos son los que tienen el atributo name final (fecha_reserva y hora_reserva), asegurando que la fecha y la hora seleccionadas se envíen correctamente al controlador de PHP. [08:51] [10:11]
El video concluye, dejando listo el frontend para que el próximo video se centre exclusivamente en la creación de la lógica del controlador para insertar el registro de la reserva en la base de datos. [11:40]
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! ❤️
