nodejsでswigテンプレートエンジンを使用する

Use Swig Template Engine Nodejs

1.npmのインストール npm install --save express npm install --save swig

2.プロジェクトビューフォルダに次のファイルを作成します

layout.html

{% block title %}{% endblock %} {% block head %}{% endblock %} {% block content %}{% endblock %}

index.html

多くのブロックがlayout.htmlテンプレートページで定義されており、サブページを選択的に実装できます。{% extends 'layout.html' %} {% block title %}index {{title}} {% endblock %} {% block head %} {% endblock %} {% block content %}

This is what I filled in

{{data}} {% endblock %}

index.cssはpublic / stylesheetsに配置されます

3、app.js

var express = require('express') var swig = require('swig') var app = express() app.set('view engine', 'html') app.engine('html', swig.renderFile) app.use(express.static('public')) app.get('/index', function(req, res, next) { res.render('index', { title:'Test home page', data: 'Hello Express' }) }) app.listen(3000, function() { console.log('The interface has been started...') })

4.SWIGの使用

SWIG使用ガイドOne

swigユーザーガイド2

スウィッグ公式文書

4.1変数

変数が定義されていない場合は、ヌル文字を出力します

{{ foo.bar }} {{ foo['bar'] }}

可変フィルター ：変数を変更するために使用されます。変数名は|で区切りますフィルタを追加する文字。複数のフィルターを追加できます。

つづく...