在实现一个网站或应用时，表单提交和数据存储是必不可少的功能。本文将介绍如何利用 Express.js 和 MongoDB 来实现这些功能。
什么是 Express.js 和 MongoDB？
Express.js 是一个流行的 Node.js web 应用程序框架，它可以用于创建服务器、路由和中间件等。它拥有丰富的 API 和扩展性，可以帮助开发者快速构建 Web 应用。
MongoDB 是一个流行的 NoSQL 数据库，它使用文档存储数据，而不是使用关系型表。它非常适合处理大量的非结构化数据，因为它的查询性能非常高。
实现表单提交
为了在 Express.js 中实现表单提交，我们需要使用一个中间件来解析请求主体。在这里，我们将使用 body-parser。
首先，我们需要安装 body-parser：
npm install body-parser --save
然后在我们的应用程序中引入它：
const express = require("express");
const bodyParser = require("body-parser");
const app = express();
app.use(bodyParser.urlencoded({ extended: true }));现在我们可以创建一个简单的表单并处理提交请求。在这个示例中，我们将打印提交的值到控制台：
-- -------------------- ---- -------
--------- -----
------
------
---------------------
-------
------
----- ------------- -----------------
-----
------ ----------------------
------ ----------- ------------
------
-----
------ -----------------------
------ ------------ -------------
------
-----
------ -------------------------
--------- --------------------------
------
------- -------------------------
-------
-------
-------app.post("/submit", (req, res) => {
console.log(req.body);
res.send("表单提交成功！");
});实现数据存储
为了在 MongoDB 中存储数据，我们需要使用 mongoose 库。它是一个 Node.js 的 MongoDB ORM，可以帮助我们更方便地操作数据库。
首先，我们需要安装 mongoose：
npm install mongoose --save
然后，在我们的应用程序中引入它：
const mongoose = require("mongoose");
mongoose.connect("mongodb://localhost/myapp");现在，我们可以定义一个模型来表示我们的数据。在这个示例中，我们将创建一个简单的消息模型：
-- -------------------- ---- ------- ----- ------ - ---------------- ----- ------------- - --- -------- ----- - ----- ------- --------- ---- -- ------ - ----- ------- --------- ---- -- -------- - ----- ------- --------- ---- -- ----- - ----- ----- -------- -------- - --- ----- ------- - ------------------------- ---------------
接下来，我们需要在提交时将数据保存到数据库中：
-- -------------------- ---- -------
------------------- ----- ---- -- -
----- ------- - --- ---------
----- --------------
------ ---------------
-------- ----------------
---
------------------ -- -
-- ----- -
-------------------
------------------
- ---- -
---------------------
------------------
-
---
---现在，每次提交时，表单数据都会保存到 MongoDB 中。
总结
本文介绍了如何利用 Express.js 和 MongoDB 实现表单提交和数据存储。我们使用了 body-parser 中间件来解析请求主体，使用 mongoose 库来定义模型和存储数据。这些功能是 Web 应用程序的必备功能，希望这篇文章能够帮助大家学习和实现它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fedddf95b1f8cacdd89d66