Express 使用模板引擎

在使用Express模板文件之前,必须进行如下设置.

    * 'views',存储模板文件的文件夹.例如: app.set('views','./views');

    * 'view engine',使用的模板引擎. 例如: app.set('view engine','jade');

然后安装响应的模板引擎包, 例如:

$ npm install jade --save

     备注:与Express兼容的模板引擎,如"Jade",导出一个名为"_express(filePath,options,callback)"函数,这个方法被"res.render()"方法调用以渲染模板代码.有一些模板引擎并不遵循这一规则."Consolidate.js"库是被创建用来联合所有在node上常用的模板引擎的,使这些模板引擎都遵循这个规则,从而和Express完美结合.

 

设置模板引擎后,你不需要再明确的指定模板引擎或是在你的应用中加载模板引擎,Express会自动在内部完成模板引擎的加载.例如:对于上面的例子我们进行如下设置:

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

 在模板文件夹中创建一个Jade模板文件"index.jade",写入下面内容:

html
  head
    title!= title
  body
    h1!= message

然后创建一个路由来渲染"index.jade"文件.如果你没有设置模板引擎,那么你必须指定视图文件的后缀名.相反,你可以省略后缀名:

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

 访问主页时,"index.jade"就会被渲染成HTML文件显示.

 

想要更深入的了解Express模板引擎的工作原理,可以参阅<<为Express开发模板引擎>>