標簽函數 layout

所謂標簽函數，即允許處理模板文件里的一塊內容，功能等于同jsp tag。

如Beetl內置的layout標簽

index.html

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

%>

Hello,this is main part

layout.html

title is ${title}

body content ${layoutContent}

footer

第1行變量title來自于layout標簽函數的參數

第2行layoutContent 是layout標簽體{}渲染后的結果

關于layout標簽，參考高級主題布局

layout標簽函數，相當于把公共部分抽取出來，包裹主單個頁面的個性化內容。

定界符、占位符

通俗易懂的說：

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

跳轉

占位符，就是在靜態代碼中占一個位置。占位符中可以使用表達式，以及函數，占位符包裹住的代碼會被Beetl引擎編譯。

比如下面的url：

跳轉

因為都是beetl代碼，所以在定界符中，不需要在使用占位符包裹變量，可以直接使用變量名！

Beetl作用階段

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

靜態代碼產生之后就沒有 Beetl 什么事情了，瀏覽器打開靜態代碼才開始執行JS腳本。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。