nunjucks render的基本使用方法
怎么引入:
//直接用 script 引入文件:
<script src="nunjucks.js"></script>
或者可以作為一個(gè) AMD 模塊加載:
//當(dāng)然也可以使用AMD方法
define(['nunjucks'], function(nunjucks) {
});
使用說(shuō)明:
這是最簡(jiǎn)單使用 nunjucks 的方式斯碌,首先設(shè)置配置項(xiàng)(如 autoescaping),然后渲染一個(gè)字符串:
nunjucks.configure({ autoescape: true });
nunjucks.renderString('Hello {{ username }}', { username: 'James' });
==renderString== 并不常用,而是使用 ==render== 來(lái)直接渲染文件,這種方式支持繼承(extends)和包含(include)模板。使用之前需要配置文件的路徑:
nunjucks.configure('views', { autoescape: true });
nunjucks.render('index.html', { foo: 'bar' });
在 node 端,'views' 為相對(duì)于當(dāng)前工作目錄 (working directory) 的路徑奠伪。在瀏覽器端則為一個(gè)相對(duì)的 url,最好指定為絕對(duì)路徑 (如 '/views')首懈。
如果使用 express 可直接傳入 configure:
var app = express();
nunjucks.configure('views', {
autoescape: true,
express: app
});
app.get('/', function(req, res) {
res.render('index.html');
});
上面的 API 適用于 node 端和瀏覽器端 (express 只適用于 node 端)绊率,在 node 端 nunjucks 從文件系統(tǒng)加載模板,在瀏覽器端通過(guò) http 加載模板究履。