在 Express 中使用模板引擎
需要在應(yīng)用中進(jìn)行如下設(shè)置才能讓 Express 渲染模板文件：
views, 放模板文件的目錄，比如： app.set('views', './views')
view engine, 模板引擎，比如： app.set('view engine', 'jade')
然后安裝相應(yīng)的模板引擎 npm 軟件包。
$ npm install jade --save
和 Express 兼容的模板引擎，比如 Jade，通過(guò) res.render() 調(diào)用其導(dǎo)出方法 __express(filePath, options, callback) 渲染模板。
有一些模板引擎不遵循這種約定，Consolidate.js 能將 Node 中所有流行的模板引擎映射為這種約定，這樣就可以和 Express 無(wú)縫銜接。
一旦 view engine 設(shè)置成功，就不需要顯式指定引擎，或者在應(yīng)用中加載模板引擎模塊，Express 已經(jīng)在內(nèi)部加載，如下所示。
app.set('view engine', 'jade');
在 views 目錄下生成名為 index.jade 的 Jade 模板文件，內(nèi)容如下：
html head title!= title body h1!= message
然后創(chuàng)建一個(gè)路由渲染 index.jade 文件。如果沒(méi)有設(shè)置 view engine，您需要指明視圖文件的后綴，否則就會(huì)遺漏它。
app.get('/', function (req, res) {
res.render('index', { title: 'Hey', message: 'Hello there!'});
});
此時(shí)向主頁(yè)發(fā)送請(qǐng)求，“index.jade” 會(huì)被渲染為 HTML。
- node.js+express制作網(wǎng)頁(yè)計(jì)算器
- Nodejs express框架一個(gè)工程中同時(shí)使用ejs模版和jade模版
- Express的路由詳解
- win7下安裝配置node.js+express開(kāi)發(fā)環(huán)境
- 淺析node連接數(shù)據(jù)庫(kù)（express+mysql）
- 基于nodejs+express(4.x+)實(shí)現(xiàn)文件上傳功能
- Nodejs Express4.x開(kāi)發(fā)框架隨手筆記
- Nodejs的express使用教程
- Nodejs初級(jí)階段之express
- Node.js的Express框架使用上手指南
相關(guān)文章
JavaScript實(shí)現(xiàn)流星雨效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)簡(jiǎn)易的流星雨的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
js substr支持中文截取函數(shù)代碼(中文是雙字節(jié))
js substr支持中文截取函數(shù)代碼,中文是雙字節(jié)，配有實(shí)例需要的朋友可以參考下2013-04-04
BootStrap點(diǎn)擊保存后實(shí)現(xiàn)模態(tài)框自動(dòng)關(guān)閉的思路(模態(tài)框)
這篇文章主要介紹了BootStrap點(diǎn)擊保存后實(shí)現(xiàn)模態(tài)框自動(dòng)關(guān)閉的思路(模態(tài)框),需要的朋友可以參考下2017-09-09
JavaScript?12個(gè)有用的數(shù)組技巧
數(shù)組是Javascript最常見(jiàn)的概念之一，它為我們提供了處理數(shù)據(jù)的許多可能性，熟悉數(shù)組的一些常用操作是很有必要的。本文將為大家介紹12個(gè)有用的JavaScript數(shù)組技巧，需要的朋友可以參考一下2021-12-12
利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件
這篇文章主要介紹了利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件，文中實(shí)現(xiàn)兩種效果的日期選擇，一種是默認(rèn)參數(shù)，點(diǎn)擊日期后直接選擇該日期，另一種是顯示按鈕來(lái)設(shè)置時(shí)間，有需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-01-01
JS動(dòng)態(tài)插入腳本和插入引用外部鏈接腳本的方法
js 動(dòng)態(tài)插入腳本的是在頁(yè)面加載時(shí)不存在，但將來(lái)的某一時(shí)刻通過(guò)修改該 DOM 動(dòng)態(tài)添加的腳本。接下來(lái)通過(guò)本文給大家介紹JS動(dòng)態(tài)插入腳本和插入引用外部鏈接腳本,需要的朋友可以參考下2018-05-05
json數(shù)據(jù)與字符串的相互轉(zhuǎn)化示例
json與字符串之間的轉(zhuǎn)換，在使用中經(jīng)常會(huì)遇到，本文有個(gè)不錯(cuò)的示例，大家可以參考下，或許會(huì)有所幫助2013-09-09
自己使用js/jquery寫(xiě)的一個(gè)定制對(duì)話(huà)框控件
自己做一個(gè)通用的控件，雖然不是絕對(duì)通用啦，但在我這個(gè)項(xiàng)目里還是可以隨意調(diào)用的，思想的話(huà)也可以借鑒到別的項(xiàng)目中2014-05-05
這篇文章主要介紹了webpack中的模式(mode)使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
下面小編就為大家?guī)?lái)一篇淺談js數(shù)組和splice的用法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12