05.Beetl標籤函數以及定界符、佔位符介紹---《Beetl視頻課程》

本期視頻實現了博客的詳情頁面；

內容簡介：使用了標籤函數layout完成詳情功能

一塊兒學beetl目錄：https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598

做者：GK

---

標籤函數 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語法不會生效）。

<%if(a==1){%>
<a href="xxxx">跳轉</a>
<%}%>

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

好比下面的url：

<a href="${url}">跳轉</a>

由於都是beetl代碼，因此在定界符中，不須要在使用佔位符包裹變量，能夠直接使用變量名！

---

Beetl做用階段

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

靜態代碼產生以後就沒有 Beetl 什麼事情了，瀏覽器打開靜態代碼纔開始執行JS腳本。

---

項目git地址：https://gitee.com/gavink/beetl-blog

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

百度網盤下載: https://pan.baidu.com/s/1LyxAxlKpVXgVjwSXIbzBuA 提取碼: 68im

在線播放地址：bilibili (能夠調節清晰度): https://www.bilibili.com/video/av36278644/?p=5

博客目錄：https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598