📅  最后修改于: 2023-12-03 15:38:21.831000             🧑  作者: Mango
在开发 Node.js 应用程序时,通常需要使用模板引擎来生成 HTML 内容。ExpressJS 是一个流行的 Web 框架,它提供了多种用于创建 Web 应用程序的功能,其中包括模板化。在本文中,我将向你展示如何在 Node.js 中使用 ExpressJS 进行模板化。
要使用 ExpressJS 进行模板化,你需要先安装它。你可以通过 npm 包管理器来安装 ExpressJS,具体命令如下:
npm install express --save
在 ExpressJS 中,你可以选择使用多种模板引擎,例如 Pug、Handlebars 和 EJS 等。在本文中,我们将使用 EJS 作为模板引擎。你需要通过 npm 包管理器来安装 EJS,具体命令如下:
npm install ejs --save
在你的 Node.js 应用程序中,你需要为 ExpressJS 应用程序设置一些基本的配置,以使用 EJS 模板引擎。在 server.js 文件中添加以下代码:
const express = require('express');
const app = express();
const ejs = require('ejs');
app.set('view engine', 'ejs');
上面的代码将 ExpressJS 应用程序和 EJS 模板引擎连接起来。
你需要编写 EJS 模板来生成 HTML 内容。在 views 文件夹中创建一个名为 index.ejs 的文件,内容如下:
<!DOCTYPE html>
<html>
<head>
<title>Node.js ExpressJS EJS Template</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
在上面的模板中,我们创建了一个 HTML 文档,并在其中添加了一个标题和一个简单的“Hello World”消息。
你需要创建一个路由,将 EJS 模板与 ExpressJS 应用程序集成起来。在 server.js 文件中添加以下代码:
app.get('/', function(req, res) {
res.render('index');
});
上面的代码将路由与 index.ejs 模板连接起来。当用户访问根路径时,将自动呈现 index.ejs 模板。
现在你可以启动 ExpressJS 应用程序并测试它是否正常运行。在 server.js 文件中添加以下代码:
app.listen(3000, function() {
console.log('App listening on port 3000!');
});
上面的代码将启动 ExpressJS 应用程序,并在控制台输出端口号。
现在,使用以下命令来启动应用程序:
node server.js
现在,在你的 Web 浏览器中输入 http://localhost:3000,查看你的应用程序是否已经成功运行了。
在本文中,我们介绍了如何在 Node.js 中使用 ExpressJS 进行模板化。我们学习了如何安装 ExpressJS 和 EJS 模板引擎,如何设置 ExpressJS 应用程序和编写 EJS 模板,以及如何创建路由和启动应用程序。这些步骤可以帮助你快速入门并开始在 Node.js 中构建 Web 应用程序。