node express使用HTML模板的方法示例
前言
一般我們在做node web項(xiàng)目的時(shí)候,想使用我們平時(shí)常用的html模板,express默認(rèn)使用jade模板,本身是沒有HTML的,那么如何實(shí)現(xiàn)呢?
ejs模板配置
使用
var app = express(); app.set('views', path.join(__dirname, 'views')); //設(shè)置視圖引擎 app.set('view engine', 'ejs');
html模板配置
安裝ejs
npm install ejs -D
引入
var ejs = require('ejs');
使用
var app = express(); var ejs = require('ejs'); app.set('views', path.join(__dirname, 'views')); app.engine('html', ejs.__express); app.set('view engine', 'html');
說明
app.engine(ext, cb) app.engine('html', require('ejs').__express);
將ejs模板映射至.html文件;
上面實(shí)際上是調(diào)用了ejs的.renderFile()方法,ejs.__express是該方法在ejs內(nèi)部的另一個(gè)名字。
因?yàn)榧虞d的模板引擎后調(diào)用的是同一個(gè)方法.__express,所以如果使用的是ejs模板,不用配置該項(xiàng)。
app.set(name, value)
在.set()方法的參數(shù)中,有一項(xiàng)是'view engine',表示沒有指定文件模板格式時(shí),默認(rèn)使用的引擎插件;
如果這里設(shè)置為html文件,設(shè)置路由指定文件時(shí),只需寫文件名,就會(huì)找對(duì)應(yīng)的html文件。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決
這篇文章主要介紹了Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06最精簡的JavaScript實(shí)現(xiàn)鼠標(biāo)拖動(dòng)效果的方法
這篇文章主要介紹了最精簡的JavaScript實(shí)現(xiàn)鼠標(biāo)拖動(dòng)效果的方法,可實(shí)現(xiàn)javascript控制鼠標(biāo)拖動(dòng)div層效果的方法,需要的朋友可以參考下2015-05-05原生JS實(shí)現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果詳解
這篇文章主要介紹了原生JS實(shí)現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果,結(jié)合實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)圖片3D旋轉(zhuǎn)相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-02-02JavaScript?字符串新增方法?trim()?的使用說明
這篇文章主要介紹了JavaScript字符串新增方法trim()的使用說明,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下2022-09-09HTML+JavaScript模擬實(shí)現(xiàn)簡單的時(shí)鐘效果
在這篇文章中,主要將向大家展示如何使用?HTML、CSS?和?JavaScript代碼制作模擬時(shí)鐘,文中的示例代碼講解詳細(xì),感興趣的可以了解一下2022-08-08JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法,可實(shí)現(xiàn)彩色小球的碰撞效果,涉及隨機(jī)函數(shù)與頁面樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子
今天小編就為大家分享一篇layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09