Express.js 是一个基于 Node.js 平台的 Web 开发框架，而 MongoDB 则是一个面向文档的 NoSQL 数据库。它们可以很好地配合使用，从而实现功能强大且高效的 Web 应用程序。在本文中，我们将介绍如何使用 Express.js 和 MongoDB 实现一个博客系统，让你了解如何用这些工具进行 Web 开发。
1. 准备工作
在开始编写代码之前，我们需要安装以下软件和工具：
- Node.js 和 npm
- MongoDB 数据库
- Express.js 和相关依赖
在安装 Node.js 和 npm 之后，打开终端或命令行界面，输入以下命令来安装 Express.js：
--- ------- ------- ------
接着，我们需要安装几个中间件来处理不同的任务：
--- ------- ----------- ------ --- ------- -------- ------ --- ------- ------- ----------
body-parser 中间件用来解析 HTTP 请求体，Mongoose 中间件用来操作 MongoDB 数据库，nodemon 则是一个工具，用来自动重新启动应用程序，使开发过程更加高效。
2. 创建项目和设置基本路由
我们可以使用 Express 应用程序生成器，快速创建一个 Express.js 应用程序框架。在终端或命令行界面输入以下命令：
------- ------ -- ------ --- -------
接着，打开 app.js 文件，在其中添加以下内容：
--- ------- - ------------------- --- ---- - ---------------- --- ------ - ------------------ --- ---------- - ----------------------- --- --- - ---------- -- -- ------ - ----------- --- ----------------------- --------------------------- ------------------------------- --------- ----- ---- -- -------- ------------------------------------------- ------------ -- ------ ------------ ------------- ---- - --------------- --------- --- ----------------- ------------- ---- - --------------- ----- --- ----------------- -------------------- ------ --------- -- ---- -------
在上面的代码中，我们设置了 logger 和 body-parser 中间件，用来处理日志和 HTTP 请求体的解析。同时，我们也设置了一个静态文件目录，在这个目录下的文件将会被直接返回给客户端。最后，我们添加了基本的路由处理程序，分别对应首页和关于页面。
3. 设置 MongoDB 数据库并定义模型
在项目根目录下，我们创建一个名为 config 的文件夹，在其中创建一个名为 db.js 的文件，用来设置 MongoDB 数据库的连接。在 db.js 文件中，添加以下内容：
--- -------- - -------------------- ----------------------------------------------- -------------- - --------------------
上面的代码中，我们首先引入了 Mongoose 模块，并使用 mongoose.connect 方法连接到 MongoDB 数据库。接着，使用 module.exports 将该连接实例暴露给其他模块调用。
我们在 models 文件夹中，创建一个名为 post.js 的文件，用来定义博客文章的模型。在 post.js 文件中，添加以下内容：
--- -------- - -------------------- -- -------- --- ---------- - --- ----------------- ------ ------- -------- ------- ---------- - ----- ----- -------- -------- -- ---------- - ----- ----- -------- -------- - --- -------------- - ---------------------- ------------
上面的代码中，我们首先引入了 Mongoose 模块，并使用 mongoose.Schema 方法定义了博客文章的模型。模型包含了文章标题、内容、创建时间和更新时间等信息。最后，我们使用 mongoose.model 方法将该模型暴露为 Post，并在其他模块中可以使用该模型进行文章的操作。
4. 添加路由处理程序
在 app.js 文件中，我们添加路由处理程序，用来处理不同的请求。在处理程序中，我们可以使用 Post 模型来对博客文章进行操作。以下是实现博客系统必须的一些路由：
首页
------------ ------------- ---- -
--- ----- - ------------
------------ ---------- -- --------------------- ------ -
-- ----- ----- ----
------------------- - ------ ----- ---
---
---首先，我们使用 Post.find() 方法查询所有文章。接着，使用 sort() 方法对文章进行按时间倒序排列，并使用 exec() 方法来执行查询操作。最后，调用 res.render 方法渲染视图模板（views/index.ejs），并将查询结果传递给该模板。
views/index.ejs 文件中的代码如下：
----
-- ---------------------------- - --
----
------ ---------------- -------- ------- ---------- -----------
------ ------------ ------
-- --------------------- -- --- -------------- ------
-----
-- -- --
-----新建文章页面
--------------------- ------------- ---- - ------------------ ---
res.render 方法用来渲染视图模板（views/new.ejs），该模板用来展示新建文章的表单。
views/new.ejs 文件中的代码如下：
----- --------------- --------------
---
------------------------
------ ----------- -------------
----
---
--------------------------
--------- --------------------------
----
---
------- ---------------------------
----
-------保存文章
------------------ ------------- ---- -
--- ---- - --- ---------------
----------------------- -
-- ----- ----- ----
------------------
---
---首先，我们使用 Post 模型创建新的文章实例，并将请求体 req.body 作为参数传入。接着，使用 save() 方法将该文章实例保存到 MongoDB 数据库中。最后，使用 res.redirect 方法重定向到首页。
查看文章
--------------------- ------------- ---- -
---------------------------- ------------- ----- -
-- ----- ----- ----
------------------ - ----- ---- ---
---
---我们使用 req.params.id 获取 URL 中的文章 ID，并使用 findById 方法查询指定的文章。查询完成后，我们使用 res.render 方法渲染视图模板（views/show.ejs），并将查询结果传递给该模板。
views/show.ejs 文件中的代码如下：
----- ------- ---------- ------- ------ ------------ ------ -- --------------------- -- --- -------------- ------ ------
5. 运行应用程序
最后，我们可以使用以下命令启动应用程序：
------- ---------
使用浏览器访问 http://localhost:3000/，即可查看我们实现的博客系统。你可以使用该系统来创建新的文章、查看已有的文章，并对文章进行编辑和删除等操作。
结论
在本文中，我们介绍了如何使用 Express.js 和 MongoDB 实现一个博客系统，包括设置基本路由、定义数据模型和添加路由处理程序等方面。通过本文的学习，你可以了解如何将这些工具在实际开发中进行组合，从而实现高效和易维护的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672c7108ddd3a70eb6d83354