Express基礎瞭解—模板引擎

Cacra發表於2018-07-25

主要根據官方文件和網上資料整理的。

參考文章:
http://www.expressjs.com.cn/guide/using-template-engines.html

需要在應用中進行如下設定才能讓Express渲染模板檔案:

  • views,放模板檔案的目錄,比如:app.set(‘view’,’./views’)
  • view engine,模板引擎,比如:app.set(‘view engine’,’jade’)

一旦 view engine 設定成功,就不需要顯式指定引擎,或者在應用中載入模板引擎模組,Express 已經在內部載入,如下所示。

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

在 views 目錄下生成名為 index.jade 的 Jade 模板檔案,內容如下:

html
  head
    title!= title
  body
    h1!= message

然後建立一個路由渲染 index.jade 檔案。如果沒有設定 view engine,您需要指明檢視檔案的字尾,否則就會遺漏它。

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

此時向主頁傳送請求,“index.jade” 會被渲染為 HTML。

相關文章