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

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 加載模板。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容