art-express
art-template可以方便服務(wù)器展示頁面給客戶端的東西,基本用法不表。
子模板
子模板可以將網(wǎng)站公共區(qū)塊(比如頭部底部,公共的外部鏈接)抽離到單獨的文件中檀何。
例如我們把header部分抽取到了common/header.art中重虑,那么在index.art中想要引用的話践付,就可以使用關(guān)語法
//標(biāo)準(zhǔn)語法,注意這里的include是一個關(guān)鍵字
{{include './common/header.art'}}
//原始語法缺厉,這里的include是一個方法
<%include('./common/header.art') %>
以上永高,子模板可以把其他部分塞進(jìn)自己里面∑(?Д?ノ)ノ
那么,怎么把自己塞進(jìn)其他地方呢|??ω?` )提针,那就要說到模板繼承了命爬。
模板繼承
這個思路分兩步走:
1.目標(biāo)位置需要有個坑
2.用自己填坑
layout.art
//挖坑部分
<html>
//在這里留一個名叫mian的坑
{{block 'main'}} {{/block}}
</html>
index.art
//先表示一下,根正苗紅
{{extend './common/layout.art}}
//然后填坑
{{block 'main}}
長江啊黃河
{{/block}}
以上辐脖,就進(jìn)去了饲宛。
express-art-express
據(jù)說為了能讓art-template在express框架中更好的使用,廠家在原來的基礎(chǔ)上進(jìn)行了進(jìn)一步封裝嗜价,于是就有了express-art-template艇抠。
安裝:
npm i art-template express-art-template
模板語法和art-template相同幕庐,只是配置上有些變化。
//告訴express框架练链,當(dāng)渲染后綴為.art的模板時翔脱,使用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');
});