快速入门 Express.js 框架的教程

阅读时长 5 分钟读完

前言

Express.js 是一个流行的 Node.js Web 应用程序框架,它提供了许多有用的功能和工具,使得开发 Web 应用程序变得更加容易和快速。在本文中,我们将介绍如何快速入门 Express.js 框架,并且通过示例代码来演示如何使用它。

安装

在开始之前,我们需要确保已经安装了 Node.js 和 npm。如果您还没有安装,请前往官方网站下载并安装。

安装 Express.js 框架非常简单,只需要在终端中运行以下命令:

创建一个简单的 Express.js 应用程序

现在我们已经安装了 Express.js 框架,让我们创建一个简单的应用程序并运行它。

首先,在您的项目目录中创建一个名为 app.js 的文件,并在其中添加以下代码:

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

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

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

在上面的代码中,我们创建了一个 Express 应用程序,并定义了一个路由处理程序来处理 / 路径的 GET 请求。在这个例子中,我们只是简单地向客户端发送了一个字符串 "Hello World!"。

现在,让我们在终端中运行以下命令来启动这个应用程序:

这将启动一个本地服务器,并在终端中输出 "App listening on port 3000!"。现在,打开您的浏览器,并访问 http://localhost:3000,您应该能够看到 "Hello World!" 字符串。

恭喜,您已经成功创建了一个基本的 Express.js 应用程序!

路由

在 Express.js 中,路由是指处理客户端请求的代码。它们指定了客户端请求的 URL 和如何响应该请求。在上面的示例中,我们定义了一个路由来处理 / 路径的 GET 请求。

下面是一个更复杂的示例,我们定义了多个路由来处理不同的 URL:

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

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

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

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

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

在上面的代码中,我们定义了三个路由来处理不同的 URL。当客户端请求 / 路径时,它将返回 "Hello World!" 字符串;当请求 /about 路径时,它将返回 "About page" 字符串;当请求 /contact 路径时,它将返回 "Contact page" 字符串。

中间件

在 Express.js 中,中间件是指在路由处理程序之前执行的一段代码。它们可以用于执行身份验证、日志记录、错误处理等任务。

下面是一个示例,我们使用中间件来记录客户端请求的 URL 和时间戳:

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

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

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

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

在上面的代码中,我们定义了一个中间件函数,它记录了客户端请求的 URL 和时间戳。这个中间件函数使用了 next 函数,它是一个用于将请求传递给下一个中间件或路由处理程序的函数。

模板引擎

在 Express.js 中,模板引擎是指用于生成动态 HTML 页面的工具。它们可以将数据注入到 HTML 模板中,生成最终的 HTML 页面。

下面是一个示例,我们使用 EJS 模板引擎来生成动态 HTML 页面:

首先,我们需要安装 EJS 模板引擎:

然后,在我们的应用程序中,我们需要设置 EJS 模板引擎:

现在,我们可以创建一个 EJS 模板文件 views/index.ejs,并在其中添加以下代码:

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

在上面的代码中,我们定义了一个简单的 HTML 页面,并使用了 EJS 模板引擎的语法来插入变量 name

最后,我们需要定义一个路由来渲染这个 EJS 模板:

在上面的代码中,我们使用 res.render 方法来渲染 index.ejs 模板,并将变量 name 的值设置为 "World"。

结论

在本文中,我们介绍了如何快速入门 Express.js 框架,并演示了如何使用路由、中间件和模板引擎。希望这篇文章对您有帮助,并能够帮助您开始使用 Express.js 框架来构建 Web 应用程序。

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

纠错
反馈