Добавление данных из формы, написанной на vue.js, в модель Django

Я создаю (относительно простую) систему бронирования для веб-сайта, используя Django. Фронтенд сайта написан на Vue.js в одностраничном формате. Мне нужна одна форма, которую пользователь заполняет, чтобы забронировать заданный номер на заданное время. Изначально я хотел создать форму сам, используя Django ModelForms, но обнаружил, что это может быть сложно для фронтенда, чтобы стилизовать ее позже.

Следовательно, я рассматриваю возможность позволить front-end создать форму, но вопрос в том, как мне получить данные из этой формы и ввести их в мою модель Django, чтобы они появились в базе данных SQLite. Форма также должна взаимодействовать с моей базой данных, чтобы пользователь мог бронировать только свободные места.

Я совсем новичок во всем этом и немного запутался в том, как действовать дальше. Любые советы или рекомендации будут очень признательны.

На данный момент у меня есть модель резервирования, которая должна быть заполнена данными, когда форма отправлена:

class Reservation(models.Model):
    room=models.ForeignKey(Room, on_delete=models.CASCADE)
    time_slot= models.ForeignKey(TimeSlot, on_delete=models.CASCADE)
    first_name=models.CharField(max_length=255)
    last_name=models.CharField(max_length=255)
    number_of_ppl=models.IntegerField()
    email= models.EmailField(max_length=255)
    phone_number=models.CharField(max_length=50)
    invoice=models.BooleanField(default=False)
    comments=models.CharField(max_length=255)

time_slot ссылается на модель TimeSlot, которая содержит время даты, связанное с конкретной комнатой.

Вернуться на верх