ThinkPHP--模版布局方式

1  常用布局方法

  • 使用前置和后置方法,达到网页分层布局
  • 使用多次display来达到网页分层布局
  • include
  • LAYOUT
  • 模板继承

 

2  模版文件引入(包含文件)

可以使用Include标签来包含外部的模板文件,使用方法如下: include标签(包含外部模板文件)

闭合   闭合标签

属性   file(必须):要包含的模板文件,支持变量

示例:

1、 使用完整文件名包含

格式:<include file="完整模板文件名" />

例如:

<include file="./Tpl/default/Public/header.html" />

 这种情况下,模板文件名必须包含后缀。使用完整文件名包含的时候,特别要注意文件包含指的是服务器端包含,而不是包含一个URL地址,也就是说file参数的写法是服务器端的路径,如果使用相对路径的话,是基于项目的入口文件位置。

2、包含当前模块的其他操作模板文件

格式:<include file="操作名" />

例如 导入当前模块下面的read操作模版:

<include file="read" />

 操作模板无需带后缀。

3、 包含其他模块的操作模板

格式:<include file="模块名:操作名" />

例如,包含Public模块的header操作模版:

<include file="Public:header" />

 4、包含其他模板主题的模块操作模板

格式:<include file="主题名:模块名:操作名" />

例如,包含blue主题的User模块的read操作模版:

<include file="blue:User:read" />

 5、 用变量控制要导入的模版

格式:<include file="$变量名" />

例如

<include file="$tplName" />

 给$tplName赋不同的值就可以包含不同的模板文件,变量的值的用法和上面的用法相同。无论你使用什么方式包含外部模板,Include标签支持在包含文件的同时传入参数,例如,下面的例子我们在包含header模板的时候传入了title和keywords变量:

<include file="header" title="ThinkPHP框架"keywords="开源WEB开发框架"/>

就可以在包含的header.html文件里面使用var1和var2变量,方法

    <htmlxmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>[title]</title>
    <metaname="keywords"content="[keywords]"/>
    </head>

 注意:由于模板解析的特点,从入口模板开始解析,如果外部模板有所更改,模板引擎并不会重新编译模板,除非在调试模式下或者缓存已经过期。如果部署模式下修改了包含的外部模板文件后,需要把模块的缓存目录清空,否则无法生效。3.1版本开始,include标签支持导入多个模板,用逗号分割即可,例如:

<include file='file1,file2' />

 

 3.1  模版布局

新版模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能。有两种布局模板的支持方式:

第一种方式是 以布局模板为入口的方式

该方式需要配置开启LAYOUT_ON 参数(默认不开启),并且设置布局入口文件名LAYOUT_NAME(默认为layout)。

开启LAYOUT_ON后,我们的模板渲染流程就有所变化,例如:

Class UserAction extends Action {
    Public function add() {
    $this->display('add');
    }
}

在不开启LAYOUT_ON布局模板之前,会直接渲染Tpl/User/add.html 模板文件,开启之后,首先会渲染Tpl/layout.html 模板,布局模板的写法和其他模板的写法类似,本身也可以支持所有的模板标签以及包含文件,区别在于有一个特定的输出替换变量{__CONTENT__},例如,下面是一个典型的layout.html模板的写法:

{__CONTENT__}

 读取layout模板之后,会再解析User/add.html 模板文件,并把解析后的内容替换到layout布局模板文件的{__CONTENT__} 特定字符串。

采用这种布局方式的情况下,一旦User/add.html 模板文件或者layout.html布局模板文件发生修改,都会导致模板重新编译。

如果项目需要使用不同的布局模板,可以动态的配置LAYOUT_NAME参数实现。

如果某些页面不需要使用布局模板功能,可以在模板文件开头加上 {__NOLAYOUT__} 字符串。

如果上面的User/add.html 模板文件里面包含有{__NOLAYOUT__},则即使当前开启布局模板,也不会进行布局模板解析。

第二种方式是以当前输出模板为入口的方式

以前面的输出模板为例,这种方式的入口还是在User/add.html 模板,但是我们可以修改下add模板文件的内容,在头部增加下面的布局标签:

<layout name="layout" />

 如果读取到layout标签,则会把当前模板的解析内容替换到layout布局模板的{__CONTENT__} 特定字符串。

如果需要使用其他的布局模板,可以改变layout的name属性,例如:

<layout name="new_layout" />

 由于所有include标签引入的文件都支持layout标签,所以,我们可以借助layout标签和include标签相结合的方式实现布局模板的嵌套。例如,上面的例子

<include file="Public:header" />

<div id="main" class="main" >

{__CONTENT__}

</div>

<include file="Public:bottom" />

在引入的header和footer模板文件中也可以添加layout标签,例如header模板文件的开头添加如下标签:

    <layoutname="menu"/>

 这样就实现了在头部模板中引用了menu布局模板。
也可以采用两种布局方式的结合,可以实现更加复杂的模板布局以及嵌套功能。

 

 

posted @ 2013-04-21 12:02  水月灵心  阅读(796)  评论(0编辑  收藏  举报