[PYTHON] Richten Sie Nunjucks in Node.js ein

Nunjucks

Es gibt viele Template-Engines von node.js, aber nunjucks können in Python geschrieben werden. Ausführliche Dokumentation finden Sie hier. https://mozilla.github.io/nunjucks/

Fast das gleiche wie Jinja2. http://jinja.pocoo.org/docs/dev/

Installieren Sie nunjucks npm

$ npm install nunjucks --save

Laden Sie mit 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');

Wenn Sie express verwenden, geben Sie es in nunjucks.configure an. view engine ist jetzt html.

Variable Aussage

{% set x = 5 %}

Variable Anzeige

{{ x }}

if-Anweisung

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

zur Aussage

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

Wenn Sie im Datumsformat konvertieren möchten

Versuchen Sie es mit einer Bibliothek namens nunjucks-date-filter. Es scheint, dass moment als Vorlage verwendet wird.

Installiere nunjucks-date-filter und konsolidiere

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

In app.js einstellen

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');

Wie schreibe ich in 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 }}.