使用 Express.js 和 Node.js 创建 Web 应用的完整教程

阅读时长 6 分钟读完

在现代 Web 开发中,使用 Node.js 和 Express.js 是非常常见的选择。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,而 Express.js 是一个基于 Node.js 的 Web 应用程序框架。本文将介绍如何使用 Express.js 和 Node.js 创建 Web 应用的完整教程。

安装 Node.js 和 Express.js

首先,我们需要安装 Node.js 和 Express.js。在安装 Node.js 的同时,也会安装 Node.js 的包管理器 npm。打开终端并运行以下命令:

安装完成后,我们可以运行以下命令来检查 Node.js 和 npm 是否安装成功:

接下来,我们需要安装 Express.js。打开终端并运行以下命令:

这将在项目目录下安装 Express.js 并将其添加到 package.json 文件中。

创建 Express.js 应用程序

现在,我们将创建一个简单的 Express.js 应用程序。在项目目录下创建一个名为 app.js 的文件,并将以下代码添加到文件中:

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

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

---------------- ---------- -
    -------------------- --- --------- -- ---- --------
---
展开代码

这段代码创建了一个 Express.js 应用程序,并将其绑定到本地主机的 3000 端口。当我们访问 http://localhost:3000/ 时,将显示 "Hello World!"。

路由

路由是指如何处理客户端请求的机制。在 Express.js 中,我们可以使用 app.get()、app.post()、app.put()、app.delete() 等方法来定义路由。例如,我们可以创建一个路由来处理 /about 页面的请求:

当我们访问 http://localhost:3000/about 时,将显示 "About page"。

中间件

中间件是指在请求和响应之间执行的函数。在 Express.js 中,我们可以使用 app.use() 方法来定义中间件。例如,我们可以创建一个中间件来记录每个请求的时间戳:

这将在每个请求之前打印出当前时间戳。

模板引擎

模板引擎是指将数据和 HTML 模板结合起来生成 HTML 页面的机制。在 Express.js 中,我们可以使用各种模板引擎,例如 EJS、Jade、Handlebars 等。例如,我们可以使用 EJS 模板引擎来生成动态 HTML 页面:

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

然后,我们需要创建一个名为 views 的文件夹,并在其中创建一个名为 index.ejs 的文件。在 index.ejs 中,我们可以使用 EJS 的语法来插入动态数据:

-- -------------------- ---- -------
--------- -----
------
    ------
        ---------- ----- ----------
    -------
    ------
        ------- ------- -------
    -------
-------
展开代码

接下来,我们需要修改 app.js 中的代码,以便使用 EJS 模板引擎:

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

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

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

---------------- ---------- -
    -------------------- --- --------- -- ---- --------
---
展开代码

这将渲染 views/index.ejs 文件,并将 title 和 message 数据传递给模板引擎。

数据库

在现代 Web 应用程序中,数据库是非常重要的组成部分。在 Node.js 中,我们可以使用各种数据库,例如 MongoDB、MySQL、PostgreSQL 等。例如,我们可以使用 MongoDB 数据库来存储和检索数据:

首先,我们需要安装 MongoDB:

然后,我们需要安装 MongoDB 驱动程序:

接下来,我们需要连接到 MongoDB 数据库并插入一些数据:

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

------------------------ ------------- --- -
    -- ----- ----- ----
    ----- ---------- - -----------------------
    ---------------------- ----- ------- ---- -- -- ------------- ------- -
        -- ----- ----- ----
        --------------------- ----------- ---------------
        -----------
    ---
---
展开代码

这将连接到名为 mydb 的 MongoDB 数据库,并在 users 集合中插入一个文档。

结论

在本文中,我们介绍了如何使用 Express.js 和 Node.js 创建 Web 应用的完整教程。我们讨论了路由、中间件、模板引擎和数据库等主题,并提供了示例代码。我们希望这篇文章可以帮助您了解如何使用 Express.js 和 Node.js 构建现代 Web 应用程序。

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

纠错
反馈

纠错反馈