#javascript #node.js #mongodb #mongoose #crud
Вопрос:
В моей базе данных есть «события», которые я могу создавать и удалять, но внезапно потерял возможность их редактировать. Все остальные типы запросов работают, и даже когда я отправляю редактирование, маршруты не показывают ошибок, и я перенаправляюсь на нужную страницу. Я включил свои два запроса на редактирование ниже (получить и поместить) из моих маршрутов-> 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>
Что я делаю не так?
Ответ №1:
Хорошо — как только я опубликовал вопрос, я понял это (мне нравится, как это работает).
Мои поля формы не соответствовали схеме БД. Обновил поля управления формой до следующих значений:
<% 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>