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 }}.

Recommended Posts

Configurer Nunjucks dans Node.js
Configurer Pipenv sur Pycharm dans un environnement Windows
Configurer un serveur HTTPS simple avec Python 3
Configurez un serveur SMTP de test en Python.
Configurer un serveur UDP en langage C
Configurer un serveur SMTP simple en Python
Définir spinning_friction dans pybullet
Définir ulimit dans le superviseur
Configurer Jetson nano
Le moyen le plus simple de configurer Last-Modified dans Flask
Configurez un serveur gratuit sur AWS en 30 minutes
Configurer Python 3.4 sur Ubuntu
Définir dynamiquement des hôtes d'environnement avec Fabric
Comment importer la bibliothèque Python configurée dans EFS dans Lambda
Configurer pour Mac (Python)
Méthodes disponibles dans le type d'ensemble
Définir le test python dans jenkins
Configurer la connexion sociale avec Django
Définir des espaces réservés dans les champs de saisie dans Django
Configurer pygit2 avec un lien statique
Configurer l'environnement Python sur CentOS
Configurez un serveur Web local en 30 secondes en utilisant http.server en python 3