26
2019.2

layout标签(模板布局)

作者: POPASP
模板布局功能可以方便的实现模板布局以及布局嵌套功能。有两种布局模板的支持方式: 第一种方式是 以布局模板为入口的方式 该方式需要配置开启`LAYOUT_ON`参数(默认不开启),并且设置布局入口文件名LAYOUT_NAME(默认为layout)。 开启LAYOUT_ON后,我们的模板渲染流程就有所变化,例如: ``` Class User sub add that.show end sub End Class ``` 在不开启LAYOUT_ON布局模板之前,会直接渲染`Tpl/User/add.html`模板文件,开启之后,首先会渲染`Tpl/layout.html`模板,布局模板的写法和其他模板的写法类似,本身也可以支持所有的模板标签以及包含文件,区别在于有一个特定的输出替换变量`{__CONTENT__}`,例如,下面是一个典型的layout.html模板的写法: ```brush:html {__CONTENT__} ``` 读取layout模板之后,会再解析User/add.html 模板文件,并把解析后的内容替换到layout布局模板文件的`{__CONTENT__}` 特定字符串。 采用这种布局方式的情况下,一旦User/add.html 模板文件或者layout.html布局模板文件发生修改,都会导致模板重新编译。 如果项目需要使用不同的布局模板,可以动态的配置`LAYOUT_NAME`参数实现。 如果某些页面不需要使用布局模板功能,可以在模板文件开头加上`{__NOLAYOUT__}`字符串。 如果上面的User/add.html 模板文件里面包含有`{__NOLAYOUT__}`,则即使当前开启布局模板,也不会进行布局模板解析。 第二种方式是以当前输出模板为入口的方式 以前面的输出模板为例,这种方式的入口还是在`User/add.html`模板,但是我们可以修改下add模板文件的内容,在头部增加下面的布局标签: ```brush:html {layout file="layout"} ``` 表示当前模板文件需要使用layout.html 布局模板文件,而布局模板文件的写法和上面第一种方式是一样的。当渲染`User/add.html`模板文件的时候,如果读取到layout标签,则会把当前模板的解析内容替换到layout布局模板的`{__CONTENT__}`特定字符串。 如果需要使用其他的布局模板,可以改变layout的name属性,例如: ```brush:html {layout file="new_layout"} ``` 由于所有include标签引入的文件都支持layout标签,所以,我们可以借助layout标签和include标签相结合的方式实现布局模板的嵌套。例如 ```brush:html {include file="Public/header"}
{__CONTENT__}
{include file="Public/bottom"} ```