标签函数 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脚本。

视频地址：下载下来会更清晰，视频比较长，可使用倍速看