Блог

В моей базе данных есть «события», которые я могу создавать и удалять, но внезапно потерял возможность их редактировать. Все остальные типы запросов работают, и даже когда я отправляю редактирование, маршруты не показывают ошибок, и я перенаправляюсь на нужную страницу. Я включил свои два запроса на редактирование ниже (получить и поместить) из моих маршрутов-> events.js, а также мой запрос на удаление, так как он работает просто отлично.

 /* serves the edit form */
router.get('/:id/edit', isLoggedIn, catchAsync(async(req, res,) => {
    const event = await Event.findById(req.params.id);
    if (!event) {
        req.flash('error', 'Cannot find that Event');
        return res.redirect('/events');
    }
    res.render('events/edit', { event });
}));

/* route that isn't pushing edits to the db */
router.put('/:id', isLoggedIn, catchAsync(async (req, res) => {
    const { id } = req.params;
    const event = await Event.findByIdAndUpdate(id, { ...req.body.event });
    res.redirect(`/events/${event.id}`);
}))

/* delete a post - works just fine */
router.delete('/:id', isLoggedIn, catchAsync(async (req, res) => {
    const{ id } = req.params;
    await Event.findByIdAndDelete(id);
    res.redirect('/events');
}))
 

Вот форма:

 <% layout('layouts/boilerplate')%>
<div class="row">
    <h1 class="text-center">Edit Event</h1>
    <div class="col-md-6 offset-md-3">
        <form action="/events/<%=event.id%>?_method=PUT" method="POST" novalidate class="validated-form"
            <div class="mb-3">
                <label class="form-label" for="title">Title</label>
                <input class="form-control" type="text" id="title" name="event[event_name]"
                    value="<%=event.event_name %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label" for="location">Location</label>
                <input class="form-control" type="text" id="location" name="event[location]"
                    value="<%=event.location %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <button class="btn btn-primary">Update event</button>
            </div>
        </form>
        <a href="/events/<%= event.id%>">Back To event</a>
    </div>
</div>
 

Что я делаю не так?

Хорошо — как только я опубликовал вопрос, я понял это (мне нравится, как это работает).

Мои поля формы не соответствовали схеме БД. Обновил поля управления формой до следующих значений:

 <% layout('layouts/boilerplate')%>
<div class="row">
    <h1 class="text-center">Edit Event</h1>
    <div class="col-md-6 offset-md-3">
        <form action="/events/<%=event.id%>?_method=PUT" method="POST" novalidate class="validated-form"
            <div> class="mb-3">
                <label class="form-label" for="event[event_name]">Title</label>
                <input class="form-control" type="text" id="event[event_name]" name="event[event_name]"
                    value="<%=event.event_name %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label" for="event[location]">Location</label>
                <input class="form-control" type="text" id="event[location]" name="event[location]"
                    value="<%=event.location %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <button class="btn btn-primary">Update event</button>
            </div>
        </form>
        <a href="/events/<%= event.id%>">Back To event</a>
    </div>
</div>