介绍
Express.js 是一个流行的 Node.js web 框架,它允许您轻松地创建可扩展的、可重用的 web 应用程序和 API。它提供了许多强大的功能,例如路由、模板引擎、中间件、数据库集成、错误处理和静态文件处理等。在本文中,我们将探索如何使用 Express.js 来构建一个完整的 Node.js 网站。
安装
在构建一个使用 Express.js 的 Node.js 网站之前,首先需要安装 Node.js 和 Express.js。您可以通过 官方网站 下载安装 Node.js,然后使用以下命令安装 Express.js:
npm install --save express
这样就可以开始构建我们的网站了。
创建基本应用
首先,让我们创建一个简单的 Express.js 应用程序。在命令行中创建一个新文件夹并转到该文件夹,然后创建一个 app.js
文件。
mkdir my-express-app cd my-express-app touch app.js
在 app.js
文件中添加以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- ------- ---
在该代码中,我们创建了一个 Express.js 应用程序,然后定义了一个路由,该路由将使用 HTTP GET 方法并返回“Hello World!”消息。最后,我们使用 listen
方法将应用程序绑定到 3000 端口,并在控制台中输出一个消息。
现在,我们可以使用以下命令启动我们的应用程序:
node app.js
然后,打开浏览器并访问 http://localhost:3000 就可以看到“Hello World!”消息了。
模板引擎
在构建网站时,通常需要使用模板引擎来渲染 HTML 页面。Express.js 支持许多模板引擎,例如 EJS、Handlebars 和 Pug 等。在本节中,我们将讨论如何在 Express.js 应用程序中使用 EJS 模板引擎。
首先,使用以下命令安装 EJS:
npm install --save ejs
然后,在 app.js
文件中添加以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------- -------- ------- ------------ ----- ---- -- - ------------------- - -------- ------ ------- --- --- ---------------- -- -- - ---------------- --------- -- ---- ------- ---
在该代码中,我们使用 app.set
方法来设置 EJS 作为默认的模板引擎。然后,在路由处理函数中,我们使用 res.render
方法来渲染 index.ejs
模板,并将一个包含消息的对象作为参数传递给该方法。
接下来,我们需要创建一个名为 views
的文件夹,并在该文件夹中创建一个 index.ejs
文件。在该文件中添加以下代码:
-- -------------------- ---- ------- --------- ----- ------ ------ --------- ------- ----------- ------- ------ ------- ------- ------- ------- -------
在该代码中,我们使用 EJS 语法向 HTML 页面中添加动态内容。具体来说,在 <%= %>
标记中添加消息对象的属性。
现在,我们可以使用以下命令启动我们的应用程序:
node app.js
然后,打开浏览器并访问 http://localhost:3000 就可以看到包含“Hello World!”消息的 HTML 页面了。
数据库集成
在真实的网站中,通常需要使用数据库来存储和检索数据。Express.js 集成了许多流行的数据库,例如 MongoDB、MySQL 和 PostgreSQL 等。在本节中,我们将介绍如何在 Express.js 应用程序中集成 MongoDB 数据库。
首先,使用以下命令安装 Mongoose,这是一个 Node.js 的 MongoDB ODM(对象文档映射器):
npm install --save mongoose
然后,在 app.js
文件中添加以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- -------- - -------------------- ----- --- - ---------- ------------------------------------------------------ - ---------------- ----- ------------------- ----- --- ----- ---- - ---------------------- - ----- ------ --- ----------------- ----- ----- ---- -- - ----- ----- - ----- ------------ ---------------- --- ---------------- -- -- - ---------------- --------- -- ---- ------- ---
在该代码中,我们首先连接到本地 MongoDB 数据库,然后定义了一个 User
模型,该模型将用户的名称存储为字符串。接下来,在 /users
路由处理函数中,我们使用 User.find
方法从数据库中检索所有用户,然后将其发送作为响应给客户端。
现在,我们可以使用以下命令启动我们的应用程序:
node app.js
然后,打开浏览器并访问 http://localhost:3000/users 就可以看到从 MongoDB 数据库检索的所有用户了。
结论
在本文中,我们介绍了如何使用 Express.js 构建一个完整的 Node.js 网站。我们讨论了如何创建基本应用程序、使用模板引擎、集成数据库等。通过学习本文中的内容,您应该能够开始开发自己的 Express.js 应用程序了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67246b252e7021665e1362c7