Skip to content

模板引擎

模板引擎使您可以在应用程序中使用静态模板文件。在运行时,模板引擎将模板文件中的变量替换为实际值,并将模板转换为发送到客户端的 HTML 文件。这种方法使设计 HTML 页面变得更加容易。

要呈现模板文件,请在 app.js 设置以下属性,在项目中设置:

  • views,模板文件所在的目录。例如:app.set('views', './views')。默认为 views 应用程序根目录中的目录
  • view engine,要使用的模板引擎。例如,要使用 Pug 模板引擎:app.set('view engine', 'pug')

然后安装相应的模板引擎 npm 包;例如安装 Pug:

shell
$ npm install pug --save

在 views 目录中创建一个名为 index.pug 的 Pug 格式的模板文件,内容如下:

pug
html
  head
    title= title
  body
    h1= message

然后创建一个路由来渲染该 index.pug 文件。如果 view engine 未设置该属性,则必须指定 view 文件的扩展名。否则,可以省略它。

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

Released under the MIT License.