前言
在现代 Web 开发中，Express.js 和 MongoDB 成为了非常流行的两个技术。Express.js 是 Node.js 最流行的 Web 框架之一，能够轻松构建 Web 应用程序。而 MongoDB 是一个文档数据库，非常适合处理半结构化数据。
在本文中，我们将介绍如何使用 Express.js 和 MongoDB 构建 Web 应用程序。我们从基本概念开始，逐步深入，最后提供一个完整的示例，帮助你快速上手。
准备工作
在开始构建 Web 应用程序之前，我们需要先安装以下软件：
- Node.js：你可以在官方网站 https://nodejs.org/ 下载安装。
- MongoDB：你可以在官方网站 https://www.mongodb.com/ 下载安装。
安装完毕后，我们可以开始创建我们的 Express.js 应用程序。
创建 Express.js 应用程序
首先，打开终端，创建一个新的文件夹，并在其中创建一个空的 package.json 文件。这个文件将记录我们依赖的软件包和版本。我们可以使用以下命令来初始化它。
mkdir myapp cd myapp npm init -y
接下来，我们需要安装 Express.js 和一些必要的中间件。中间件是 Express.js 应用程序中的可重用代码片段，它们被用来扩展应用程序的功能。我们可以使用以下命令来安装它们。
npm install express body-parser mongoose --save
express是 Express.js 的核心模块。body-parser是一个解析表单请求的中间件。mongoose是一个 MongoDB ODM（对象文档映射）库。
接下来，我们可以创建一个名为 app.js 的文件，用于编写我们的应用程序代码。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- -------- - -------------------- ---------------------------------------------- ----- --- - ---------- ------------------------------- --------- ----- ---- --------------------------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------------- -- ---- ------- ---
这段代码做了以下几件事情：
- 引入必要的模块。
- 连接到 MongoDB 数据库。
- 创建一个 Express.js 应用程序。
- 添加 body-parser 中间件。
- 定义一个根路由。
- 开始监听端口。
现在，我们可以使用以下命令来运行我们的应用程序。
node app.js
然后，在你的浏览器中访问 http://localhost:3000，你应该会看到一个 Hello World! 的页面。
构建我们的 Web 应用程序
我们现在有了一个基本的 Express.js 应用程序，接下来我们将使用 MongoDB 构建我们的 Web 应用程序。在这个示例中，我们将构建一个简单的博客应用程序，它将允许用户创建、编辑和删除博客文章。
创建模型
在我们开始编写路由之前，我们需要定义模型。模型是 MongoDB 中的数据模板，它包含了你的文档的结构和字段。在本示例中，我们将创建一个名为 BlogPost 的模型，表示博客文章。
在 app.js 文件中，添加以下代码：
-- -------------------- ---- -------
----- -------------- - --- -----------------
------ -------
-------- -------
---------- -
----- -----
-------- ---------
--
---
----- -------- - -------------------------- ----------------这个代码会创建一个 BlogPost 的模型，并定义以下字段：
title：博客文章的标题。content：博客文章的内容。createdAt：博客文章的创建时间。
定义路由
接下来，我们将定义一些路由，允许用户创建、编辑和删除博客文章。
在 app.js 文件中，添加以下代码：
-- -------------------- ---- ------- --------------------- ----- ----- ---- -- - ----- --------- - ----- ---------------------- ---------- -- --- -------------------- --- ---------------------- ----- ----- ---- -- - ----- - ------ ------- - - --------- ----- -------- - --- ---------- ------ ------- --- ----- ---------------- ------------------- --- ------------------------- ----- ----- ---- -- - ----- - -- - - ----------- ----- - ------ ------- - - --------- ----- -------- - ----- ---------------------- -------------- - ------ ---------------- - -------- ----- ---------------- ------------------- --- ---------------------------- ----- ----- ---- -- - ----- - -- - - ----------- ----- ------------------------------- ---------- -------- ---- --- ---
这个代码包含以下路由：
GET /api/posts：获取所有博客文章。POST /api/posts：创建新的博客文章。PUT /api/posts/:id：更新现有的博客文章。DELETE /api/posts/:id：删除现有的博客文章。
完整的示例代码
现在，我们来看一下最终的示例代码。
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - -----------------------
----- -------- - --------------------
----------------------------------------------
----- -------------- - --- -----------------
------ -------
-------- -------
---------- -
----- -----
-------- ---------
--
---
----- -------- - -------------------------- ----------------
----- --- - ----------
------------------------------- --------- ----- ----
---------------------------
------------ ----- ---- -- -
--------------- ---------
---
--------------------- ----- ----- ---- -- -
----- --------- - ----- ---------------------- ---------- -- ---
--------------------
---
---------------------- ----- ----- ---- -- -
----- - ------ ------- - - ---------
----- -------- - --- ---------- ------ ------- ---
----- ----------------
-------------------
---
------------------------- ----- ----- ---- -- -
----- - -- - - -----------
----- - ------ ------- - - ---------
----- -------- - ----- ----------------------
-------------- - ------
---------------- - --------
----- ----------------
-------------------
---
---------------------------- ----- ----- ---- -- -
----- - -- - - -----------
----- -------------------------------
---------- -------- ---- ---
---
---------------- -- -- -
---------------------- -- ---- -------
---总结
在本文中，我们介绍了如何使用 Express.js 和 MongoDB 构建 Web 应用程序。我们从基本概念开始，逐步深入，最后提供了一个完整的示例，帮助你快速上手。现在，你应该已经掌握了使用 Express.js 和 MongoDB 构建 Web 应用程序的基本知识。祝你成功！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646042fe968c7c53b020084e