前端模板Nunjucks简介

参考资料: https://mozilla.github.io/nunjucks/

https://mozilla.github.io/nunjucks/templating.html

https://mozilla.github.io/nunjucks/api.html

常用 API

render

nunjucks.render(name, [context], [callback])

var res = nunjucks.render(‘foo.html’);
var res = nunjucks.render(‘foo.html’, { username: ‘James’ });
nunjucks.render(‘async.html’, function(err, res) {
});

renderString

nunjucks.renderString(str, context, [callback]) 返回渲染后的原始字符串。

var res = nunjucks.renderString(‘Hello { { username }}’, { username: ‘James’ }); //输出 Hello James

configure

nunjucks.configure([path], [opts]); path 默认当前路径,模板文件所在的路径。

nunjucks.configure(‘views’, { //views 为模板文件所在的目录
autoescape: true,
express: app,
watch: true
});

getTemplate

env.getTemplate(name, [eagerCompile], [callback]) Retrieve the template named name

var tmpl = env.getTemplate(‘page.html’, true); //返回模板文件 page.html 的内容

express

env.express(app) 用做服务端渲染

复制代码

var app = express();
env.express(app);

app.get(‘/‘, function(req, res) {
res.render(‘index.html’);
});

复制代码

constructor

new Template(src, [env], [path], [eagerCompile])

var tmpl = new nunjucks.Template(‘Hello { { username }}’);
tmpl.render({ username: “James” }); // -> “Hello James”


文章作者: xkloveme
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 xkloveme !
评论
 上一篇
JS异步加载的三种方式 JS异步加载的三种方式
一:同步加载我们平时使用的最多的一种方式。 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当当前加载完成,才能进行下一步操作。所以默认同步执行才是安全的。但这样如果 js 中有输出 document 内容、修改 dom
2017-09-21
下一篇 
node.js的request模块 node.js的request模块
request 模块让 http 请求变的更加简单。最简单的一个示例: 1: var request = require(‘request’); 2: 3: request(‘http://www.google.com', func
2017-09-20
  目录