使用 NodeJs 更新 MongoDB 操作

Question

我正在开发一个具有 CRUD 操作的博客网站，我能够实现 CRD 操作，但更新一有问题。

问题：-

当我单击“编辑”按钮时，它会打开“撰写”选项卡，其中文本文件已成功加载，但是当我单击“更新”时，它会重定向到主页，但没有任何更新，请帮助我摆脱这种情况。

//This is the code for edit & Update Route 
        app.get("/posts/:postId/edit", (req, res) => {
      Post.findById(req.params.postId, (err, post) => {
        if (err) {
          console.log(err);
        } else {
          res.render("edit", { post: post });
        }
      });
    });
    app.post("/posts/:postId/edit", (req, res) => {
      Post.findByIdAndUpdate(
        req.params.postId,
        {
          $set: {
            title: req.body.title,
            content: req.body.content,
          },
        },
        (err, update) => {
          if (err) {
            console.log(err);
          } else {
            console.log("Post Updated");
            res.redirect("/");
          }
        }
      );
    });

编辑/更新表格

//This is the Edit ejs file containing the update form 
 <form action="/posts/<%=post._id%>/edit/?_method=PUT" method="post">
            <div class="mb-3">
                <label for="post-title">Title</label>
                <input class="form-control" id="post-title" name="postTitle" type="text" placeholder="Input title"
                    required autocomplete="off" value="<%=post.title%>">
            </div>
            <div class="mb-3">
                <label for="postcontent">Post</label>
                <textarea class="form-control text-area" id="postcontent" name="blog" rows="4" cols="50" required
                    placeholder="Start writing your blog ..............."><%=post.content%></textarea>
            </div>
            <button class="btn btn-primary publish-btn" type="submit" name="button">Update</button>
        </form>

Answer 1

你的错误来自Ejs

你没有很好地重命名你的req.body来匹配你传入的数据

你应该使用标题而不是postTitle

和内容而不是博客

只需编辑你的ejs到此并测试哎呀

 <form action="/posts/<%=post._id%>/edit/?_method=PUT" method="post">
        <div class="mb-3">
            <label for="post-title">Title</label>
            <input class="form-control" id="post-title" name=“title" type="text" placeholder="Input title"
                required autocomplete="off" value="<%=post.title%>">
        </div>
        <div class="mb-3">
            <label for="postcontent">Post</label>
            <textarea class="form-control text-area" id="postcontent" name="content" rows="4" cols="50" required
                placeholder="Start writing your blog ..............."><%=post.content%></textarea>
        </div>
        <button class="btn btn-primary publish-btn" type="submit" name="button">Update</button>
    </form>

如果这回答了你的问题将其标记为已完成