Express入門_模板引擎hbs(三)

Express支持多種模板引擎,這里將采用Handlebars模板引擎的服務(wù)器端版本hbs模板引擎 。
安裝hbs

npm install hbs --save-dev

安裝hbs模板引擎后改寫app.js

//index.js
var express=require('express');
var app=express();

//加載hbs模塊
var hbs = require('hbs');

//指定模板后綴名為html
app.set('view engine','html');

//運(yùn)行hbs模塊
app.engine('html',hbs.__express);

var routes=require('./routes')(app);

app.listen(8080);

新建views子文件,放入視圖文件三個(gè):index.html customer.html admin.html

<!--index.html-->
<p>這里是index</p>
<!--customer.html-->
<p>這里是customer</p>
<!--admin.html-->
<p>這里是admin</p>

接下來修改路由文件

//routes/index.js
module.exports = function(app) {
    app.get('/',function(req,res){
        res.render('index');
    });
    app.get('/customer',function(req,res){
        res.render('customer');
    });
    app.get('/admin',function(req,res){
        res.render('admin');
    });
}

render方法 對(duì)網(wǎng)頁模板進(jìn)行渲染,render方法的參數(shù)就是文件名,默認(rèn)放在views文件夾下,不需要html后綴名 ,已經(jīng)在index.js說明為html
運(yùn)行結(jié)構(gòu)如圖:

運(yùn)行結(jié)果.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容