如何在Express框架中使用HTML与nunjucks-没有玉

Mer*_*lin 25 html partials express

我一直在使用sendFile方法在Express项目中呈现Html.我想在我的项目中使用partials.并且,不要切换到玉.

有没有办法在Express 3.x中使用传统的HTML和partials.我试过ejs,但完全不了解它.

rob*_*lep 56

更像"类似HTML"的模板引擎将是nunjucks(其语法类似于您经历过的Jinja2).

这是一个简单的设置.假设安装了Express和Nunjucks,如果没有:

npm install express
npm install nunjucks
Run Code Online (Sandbox Code Playgroud)

- app.js

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

app.listen(3012);

nunjucks.configure('views', {
  autoescape: true,
  express   : app
});

app.get('/', function(req, res) {
  res.render('index.html', {
    title : 'My First Nunjucks Page',
    items : [
      { name : 'item #1' },
      { name : 'item #2' },
      { name : 'item #3' },
      { name : 'item #4' },
    ]
  });
});
Run Code Online (Sandbox Code Playgroud)

- views/index.html

<!doctype html>
<html>
  <head>
    <title>welcome to {{ title }}</title>
  </head>
  <body>
    <ul>
      {% for item in items %}
        {% include "item.html" %}
      {% endfor %}
    </ul>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

- views/item.html

<li>{{ item.name }}</li>
Run Code Online (Sandbox Code Playgroud)

  • 男人,我不能够感谢你....所有我的python项目,现在可以转换为表达.....非常感谢你! (2认同)