如何在 Express 中设置视图引擎

Express 是一个流行的 Node.js Web 框架，它允许您创建快速而灵活的 Web 应用程序。为了创建动态的 Web 页面，在 Express 中，使用视图引擎是必要的。视图引擎允许您将数据呈现为 HTML 页面。

以下是在 Express 中设置视图引擎的步骤：

步骤 1：安装视图引擎

在 Express 中，您可以使用多个视图引擎。最受欢迎和广泛使用的视图引擎是 ejs，但是您也可以使用其他视图引擎，如 pug 或 handlebars。首先，您需要安装所需的视图引擎。例如，在安装 ejs 视图引擎时，只需运行以下命令：

npm install ejs

步骤 2：设置视图引擎

在 Express中，要设置视图引擎，您需要在应用程序的文件中使用以下代码：

app.set('view engine', 'ejs');

在这个例子中，我们假设我们要使用 ejs 视图引擎。要使用不同的视图引擎，您需要将 'ejs' 替换为您所需的视图引擎的名称。

步骤 3：创建视图文件

创建要呈现的视图文件。这些文件通常在 views 目录中存储。例如，如果您要创建主页的视图文件，则可以在 views 目录中创建一个名为 index.ejs 的文件。

在 ejs 视图模板中，您可以使用所有常规的 HTML 元素以及 EJS 特定的标记。您可以通过以下方式向模板添加数据：

<h1>Welcome to <%= title %></h1>

在处理该视图时，title 变量将被渲染到 HTML 中。

步骤 4：呈现视图文件

在 Express 中，要呈现视图文件，您需要使用 res.render() 方法。以下是一个例子：

app.get('/', function(req, res){
  res.render('index', { title: 'My Website' });
});

在这个例子中，我们正在呈现名为 index 的视图文件，并向该文件传递 { title: 'My Website' } 对象来渲染到 HTML。

总结

以上是在 Express 中设置和使用视图引擎的步骤。记住，在呈现视图文件之前，您必须安装所需的视图引擎并设置其名称。一旦设置了视图引擎，您可以创建视图模板文件以及任何所需的数据，并使用 res.render() 方法将其呈现到 HTML 中。