JS 开发 RESTful API 从入门到实践(三):使用 Node.js + Express + MongoDB 搭建简单的 Single Page CRUD 应用程序

阅读时长 7 分钟读完

在前两篇文章中,我们学习了 RESTful API 的基本概念和如何使用 Node.js 和 Express 框架来开发它们。在本文中,我们将继续探讨这个话题,并将使用 MongoDB 数据库来存储我们的数据。

1. 什么是 MongoDB?

MongoDB 是一个 NoSQL 数据库,它使用文档模型来存储数据。这意味着数据被存储为 JSON 格式的文档,而不是传统的表格结构。这使得 MongoDB 更加灵活,适用于存储非结构化数据。

2. 安装和配置 MongoDB

首先,我们需要安装 MongoDB。你可以在官方网站上下载安装包,然后按照它的指示进行安装。

安装完成后,我们需要启动 MongoDB 服务。在 Windows 上,你可以在命令行中输入以下命令来启动服务:

在 Mac 或 Linux 上,你可以输入以下命令:

现在,我们已经安装好了 MongoDB 并启动了服务。接下来,我们需要创建一个数据库,并为我们的应用程序配置它。

3. 创建数据库和集合

在 MongoDB 中,我们可以使用 mongo 命令行工具来创建数据库和集合。首先,我们需要打开一个新的命令行窗口,并输入以下命令来连接到 MongoDB 数据库:

接下来,我们需要创建一个新的数据库。我们可以使用以下命令来创建一个名为 mydb 的新数据库:

现在,我们已经创建了一个新的数据库。接下来,我们需要创建一个集合来存储我们的数据。我们可以使用以下命令来创建一个名为 users 的新集合:

现在,我们已经创建了一个新的集合。接下来,我们可以使用以下命令来插入一些示例数据:

-- -------------------- ---- -------
----------------
  -
    ------- -------
    -------- -------------------
    ----------- -----------
  -
-

----------------
  -
    ------- -------
    -------- -------------------
    ----------- -----------
  -
-

现在,我们已经准备好了我们的数据库和集合。接下来,我们将使用 Node.js 和 Express 框架来创建一个单页应用程序,它可以连接到我们的数据库并执行 CRUD 操作。

4. 创建 Single Page CRUD 应用程序

首先,我们需要安装 Express 和相关的依赖项。我们可以使用以下命令来安装它们:

接下来,我们需要创建一个新的 Express 应用程序。我们可以使用以下命令来创建一个名为 myapp 的新应用程序:

现在,我们已经创建了一个新的应用程序。接下来,我们需要添加一些路由和控制器来处理我们的 CRUD 操作。

首先,我们需要打开 app.js 文件,并添加以下代码来连接到 MongoDB 数据库:

接下来,我们需要创建一个新的模型来定义我们的数据结构。我们可以在 models 目录中创建一个名为 user.js 的新文件,并添加以下代码:

-- -------------------- ---- -------
--- -------- - --------------------

--- ---------- - -----------------
  ----- -------
  ------ -------
  --------- ------
---

--- ---- - ---------------------- ------------

-------------- - -----

现在,我们已经定义了我们的数据结构。接下来,我们需要创建一些路由和控制器来处理我们的 CRUD 操作。

首先,我们需要打开 routes 目录中的 index.js 文件,并添加以下代码:

-- -------------------- ---- -------
--- ------- - -------------------
--- ------ - -----------------

--- ---- - --------------------------

--------------- ------------- ---- ----- -
  ------------------- - ------ --------- ---
---

-------------- - -------

这个路由将处理我们的主页。我们可以在 views 目录中创建一个名为 index.ejs 的新文件,并添加以下代码:

-- -------------------- ---- -------
--------- -----
------
  ------
    ---------- ----- ----------
    ----- ---------------- ----------------------------- --
  -------
  ------
    ------- ----- -------
    ---------- -- --- ----- ------
  -------
-------

接下来,我们需要创建一个新的路由来处理我们的用户列表。我们可以在 routes 目录中创建一个名为 users.js 的新文件,并添加以下代码:

-- -------------------- ---- -------
--- ------- - -------------------
--- ------ - -----------------
--- ---- - --------------------------

--------------- ------------- ---- ----- -
  ----------------------- ------ -
    -- ----- ------ ----------
    ----------------
  ---
---

---------------- ------------- ---- ----- -
  --------------------- ------------- ----- -
    -- ----- ------ ----------
    ---------------
  ---
---

------------------ ------------- ---- ----- -
  ------------------------------------- --------- ------------- ----- -
    -- ----- ------ ----------
    ---------------
  ---
---

--------------------- ------------- ---- ----- -
  ------------------------------------- ------------- ----- -
    -- ----- ------ ----------
    ---------------
  ---
---

-------------- - -------

这个路由将处理我们的用户列表,并包含以下操作:

  • GET:获取用户列表
  • POST:创建新用户
  • PUT:更新用户信息
  • DELETE:删除用户

接下来,我们需要在 app.js 文件中添加以下代码来使用这个路由:

现在,我们已经创建了一个完整的 Single Page CRUD 应用程序,它可以连接到我们的 MongoDB 数据库并执行 CRUD 操作。我们可以使用 Postman 或类似的工具来测试我们的 API。

5. 结论

在本文中,我们学习了如何使用 Node.js、Express 和 MongoDB 来创建一个简单的 Single Page CRUD 应用程序。我们了解了 MongoDB 的基本概念,并学习了如何使用它来存储非结构化数据。我们还学习了如何创建一个模型来定义我们的数据结构,并使用 Express 和路由来处理我们的 CRUD 操作。希望本文对你有所帮助,谢谢阅读!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/673d72bbde2dedaeef3a2231

纠错
反馈