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
- 瞭解JavaScript引擎JavaScript
- Nginx深入瞭解-基礎(一)Nginx
- Nginx深入瞭解-基礎(三)Nginx
- Java基礎系列:瞭解ArrayListJava
- 初步瞭解Express(基於node.js的後端框架)ExpressNode.js後端框架
- .net 開源模板引擎jntemplate 教程:基礎篇之語法
- webpack 基礎入門 - 瞭解webpackWeb
- Node之Express模板Express
- 2.C_Sharp基礎深入瞭解
- Maven基礎瞭解及配置資訊Maven
- 移動端開發基礎瞭解
- 基礎莫隊模板
- .net 開源模板引擎jntemplate 實戰演習:基礎篇之入門
- 深入瞭解Android藍芽Bluetooth——《基礎篇》Android藍芽
- 一文帶你瞭解nginx基礎Nginx
- Flutter環境配置 + 基礎知識瞭解Flutter
- java基礎-多執行緒初步瞭解Java執行緒
- [JS基礎] 帶你深入瞭解JS原型JS原型
- Spring 指南(瞭解檢視模板)Spring
- Vue 3 元件基礎與模板語法詳解Vue元件
- Django 模板引擎以及模板Django
- 演算法基礎模板演算法
- 360 秒瞭解 SmartX 超融合基礎設施
- 網路營銷的基礎知識瞭解
- Python 模板引擎Python
- FreeMarker模板引擎
- 你真的瞭解Innodb儲存引擎?儲存引擎
- .net 開源模板引擎jntemplate 教程:基礎篇之在ASP.NET MVC中使用JntemplateASP.NETMVC
- django-模板層基礎2Django
- 【socket程式設計基礎模板】程式設計
- vue切換元件基礎模板Vue元件
- 帶你瞭解動態路由協議OSPF基礎路由協議
- 帶你瞭解Typescript的14個基礎語法TypeScript
- CTF入門學習2->Web基礎瞭解Web
- Flask入門學習---初步瞭解模板Flask