app.set('view engine' 'ejs') (1)

📌 相关文章

📜 app.set('view engine' 'ejs') (1)

📅 最后修改于: 2023-12-03 14:39:18.511000 🧑 作者: Mango

使用 EJS 作为视图引擎

EJS 是一个简单而强大的模板引擎，可以用于从字符串中生成 HTML 页面。在 Express 中，您可以使用 EJS 作为视图引擎来显示动态生成的内容。

安装 EJS

要使用 EJS，请先将其安装为依赖项：

npm install ejs --save

配置 Express 应用程序

将以下代码添加到您的 Express 应用程序中，以配置 EJS 作为视图引擎：

const express = require('express');
const app = express();

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

app.get('/', (req, res) => {
  res.render('home', { title: 'Home Page' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的示例中，我们将 view engine 设置为 'ejs' 并将视图存储在 ./views 文件夹中。然后，我们在路由上定义了一个 '/' 路由，并将 home.ejs 视图呈现为响应。

创建 EJS 视图

创建一个名为 home.ejs 的新文件，并将以下代码添加到该文件中：

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
  </head>
  <body>
    <h1>Welcome to <%= title %>!</h1>
  </body>
</html>

在这个示例中，我们使用 EJS 的标签 <%= %> 来插入 title 变量。这样，当我们在路由中使用 res.render 时，变量将替换为相应的值。在这种情况下，title 的值为 'Home Page'。

结论

使用 EJS 类似于使用其他模板引擎。它可以帮助您创建动态模板，而不必记住所有实际 HTML 和 CSS 代码。如果您熟悉 HTML 和 JavaScript，则可以快速上手 EJS。