Express基礎瞭解—模板引擎
主要根據官方文件和網上資料整理的。
參考文章:
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。
相關文章
- Express基礎瞭解—路由Express路由
- Express基礎瞭解—中介軟體Express
- Express 文件(使用模板引擎)Express
- Express 實戰(三):Express 基礎Express
- 瞭解JavaScript引擎JavaScript
- Nginx深入瞭解-基礎(一)Nginx
- Nginx深入瞭解-基礎(三)Nginx
- Java基礎系列:瞭解ArrayListJava
- mysql之InnoDB基礎瞭解MySql
- 模板引擎使用詳解:包含公共模板
- .net 開源模板引擎jntemplate 教程:基礎篇之語法
- 初步瞭解Express(基於node.js的後端框架)ExpressNode.js後端框架
- webpack 基礎入門 - 瞭解webpackWeb
- Maven基礎瞭解及配置資訊Maven
- Zookeeper必須瞭解的基礎
- Node之Express模板Express
- 移動端開發基礎瞭解
- 深入瞭解Oracle ASM(一):基礎概念OracleASM
- Django 基礎教程 - 模板Django
- 基礎莫隊模板
- .net 開源模板引擎jntemplate 實戰演習:基礎篇之入門
- 一文帶你瞭解nginx基礎Nginx
- java基礎-多執行緒初步瞭解Java執行緒
- Flutter環境配置 + 基礎知識瞭解Flutter
- [JS基礎] 帶你深入瞭解JS原型JS原型
- 2.C_Sharp基礎深入瞭解
- Django 模板引擎以及模板Django
- Vue 3 元件基礎與模板語法詳解Vue元件
- 演算法基礎模板演算法
- 深入瞭解Android藍芽Bluetooth——《基礎篇》Android藍芽
- 網路營銷的基礎知識瞭解
- 360 秒瞭解 SmartX 超融合基礎設施
- 程式設計是否真的要很瞭解基礎?程式設計
- JS模板引擎JS
- Express 實戰(二):Node.js 基礎ExpressNode.js
- Spring 指南(瞭解檢視模板)Spring
- 你真的瞭解Innodb儲存引擎?儲存引擎
- 深入瞭解React新引擎:ReactFiberReact