ejs模板引擎如何在express站点中使用

前言

在Express站点中使用EJS模板引擎可以方便地生成动态的HTML页面。EJS是一种简单而灵活的模板引擎，它基于JavaScript语法，允许我们在HTML中嵌入代码，从而动态地生成内容。通过使用EJS，我们可以将静态的HTML页面与动态的数据结合，生成个性化的页面响应。

配置Express以使用EJS

使用EJS模板引擎需要在Express应用中进行一些配置。首先，我们需要确保已经安装了EJS模块。

npm install ejs

然后，在Express应用的主文件（通常是app.js或index.js）中引入EJS模块，并设置模板引擎为EJS。

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

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

现在，我们已经成功地将EJS配置为Express应用的模板引擎。

使用EJS模板生成动态页面

一旦配置了EJS，我们就可以在路由处理程序中使用EJS模板来生成动态页面。首先，我们需要创建一个EJS模板文件，该文件将用于渲染生成的HTML页面。这个模板文件可以位于项目的任何地方，但通常放在“views”目录下。

<h1>欢迎来到我的站点</h1>
<p>当前时间：<%= new Date().toLocaleString() %></p>

在路由处理程序中，我们可以使用res.render()函数来渲染EJS模板，并将动态数据传递给模板。例如，以下是一个简单的Express路由，该路由使用EJS渲染模板，并将当前时间作为动态数据传递给模板。

app.get('/', (req, res) => {
  const data = { currentTime: new Date().toLocaleString() };
  res.render('index', data);
});

在上述代码中，我们首先创建了一个包含动态数据的JavaScript对象（例如当前时间），然后将该对象传递给res.render()函数。该函数会根据模板文件生成HTML页面，并将数据注入到模板中的相应位置。

总结

通过配置Express并使用EJS模板引擎，我们可以轻松地在Express站点中生成动态的HTML页面。我们通过设置模板引擎为EJS，并在路由处理程序中使用res.render()函数来渲染模板并注入动态数据。使用EJS，我们可以更灵活地生成个性化的页面响应。