Express中使用模板引擎

前端之家收集整理的这篇文章主要介绍了Express中使用模板引擎前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在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('/',res) {
    res.render('index',function(err,html) {
        res.send(html);
    });
});

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

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

猜你在找的Express 相关文章