標(biāo)簽函數(shù) layout

所謂標(biāo)簽函數(shù)，即允許處理模板文件里的一塊內(nèi)容，功能等于同jsp tag。

如Beetl內(nèi)置的layout標(biāo)簽

index.html

layout("/inc/layout.html",{title:'主題'}){

%>

Hello,this is main part

layout.html

title is ${title}

body content ${layoutContent}

footer

第1行變量title來自于layout標(biāo)簽函數(shù)的參數(shù)

第2行l(wèi)ayoutContent 是layout標(biāo)簽體{}渲染后的結(jié)果

關(guān)于layout標(biāo)簽，參考高級(jí)主題布局

layout標(biāo)簽函數(shù)，相當(dāng)于把公共部分抽取出來，包裹主單個(gè)頁面的個(gè)性化內(nèi)容。

定界符、占位符

通俗易懂的說：

定界符就是 界定動(dòng)態(tài)beetl語言 與 html靜態(tài)代碼之間的符號(hào)。 比如,在中間的代碼，是beetl代碼(被包裹的代碼會(huì)被Beetl模板引擎編譯)， 而定界符之外的代碼就是html靜態(tài)代碼(beetl語法不會(huì)生效)。

跳轉(zhuǎn)

占位符，就是在靜態(tài)代碼中占一個(gè)位置。占位符中可以使用表達(dá)式，以及函數(shù)，占位符包裹住的代碼會(huì)被Beetl引擎編譯。

比如下面的url：

跳轉(zhuǎn)

因?yàn)槎际莃eetl代碼，所以在定界符中，不需要在使用占位符包裹變量，可以直接使用變量名！

Beetl作用階段

Beetl的主要作用是把 數(shù)據(jù)(變量)+ 模板 => 編譯成 靜態(tài)代碼。

靜態(tài)代碼產(chǎn)生之后就沒有 Beetl 什么事情了，瀏覽器打開靜態(tài)代碼才開始執(zhí)行JS腳本。

視頻地址：下載下來會(huì)更清晰，視頻比較長，可使用倍速看

總結(jié)

以上是生活随笔為你收集整理的beetl 页面标签_05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。