📜  如何在 Node.js 中使用 ExpressJS 进行模板化?(1)

📅  最后修改于: 2023-12-03 15:38:21.831000             🧑  作者: Mango

如何在 Node.js 中使用 ExpressJS 进行模板化?

在开发 Node.js 应用程序时,通常需要使用模板引擎来生成 HTML 内容。ExpressJS 是一个流行的 Web 框架,它提供了多种用于创建 Web 应用程序的功能,其中包括模板化。在本文中,我将向你展示如何在 Node.js 中使用 ExpressJS 进行模板化。

步骤一:安装 ExpressJS

要使用 ExpressJS 进行模板化,你需要先安装它。你可以通过 npm 包管理器来安装 ExpressJS,具体命令如下:

npm install express --save
步骤二:安装模板引擎

在 ExpressJS 中,你可以选择使用多种模板引擎,例如 Pug、Handlebars 和 EJS 等。在本文中,我们将使用 EJS 作为模板引擎。你需要通过 npm 包管理器来安装 EJS,具体命令如下:

npm install ejs --save
步骤三:设置 ExpressJS 应用程序

在你的 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 模板

你需要编写 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 应用程序

现在你可以启动 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 应用程序。