jade模板

Express生成器使用的模板就是jade

將模板引擎用於 Express

在 Express 能夠呈現模板文件以前，必須設置如下應用程序設置：

• views：模板文件所在目錄。例如：app.set('views', './views')
• view engine：要使用的模板引擎。例如：app.set('view engine', 'jade')
• 而後安裝對應的模板引擎 npm 包：

$ npm install jade --save

在設置視圖引擎以後，沒必要指定該引擎或者在應用程序中裝入模板引擎模塊；Express 在內部裝入此模塊，以下所示（針對以上示例）。

app.set('view engine', 'jade');

在 views 目錄中建立名爲 index.jade 的 Jade 模板文件，其中包含如下內容：

html
  head
    title!= title
  body
    h1!= message

隨後建立路由以呈現 index.jade 文件。若是未設置 view engine 屬性，必須指定 view 文件的擴展名。不然，能夠將其忽略。

app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});

向主頁發出請求時，index.jade 文件將呈現爲 HTML。

完整JS代碼：

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

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.get('/', function (req, res) {
    res.render('index', { title: 'Hey', message: 'Hello there!'});
});

app.listen(2000, function () {
    console.log('Example app listening on port 2000!');
});

要了解有關模板引擎在 Express 中如何工做的更多信息，請參閱：「爲 Express 開發模板引擎」。