在 Express 中使用模板引擎
更新時間：2015年12月10日 16:32:19 投稿：mrr
這篇文章主要介紹了在 Express 中使用模板引擎的相關(guān)資料,需要的朋友可以參考下
需要在應(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，通過 res.render() 調(diào)用其導(dǎo)出方法 __express(filePath, options, callback) 渲染模板。
有一些模板引擎不遵循這種約定，Consolidate.js 能將 Node 中所有流行的模板引擎映射為這種約定，這樣就可以和 Express 無縫銜接。
一旦 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)建一個路由渲染 index.jade 文件。如果沒有設(shè)置 view engine，您需要指明視圖文件的后綴，否則就會遺漏它。
app.get('/', function (req, res) {
res.render('index', { title: 'Hey', message: 'Hello there!'});
});
此時向主頁發(fā)送請求，“index.jade” 會被渲染為 HTML。
相關(guān)文章
這篇文章主要介紹了利用JavaScript實現(xiàn)雙向鏈表以及它的封裝和常用操作，文中的示例代碼講解詳細(xì)，對日常的學(xué)習(xí)和工作都有一定的價值，快來和小編一起學(xué)習(xí)吧2021-12-12
這篇文章為大家分享了js鼠標(biāo)點擊圖片切換效果實現(xiàn)代碼，特別炫酷的效果，具有一定的參考價值，推薦給大家，感興趣的小伙伴們可以參考一下2015-11-11
javascript設(shè)計模式 – 享元模式原理與用法實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 享元模式,結(jié)合實例形式分析了javascript享元模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
2008-02-02
JS使用ajax從xml文件動態(tài)獲取數(shù)據(jù)顯示的方法
這篇文章主要介紹了JS使用ajax從xml文件動態(tài)獲取數(shù)據(jù)顯示的方法,實例分析了javascript使用Ajax技術(shù)操作XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JavaScript接口實現(xiàn)方法,結(jié)合實例形式詳細(xì)分析了JavaScript接口實現(xiàn)原理、操作步驟與相關(guān)注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了ES6中定義類和對象的方法,結(jié)合實例形式分析了ES6中類的定義、繼承、靜態(tài)方法、靜態(tài)屬性等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
uni-app是一個使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到 iOS、Android、Web（響應(yīng)式）、以及各種 小程序,下面我們就來看看uni-app實現(xiàn)全局變量有哪些方法吧2024-12-12
這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)側(cè)滑頁面效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)簡單輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10