26

Express プロジェクトで HTML をレンダリングするために sendFile メソッドを使用しています。プロジェクトでパーシャルを使用したいと思います。そして、翡翠に切り替えないでください。

Express 3.x でパーシャルを使用して従来の HTML を使用する方法はありますか? 私はejsを試しましたが、完全には理解していません。

4

1 に答える 1

59

より「HTML に似た」テンプレート エンジンはnunjucks です(その構文は、経験のある Jinja2 に似ています)。

これが簡単なセットアップです。これは、Express と Nunjucks の両方がインストールされていることを前提としています。

npm install express
npm install nunjucks

– 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' },
    ]
  });
});

–ビュー/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>

–ビュー/item.html

<li>{{ item.name }}</li>
于 2013-11-11T18:54:20.593 に答える