jade模板

时间 2020-03-24

标签 jade 模板栏目 Node.js 繁體版

原文原文链接

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

将模板引擎用于 Express

在 Express 能够呈现模板文件以前，必须设置如下应用程序设置：html

views：模板文件所在目录。例如：app.set('views', './views')
view engine：要使用的模板引擎。例如：app.set('view engine', 'jade')
而后安装对应的模板引擎 npm 包：

$ npm install jade --save

在设置视图引擎以后，没必要指定该引擎或者在应用程序中装入模板引擎模块；Express 在内部装入此模块，以下所示（针对以上示例）。java

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

在 views 目录中建立名为 index.jade 的 Jade 模板文件，其中包含如下内容：express

html
  head
    title!= title
  body
    h1!= message

随后建立路由以呈现 index.jade 文件。若是未设置 view engine 属性，必须指定 view 文件的扩展名。不然，能够将其忽略。npm

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

向主页发出请求时，index.jade 文件将呈现为 HTML。app

完整JS代码：ui

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