如果你想成为一名前端工程师，那么你需要掌握如何使用 Express.js 搭建一个网站。Express.js 是一个基于 Node.js 平台的 Web 应用程序开发框架，它可以帮助你快速地构建高效、可靠、可扩展的 Web 应用程序。在本文中，我们将介绍如何使用 Express.js 搭建一个简单的网站，并提供详细的示例代码和指导意义。
安装与配置
在开始使用 Express.js 之前，你需要先安装 Node.js。你可以从 Node.js 的官方网站（https://nodejs.org/）下载安装程序，并按照提示进行安装。
安装完成后，你可以在终端或命令行界面中输入以下命令，检查 Node.js 是否安装成功：
node -v
如果 Node.js 安装成功，终端或命令行界面将输出 Node.js 的版本号。
接下来，你需要在命令行界面中输入以下命令，安装 Express.js：
npm install express --save
这个命令将会下载并安装最新版本的 Express.js，并将其添加到你的项目依赖中。
创建一个简单的网站
在安装和配置 Express.js 完成后，你可以开始使用它来创建一个简单的网站。首先，你需要在项目根目录下创建一个名为 app.js 的文件，并在文件中输入以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ------------- ---- - --------------- --------- --- ---------------- ---------- - ------------------- -- --------- -- ---- -------- ---
这段代码创建了一个 Express.js 应用程序，并在端口 3000 上启动了一个 Web 服务器。当用户访问网站根目录时，服务器将会返回一个包含字符串“Hello World!”的响应。你可以在浏览器中输入 http://localhost:3000 来访问这个网站。
路由
在 Express.js 中，路由是指如何响应客户端对不同 URL 的请求。你可以使用 app.get()、app.post()、app.put()、app.delete() 等方法来定义不同的路由。
下面是一个示例代码，它定义了两个不同的路由：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ------------- ---- - --------------- --------- --- ----------------- ------------- ---- - --------------- ------ --- ---------------- ---------- - ------------------- -- --------- -- ---- -------- ---
在这个示例中，当用户访问网站根目录时，服务器将会返回一个包含字符串“Hello World!”的响应；而当用户访问 http://localhost:3000/about 时，服务器将会返回一个包含字符串“About Us!”的响应。
模板引擎
在实际开发中，你需要使用模板引擎来渲染动态内容。Express.js 支持多种模板引擎，比如 EJS、Handlebars、Pug 等。在本文中，我们将使用 EJS 作为模板引擎。
首先，你需要在命令行界面中输入以下命令，安装 EJS：
npm install ejs --save
接下来，你需要在项目根目录下创建一个名为 views 的文件夹，并在文件夹中创建一个名为 index.ejs 的文件。在 index.ejs 文件中输入以下代码：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
------- ----- -------
------ ------- ------
-------
-------这段代码定义了一个 HTML 页面，并使用 <%= %> 语法来渲染动态内容。具体来说，title 和 content 是两个变量，它们的值将会在服务器端动态生成。
接下来，你需要修改 app.js 文件，以便使用 EJS 渲染动态内容。修改后的代码如下：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ---- - ----------------
---------------- -------------------- ----------
------------- -------- -------
------------ ------------- ---- -
------------------- -
------ --- ---------
-------- -------- -- -- ---------
---
---
---------------- ---------- -
------------------- -- --------- -- ---- --------
---在这个示例中，我们使用 app.set() 方法来设置模板引擎的相关配置，然后使用 res.render() 方法来渲染动态内容。具体来说，我们传递了一个名为 index 的模板文件名，以及一个包含 title 和 content 变量的对象。
数据库
在实际开发中，你需要使用数据库来存储和管理数据。Express.js 支持多种数据库，比如 MySQL、MongoDB、PostgreSQL 等。在本文中，我们将使用 MongoDB 作为数据库。
首先，你需要在命令行界面中输入以下命令，安装 MongoDB：
npm install mongodb --save
接下来，你需要在 MongoDB 中创建一个名为 mydb 的数据库，并在其中创建一个名为 users 的集合。你可以使用 MongoDB 的命令行客户端或可视化工具来完成这个任务。
然后，你需要在 app.js 文件中添加以下代码，以便连接 MongoDB 数据库：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ---- - ----------------
----- ----------- - -------------------------------
----- --- - ---------------------------------
------------------------ ------------- ------- -
-- ----- ----- ----
---------------------- -- ----------
----- -- - ------------------
---------------- -------------------- ----------
------------- -------- -------
------------ ------------- ---- -
----------------------------------------------------- ------- -
-- ----- ----- ----
------------------- -
------ --- ---------
------ ------
---
---
---
---------------- ---------- -
------------------- -- --------- -- ---- --------
---
---在这个示例中，我们使用 MongoClient.connect() 方法来连接 MongoDB 数据库，并使用 db.collection() 方法来获取 users 集合。然后，我们使用 db.collection().find().toArray() 方法来查询 users 集合中的所有文档，并将它们作为 users 变量传递给模板引擎。
结论
在本文中，我们介绍了如何使用 Express.js 搭建一个简单的网站，并提供了详细的示例代码和指导意义。我们还介绍了路由、模板引擎和数据库等相关知识。希望这篇文章能够帮助你快速入门 Express.js，并提供有用的参考资料。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6727519e2e7021665e1cc6a6
