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 开发模板引擎”。