Replit上，Node.js连MongoDB实践经验记录

前言：

作为一个新手，想从前端-后端-数据库，完整学习一下网页应用的开发过程。

自己也没有足够的经验和资源搭建开发及部署环境。

所以在网上找到了Replit，是一个免费的不错的学习实践平台。

这次，主要按照Replit的帮助文档，实践了Node.js和MongoDB（在线）的链路打通，实践了一个简单的前端表单提交，后端处理、数据库增删改查的操作。

在过程中，可能由于文档内容比较老，有些小坑，特此记录一下。

Replit帮助文档链接

CRM app with Node.js, Replit, and MongoDB | Replit Docs

按照文档，在前面几步基本问题都不大。其中MongoDB网站上的注册和设置，和文档内容略有不同，但基本都能找到。

问题1：

在创建数据的环节，在Replit上显示创建成功，但是MongoDB中始终没有数据新增。

原因分析了半天，发现是Node.js和MongoDB的版本没有对齐。可能由于帮助文档的内容版本较老导致的。

解决：

在Replit中的shell，进行npm install mongodb@4.1的命令输入，以和MongoDB中connect的时候选择的版本保持一致。

问题2：

进行删除操作时，总是不能正常进行删除。

解决：

帮助文档给出的代码中，query的构建代码中，当对象内容为空时，赋值Null。但其实在MongoDB中，对应字段内容为空的状态是”“。两者不匹配。

所以在使用deleteOne的时候，由于对象不完全匹配，导致删除失败。

对代码进行了修改后，删除成功。

app.post("/delete", function (req, res) {
  client.connect((err) => {
    if (err) throw err;
    let query = {
      name: req.body.name,
      address: req.body.address ? req.body.address : "",
      telephone: req.body.telephone ? req.body.telephone : "",
      note: req.body.note ? req.body.note : "",
    };
    console.log(query);
    client
      .db("crmdb")
      .collection("customers")
      .deleteOne(query, function (err, obj) {
        if (err) throw err;
        console.log("1 document deleted");
        console.log(obj);
        res.send(`Customer ${req.body.name} deleted`);
      });
  });
});

问题3：

create数据一开始不成功，试了好几次都失败。

解决：

帮助文档中，给出的这一段代码中，括号有问题，导致create不成功。

文档中的内容：

 应该是：

 

问题4：

文档中给出的pug代码有问题，解析失败。

 

解决：

重新整理一下代码，成功。

html
  body
    p #{message}
    h2= 'Customer details'
    form(method='POST' action='/update')
      input(type='hidden' id='oldname' name='oldname' value=oldname)
      input(type='hidden' id='oldaddress' name='oldaddress' value=oldaddress)
      input(type='hidden' id='oldtelephone' name='oldtelephone' value=oldtelephone)
      input(type='hidden' id='oldnote' name='oldnote' value=oldnote)
      label(for='name') Customer name:
      br
      input(type='text', placeholder='John Smith' name='name' value=name)
      br
      label(for='address') Customer address:
      br
      input(type='text', placeholder='42 Wallaby Way, Sydney' name='address' value=address)
      br
      label(for='telephone') Customer telephone:
      br
      input(type='text', placeholder='+275554202' name='telephone' value=telephone)
      br
      label(for='note') Customer note:
      br
      input(type='text', placeholder='Likes unicorns' name='note' value=note)
      br
      button(type='submit' formaction="/update") Update
      button(type='submit' formaction="/delete") Delete

总体：Replit上的文档较老，完全一步步照着做，也可能出现问题，还是要自己多分析解决。