美文网首页Web前端之路Java 核心技术
10-廖雪峰-node-web-koa2-nunjucks

10-廖雪峰-node-web-koa2-nunjucks

作者: _panda | 来源:发表于2017-08-09 16:33 被阅读99次

nunjucks render的基本使用方法

怎么引入:


//直接用 script 引入文件:

<script src="nunjucks.js"></script>
或者可以作为一个 AMD 模块加载:

//当然也可以使用AMD方法

define(['nunjucks'], function(nunjucks) {
});

使用说明:

这是最简单使用 nunjucks 的方式,首先设置配置项(如 autoescaping),然后渲染一个字符串:

nunjucks.configure({ autoescape: true });
nunjucks.renderString('Hello {{ username }}', { username: 'James' });

==renderString== 并不常用,而是使用 ==render== 来直接渲染文件,这种方式支持继承(extends)和包含(include)模板。使用之前需要配置文件的路径:

nunjucks.configure('views', { autoescape: true });
nunjucks.render('index.html', { foo: 'bar' });

在 node 端,'views' 为相对于当前工作目录 (working directory) 的路径。在浏览器端则为一个相对的 url,最好指定为绝对路径 (如 '/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 从文件系统加载模板,在浏览器端通过 http 加载模板。

相关文章

  • 10-廖雪峰-node-web-koa2-nunjucks

    nunjucks render的基本使用方法 怎么引入: 使用说明: 这是最简单使用 nunjucks 的方式,首...

  • 廖雪峰

    https://www.liaoxuefeng.com/wiki/0014316089557264a6b34895...

  • 廖雪峰

  • 如何用git将代码上传到码云

    安装Git 建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的...

  • 将自己的项目放到码云上托管

    安装Git 建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的...

  • 安装Git

    建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的这个网站是个...

  • 廖雪峰git

    廖雪峰git

  • Git版本控制学习资料

    一、个人感觉写的非常好,廖雪峰的git教程: 廖雪峰git教程

  • python学习

    使用的教材:廖雪峰教材 另外附一个廖雪峰笔记,感觉写的比我简练,可以用来查询具体用法:廖雪峰笔记 更多的可以查询:...

  • git分布式开发

    ## test ## 廖雪峰Git

网友评论

    本文标题:10-廖雪峰-node-web-koa2-nunjucks

    本文链接:https://www.haomeiwen.com/subject/qfdqrxtx.html