前端模板Nunjucks简介

2024-05-14 01:45:55

参考资料: 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"

转载于:https://www.cnblogs.com/zourong/p/6648364.html

前端模板Nunjucks简介相关推荐

html jquery 模板引擎,jquery template.js前端模板引擎
作为现代应用,ajax的大量使用,使得前端工程师们日常的开发少不了拼装模板,渲染模板在刚有web的时候,前端与后端的交互,非常直白,浏览器端发出URL,后端返回一张拼好了的HTML串.浏览器对其进行 ...
（已更新）【小程序模板】功能模块+验证码页面模板+实用的小程序前端模板
源码简介与安装说明: 分享三个实用的验证码界面页面,弹出窗口,字母和数字接收验证码输入页面小程序模板小程序源码下载地址:(已更新)[小程序模板]功能模块+验证码页面模板+实用的小程序前端模板-小程序 ...
前端基础 - HTML简介及开发环境
前端基础 - HTML简介及开发环境 HTML简介及开发环境 HTML简介: 英文:Hyper Text Markup Language(超级文本标记语言) 超级文本:普通文本只能显示文字,超级文本, ...
Nunjucks简介基本使用教程
Nunjucks简介: Nunjucks 是一个功能丰富.强大的 JavaScript 专用模板引擎.Nunjucks 提供丰富的语言特性和块继承.自动转移.宏和异步控制等等. 重点要关注的是,Nu ...
个人博客前端模板_博客设计——概述
在目前已有的许多社交软件及平台中,博客始终保持着自己的地位,始终有一大批学生和各行各业职业人员喜欢通过博客的方式记录和分享自己在生活中或者学术上等各方面的经验,这不仅方便发表者个人今后解决类似的问题, ...
swig模板 PHP,nodejs前端模板引擎swig入门
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是他没有一个html该有的样子... 所以我还是决定使用swig,页面结构,样子都是熟悉的样子, ...
（转）【前端模板之路】一、重构的兄弟说：我才不想看你的代码！把HTML给我交出来！...
原文地址:http://www.cnblogs.com/chyingp/archive/2013/06/30/front-end-tmplate-start.html 写在前面随着前端领域的发展和社 ...
inspinia前端模板怎样修改图标
场景 inspinia前端模板官网: http://cn.inspinia.cn/layouts.html 离线版2.8下载: https://download.csdn.net/download/b ...
inspinia前端模板怎样编写消息提示框点击确定后的回调方法
场景 inspinia 前端模板在提示框点击确定后执行回调方法. 实现 //提交后的方法function submitPrint(id){debugger$.ajax({type: 'POST',ur ...

最新文章

热门文章