Express中使用模板引擎

2017年01月18日Web后端

在express中设置模板引擎。

定义模板引擎

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

app.set('views', './app/views'); // 设置views的默认路径
app.set('view engine', 'ejs');   // 设置引擎扩展名
app.engine('.ejs', require('ejs').__express); // 注册ejs模板引擎

以上方法可以注册指定的ejs模板引擎。 当然,如果你想使用html后缀的文件,可以做以下修改,这样就可以支持了。

app.engine('.html', require('ejs').__express);
app.set('view engine', 'html');

添加变量

我们可以使用app对象的locals属性来添加,比如:

app.locals.name = 'App';
app.locals.age = 13;

这些变量会在render模板的时候填充到页面中去。

渲染模板并显示

我们可以使用render方法来渲染页面,对应的api是,

app.render(view, [locals], callback)

view: 模板文件名 [locals]:

一个locals对象(即在app.locals中定义的locals对象) callback: 回调函数,在模板呈现后执行。第一个参数,err错误对象,第二个参数是 html,即呈现后的模板字符串。

1.直接调用app对象的render方法

app.get('/', function(req, res) {
    res.render('index');
});

当然,前面的locals,也可以通过render的第二个参数直接传入。

2.利用render的回调方法

app.get('/', function(req, res) {
    res.render('index', function(err, html) {
        res.send(html);
    });
});

同样的,像以下这样直接传入也是可以的。

app.render('/', { name: 'aaa' }, function(err, html){
    // ...
});