星途面试题库

面试题：Node.js 中 Express 集成 EJS 模板引擎的关键步骤

在 Node.js 项目中使用 Express 框架集成 EJS 模板引擎来渲染动态页面，请描述主要的安装和配置步骤，并给出一个简单示例，展示如何传递数据到 EJS 模板进行渲染。

25.8万热度

难度

前端开发Node.js

知识考点

AI 面试

面试题答案

安装依赖：
- 在项目目录下，打开终端，运行以下命令安装 express 和 ejs：
```
npm install express ejs
```
配置 Express 使用 EJS：
- 在项目的主 JavaScript 文件（例如 app.js）中，引入 express 和 ejs：
```
const express = require('express');
const app = express();
```
- 设置 EJS 为视图引擎：
```
app.set('view engine', 'ejs');
```
- 告诉 Express 去哪里查找视图文件（默认为 views 目录），如果使用默认目录可省略这一步。
```
app.set('views', __dirname + '/views');
```

简单示例 - 传递数据到 EJS 模板：

创建 views 目录，在其中创建一个 EJS 文件，例如 index.ejs：

<!DOCTYPE html>
<html>
<head>
    <title>Dynamic Page</title>
</head>
<body>
    <h1><%= message %></h1>
</body>
</html>

在 app.js 中设置路由并传递数据：

app.get('/', function(req, res) {
    const data = {
        message: 'Hello from Express and EJS!'
    };
    res.render('index', data);
});

最后，启动服务器：

const port = 3000;
app.listen(port, function() {
    console.log(`Server running on port ${port}`);
});

当访问 http://localhost:3000 时，页面将显示 Hello from Express and EJS!。