为 Express 开发模板引擎

使用 app.engine(ext, callback) 方法创建您自己的模板引擎。 ext指的是文件扩展名,callback是模板引擎函数,它接受以下几项作为参数: 文件的位置、选项对象和回调函数。

下面的代码是实现一个非常简单的用于呈现 .ntl 文件的模板引擎的示例。

const fs = require('fs') // this engine requires the fs module
app.engine('ntl', (filePath, options, callback) => { // define the template engine
  fs.readFile(filePath, (err, content) => {
    if (err) return callback(err)
    // this is an extremely simple template engine
    const rendered = content.toString()
      .replace('#title#', `<title>${options.title}</title>`)
      .replace('#message#', `<h1>${options.message}</h1>`)
    return callback(null, rendered)
  })
})
app.set('views', './views') // specify the views directory
app.set('view engine', 'ntl') // register the template engine

您的应用现在将能够呈现 .ntl 个文件。 使用以下内容在 views 目录中创建名为 index.ntl 的文件。

#title#
#message#

然后,在您的应用中创建以下路由。

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

当您向主页发出请求时,index.ntl 将呈现为 HTML。