Express 模板引擎

为Express开发模板引擎

在Web开发中，我们通常需要将数据动态地插入到HTML页面中。这就是所谓的模板引擎的工作。模板引擎允许我们将静态的HTML页面与动态的数据结合起来，生成最终的HTML页面。在本文中，我们将学习如何为Express开发一个简单的模板引擎。

Express是如何处理模板的

在Express中，我们可以指定一个视图目录和一个模板引擎。当我们在路由中调用res.render()方法时，Express会在这个视图目录中查找相应的文件，并使用指定的模板引擎来渲染这个文件。

一个具体的例子

假设我们想要创建一个简单的模板引擎来渲染以.ntl为扩展名的文件。我们可以使用app.engine()方法来定义我们的模板引擎。这个方法接受两个参数：第一个是文件扩展名，第二个是模板引擎函数。

下面是一个实现一个非常简单的模板引擎的例子，它可以渲染以.ntl为扩展名的文件：

const fs = require('fs'); // 这个引擎需要fs模块

app.engine('ntl', (filePath, options, callback) => { // 定义模板引擎
  fs.readFile(filePath, (err, content) => {
    if (err) return callback(err);
    // 这是一个极其简单的模板引擎
    const rendered = content.toString()
      .replace('#title#', `<title>${options.title}</title>`)
      .replace('#message#', `<h1>${options.message}</h1>`);
    return callback(null, rendered);
  });
});
app.set('views', './views'); // 指定视图目录
app.set('view engine', 'ntl'); // 注册模板引擎

现在，我们的应用程序就可以渲染.ntl文件了。在views目录中创建一个名为index.ntl的文件，并包含以下内容。

<title>#title#</title>
<h1>#message#</h1>

然后，在我们的应用程序中创建以下路由。

app.get('/', (req, res) => {
  res.render('index', { title: 'Hey', message: 'Hello there!' });
});

当我们向首页发送请求时，index.ntl文件将被渲染为HTML。

通过以上步骤，我们就成功地为Express开发了一个简单的模板引擎，你学废了吗。