Configurer Nunjucks dans Node.js

Nunjucks

Il existe de nombreux moteurs de template node.js, mais nunjucks peut être écrit en python. Voir ici pour une documentation détaillée. https://mozilla.github.io/nunjucks/

Presque le même que Jinja2. http://jinja.pocoo.org/docs/dev/

Installer nunjucks npm

$ npm install nunjucks --save

Charger avec app.js

app.js

var express = require('express');
var path = require('path');
var nunjucks = require('nunjucks');
var app = express();

// nunjucks view engine
nunjucks.configure('views', {
    autoescape: true,
    express: app
});
// setup view engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

Si vous utilisez ʻexpress, spécifiez-le dans nunjucks.configure. view engine est maintenant html`.

Déclaration de variable

{% set x = 5 %}

Affichage variable

{{ x }}

si déclaration

{% if variable %}
  It is true
{% endif %}

pour déclaration

{% set items = [{"title": "a"}, {"title": "b"}] %}
{% for item in items %}
  <p>{{ item.title }}</p>
{% endfor %}

Si vous souhaitez convertir au format de date

Essayez d'utiliser une bibliothèque appelée nunjucks-date-filter. Il semble que moment soit utilisé comme modèle.

Installez nunjucks-date-filter et consolidez

$ npm install nunjucks-date-filter --save
$ npm install consolidate --save

Définir dans app.js

app.js

var express = require('express');
var path = require('path');
var nunjucks = require('nunjucks');
var dateFilter = require('nunjucks-date-filter');
var cons = require('consolidate');
var app = express();

// nunjucks view engine
cons.requires.nunjucks = require('nunjucks');
var env = cons.requires.nunjucks.configure('views', {
    autoescape: true,
    express: app
});
// date format
dateFilter.setDefaultFormat('YYYY-MM-DD');
env.addFilter('date', dateFilter);

// setup view engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

Comment écrire en html

// with no format
This blog has been created at {{ creation_date | date }}.
 
// with a custom format
This blog has been created at {{ creation_date | date("YYYY") }}.
 
// with an addition first
This blog has been created at {{ creation_date | date("add", 7, "days") | date }}.