art-template和express-art-template

art-express

art-template可以方便服務(wù)器展示頁(yè)面給客戶端的東西,基本用法不表。

子模板

子模板可以將網(wǎng)站公共區(qū)塊(比如頭部底部,公共的外部鏈接)抽離到單獨(dú)的文件中。
例如我們把header部分抽取到了common/header.art中,那么在index.art中想要引用的話,就可以使用關(guān)語(yǔ)法

//標(biāo)準(zhǔn)語(yǔ)法,注意這里的include是一個(gè)關(guān)鍵字
{{include './common/header.art'}}
//原始語(yǔ)法,這里的include是一個(gè)方法
<%include('./common/header.art') %>

以上,子模板可以把其他部分塞進(jìn)自己里面∑(?Д?ノ)ノ

那么,怎么把自己塞進(jìn)其他地方呢|??ω?` ),那就要說(shuō)到模板繼承了。

模板繼承

這個(gè)思路分兩步走:
1.目標(biāo)位置需要有個(gè)坑
2.用自己填坑

layout.art

//挖坑部分 
<html>
  //在這里留一個(gè)名叫mian的坑
  {{block 'main'}}  {{/block}}
</html>

index.art

//先表示一下,根正苗紅
{{extend './common/layout.art}}

//然后填坑
{{block 'main}}
長(zhǎng)江啊黃河
{{/block}}

以上,就進(jìn)去了。

express-art-express

據(jù)說(shuō)為了能讓art-template在express框架中更好的使用,廠家在原來(lái)的基礎(chǔ)上進(jìn)行了進(jìn)一步封裝,于是就有了express-art-template。
安裝:
npm i art-template express-art-template

模板語(yǔ)法和art-template相同,只是配置上有些變化。

//告訴express框架,當(dāng)渲染后綴為.art的模板時(shí),使用express-art-template
app.engine('art', require('express-art-template'));

//告訴express框架模板存放的位置
app.set('views', path.join(__dirname, 'views');

//設(shè)置模板的默認(rèn)后綴
app.set('view engine', 'art'); 


//渲染模板
app.get('/', (req, res)=>{
  //express框架提供的方法
  res.render('index');
});
最后編輯于
?著作權(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)容