使用 Express.js 构建 Node.js 网站的完整指南

阅读时长 6 分钟读完

介绍

Express.js 是一个流行的 Node.js web 框架,它允许您轻松地创建可扩展的、可重用的 web 应用程序和 API。它提供了许多强大的功能,例如路由、模板引擎、中间件、数据库集成、错误处理和静态文件处理等。在本文中,我们将探索如何使用 Express.js 来构建一个完整的 Node.js 网站。

安装

在构建一个使用 Express.js 的 Node.js 网站之前,首先需要安装 Node.js 和 Express.js。您可以通过 官方网站 下载安装 Node.js,然后使用以下命令安装 Express.js:

这样就可以开始构建我们的网站了。

创建基本应用

首先,让我们创建一个简单的 Express.js 应用程序。在命令行中创建一个新文件夹并转到该文件夹,然后创建一个 app.js 文件。

app.js 文件中添加以下代码:

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

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

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

在该代码中,我们创建了一个 Express.js 应用程序,然后定义了一个路由,该路由将使用 HTTP GET 方法并返回“Hello World!”消息。最后,我们使用 listen 方法将应用程序绑定到 3000 端口,并在控制台中输出一个消息。

现在,我们可以使用以下命令启动我们的应用程序:

然后,打开浏览器并访问 http://localhost:3000 就可以看到“Hello World!”消息了。

模板引擎

在构建网站时,通常需要使用模板引擎来渲染 HTML 页面。Express.js 支持许多模板引擎,例如 EJS、Handlebars 和 Pug 等。在本节中,我们将讨论如何在 Express.js 应用程序中使用 EJS 模板引擎。

首先,使用以下命令安装 EJS:

然后,在 app.js 文件中添加以下代码:

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

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

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

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

在该代码中,我们使用 app.set 方法来设置 EJS 作为默认的模板引擎。然后,在路由处理函数中,我们使用 res.render 方法来渲染 index.ejs 模板,并将一个包含消息的对象作为参数传递给该方法。

接下来,我们需要创建一个名为 views 的文件夹,并在该文件夹中创建一个 index.ejs 文件。在该文件中添加以下代码:

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

在该代码中,我们使用 EJS 语法向 HTML 页面中添加动态内容。具体来说,在 <%= %> 标记中添加消息对象的属性。

现在,我们可以使用以下命令启动我们的应用程序:

然后,打开浏览器并访问 http://localhost:3000 就可以看到包含“Hello World!”消息的 HTML 页面了。

数据库集成

在真实的网站中,通常需要使用数据库来存储和检索数据。Express.js 集成了许多流行的数据库,例如 MongoDB、MySQL 和 PostgreSQL 等。在本节中,我们将介绍如何在 Express.js 应用程序中集成 MongoDB 数据库。

首先,使用以下命令安装 Mongoose,这是一个 Node.js 的 MongoDB ODM(对象文档映射器):

然后,在 app.js 文件中添加以下代码:

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

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

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

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

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

在该代码中,我们首先连接到本地 MongoDB 数据库,然后定义了一个 User 模型,该模型将用户的名称存储为字符串。接下来,在 /users 路由处理函数中,我们使用 User.find 方法从数据库中检索所有用户,然后将其发送作为响应给客户端。

现在,我们可以使用以下命令启动我们的应用程序:

然后,打开浏览器并访问 http://localhost:3000/users 就可以看到从 MongoDB 数据库检索的所有用户了。

结论

在本文中,我们介绍了如何使用 Express.js 构建一个完整的 Node.js 网站。我们讨论了如何创建基本应用程序、使用模板引擎、集成数据库等。通过学习本文中的内容,您应该能够开始开发自己的 Express.js 应用程序了。

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

纠错
反馈