86 Módelo Eventos de FullCalendar en la página principal en Sistema con LARAVEL(PHP-MySql) FullStack
Duración: 14 minDescripción
🗓️ 💾 Lección 86: Creación del Modelo Eventos para FullCalendar en Laravel
Esta lección se enfoca en la creación de los elementos necesarios en el backend (modelo, migración y controlador) para almacenar y gestionar los eventos de reserva que se mostrarán en la interfaz de FullCalendar del usuario.
1. 🔍 Análisis del Modelo de Datos de FullCalendar
Se analiza la estructura de datos que FullCalendar necesita para renderizar un evento en el calendario de forma dinámica [00:50]:
- title: El nombre o descripción del evento (ej. "Odontología", "Pediatría").
- start: La fecha y hora de inicio del evento (ej. YYYY-MM-DD HH:MM:SS).
- end: La fecha y hora de finalización del evento.
- color: El color de fondo del evento (ej. #ff6666).
- textColor (Opcional): El color del texto dentro del evento.
2. 🏗️ Creación de Componentes de Backend
Se utiliza Artisan para generar los archivos principales que gestionarán los datos de las citas:
Comando Artisan:
Bash
php artisan make:model Event -mcr
- Archivos Creados:
3. ✍️ Definición de la Migración events
Se define la estructura de la tabla events en la migración, incorporando los campos necesarios para FullCalendar y las relaciones con otras tablas del sistema [08:50]:
| Campo | Tipo | Propósito |
|---|---|---|
| title | string | Título de la cita (ej. especialidad o nombre del doctor). |
| start | dateTime | Fecha y hora de inicio de la reserva. |
| end | dateTime | Fecha y hora de fin de la reserva. |
| color | string | Color de visualización del evento en FullCalendar. |
| doctor_id | foreignId | Relación con el doctor que atenderá la cita. |
| consultorio_id | foreignId | Relación con el consultorio donde se realizará la cita. |
| user_id | foreignId | Relación con el usuario/paciente que realiza la reserva. |
- Ejecución de Migración: Después de definir la estructura y las llaves foráneas, se ejecuta la migración para crear la nueva tabla en la base de datos [12:39].
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! ❤️