57 Tabla en la base de datos para guardar FULLCALENDAR en el SISTEMA VETERINARIO(PHPyMySql)FullStack

Duración: 15 min
Módulo: 📅 Desarrollo del Módulo de Reservas con FullCalendar Lección 3 de 9

Descripción

🎬 Lección 57: Tabla para Guardar FullCalendar en la Base de Datos 💾

El objetivo principal de esta lección es definir la estructura de la base de datos para migrar la gestión de citas de un formato estático a uno dinámico, utilizando una nueva tabla.

1. Definición de la Tabla de Reservas

Se crea una nueva tabla llamada reservas en la base de datos. El instructor revisa los campos que necesita FullCalendar (título, inicio, fin y color) y los integra con los campos propios del sistema de veterinaria.

Estructura de la Tabla reservas

CampoPropósitoTipo de DatoNotas
id_reservaIdentificador único de la cita.INTLlave Primaria y Auto Incrementable.
id_usuarioEnlaza la reserva al usuario que la agendó.INTLlave Foránea.
nombre_mascotaNombre de la mascota para la cual se agenda la cita.VARCHAR(255) 
tipo_servicioEl servicio que se reservó (ej. lavado, corte).VARCHAR 
fecha_citaLa fecha de la reserva.DATE 
hora_citaLa hora de inicio de la reserva.VARCHAR(100) 
titleTítulo del evento para FullCalendar.VARCHAR(100) 
startFecha y hora de inicio del evento para FullCalendar.VARCHAR(100) 
endFecha y hora de finalización del evento para FullCalendar.VARCHAR(100) 
colorCódigo de color del evento para FullCalendar.VARCHAR(50) 

2. Establecimiento de la Relación (Llave Foránea)

  • Se configura el campo id_usuario en la tabla reservas como una Llave Foránea.
  • Esta llave se relaciona con el id_usuario de la tabla usuarios, asegurando la integridad de los datos. Esto permite que, al recuperar una cita, se pueda acceder a todos los detalles del usuario que la creó (nombre, correo, etc.).

3. Ejemplo de Inserción de Datos

El instructor realiza una inserción de prueba en la tabla reservas para demostrar el formato de los datos que se guardarán:

  • Detalles del Ejemplo: Se reserva un "Lavado y Corte" para el usuario 1, con la mascota "La Sim".
  • Formato de FullCalendar: Se guardan los campos title, start, end y un código hexadecimal para el color del evento, tal como los requiere la librería.

4. Próximos Pasos

El video concluye indicando que, dado que la información ya está guardada en la base de datos, la siguiente lección se centrará en:

  1. Crear una cadena JSON (o una API) utilizando PHP.
  2. Utilizar esa cadena JSON para cargar los datos dinámicamente en el calendario de FullCalendar.