欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

ThinkPHP3.1快速入门(15)模板布局

shiping1 的头像
ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能。
有三种布局模板的支持方式:

第一种方式:全局配置方式

这种方式仅需在项目配置文件中添加相关的布局模板配置,就可以简单实现模板布局功能,比较适用于全站使用相同布局的情况,需要配置开启LAYOUT_ON 参数(默认不开启),并且设置布局入口文件名LAYOUT_NAME(默认为layout)。
  1. 'LAYOUT_ON'=>true,
  2.  'LAYOUT_NAME'=>'layout',
复制代码
 
开启LAYOUT_ON后,我们的模板渲染流程就有所变化,例如:
  1. Class UserAction extends Action {
  2.     Public function add() {
  3.         $this->display('add');
  4.     }
  5.  }
复制代码
 
在不开启LAYOUT_ON布局模板之前,会直接渲染Tpl/User/add.html 模板文件,开启之后,首先会渲染Tpl/layout.html 模板,布局模板的写法和其他模板的写法类似,本身也可以支持所有的模板标签以及包含文件,区别在于有一个特定的输出替换变量{__CONTENT__},例如,下面是一个典型的layout.html模板的写法:
  1. <include file="Public:header" />
  2. {__CONTENT__}
  3.  <include file="Public:footer" />
复制代码
 
读取layout模板之后,会再解析User/add.html 模板文件,并把解析后的内容替换到layout布局模板文件的{__CONTENT__} 特定字符串。
当然可以通过设置来改变这个特定的替换字符串,例如:
  1. 'TMPL_LAYOUT_ITEM'      =>  '{__REPLACE__}'
复制代码
 
但是一个布局模板同时只能有一个特定替换字符串。
采用这种布局方式的情况下,一旦User/add.html 模板文件或者layout.html布局模板文件发生修改,都会导致模板重新编译。
如果需要指定其他位置的布局模板,可以使用:
  1. 'LAYOUT_NAME'=>'Layout/layoutname',
复制代码
 
就表示采用Tpl/Layout/layoutname.html作为布局模板。

如果某些页面不需要使用布局模板功能,可以在模板文件开头加上 {__NOLAYOUT__} 字符串。
如果上面的User/add.html 模板文件里面包含有{__NOLAYOUT__},则即使当前开启布局模板,也不会进行布局模板解析。

第二种方式:模板标签方式

这种布局模板不需要在配置文件中设置任何参数,也不需要开启LAYOUT_ON,直接在模板文件中指定布局模板即可,相关的布局模板调整也在模板中进行。
以前面的输出模板为例,这种方式的入口还是在User/add.html 模板,但是我们可以修改下add模板文件的内容,在头部增加下面的布局标签(记得首先关闭前面的LAYOUT_ON设置,否则可能出现布局循环):
  1. <layout name="layout" />
复制代码
 
表示当前模板文件需要使用layout.html 布局模板文件,而布局模板文件的写法和上面第一种方式是一样的。当渲染User/add.html 模板文件的时候,如果读取到layout标签,则会把当前模板的解析内容替换到layout布局模板的{__CONTENT__} 特定字符串。
一个模板文件中只能使用一个布局模板,如果模板文件中没有使用任何layout标签则表示当前模板不使用任何布局。
如果需要使用其他的布局模板,可以改变layout的name属性,例如:
  1. <layout name="newlayout" />
复制代码
 
还可以在layout标签里面指定要替换的特定字符串:
  1. <layout name="Layout/newlayout"  replace="{__REPLACE__}" />
复制代码
 
由于所有include标签引入的文件都支持layout标签,所以,我们可以借助layout标签和include标签相结合的方式实现布局模板的嵌套。例如,上面的例子
  1. <include file="Public:header" />
  2.  <div id="main" class="main" >
  3. {__CONTENT__}
  4.  </div>
  5.  <include file="Public:footer" /> 
复制代码
 
在引入的header和footer模板文件中也可以添加layout标签,例如header模板文件的开头添加如下标签:
  1. <layout name="menu" />
复制代码
 
这样就实现了在头部模板中引用了menu布局模板。
也可以采用两种布局方式的结合,可以实现更加复杂的模板布局以及嵌套功能。

第三种方式:使用layout控制模板布局

使用内置的layout方法可以更灵活的在程序中控制模板输出的布局功能,尤其适用于局部需要布局或者关闭布局的情况,这种方式也不需要在配置文件中开启LAYOUT_ON。例如:
  1. Class UserAction extends Action {
  2.     Public function add() {
  3.         layout(true);
  4.         $this->display('add');
  5.     }
  6.  }
复制代码
 
表示当前的模板输出启用了布局模板,并且采用默认的layout布局模板。
如果当前输出需要使用不同的布局模板,可以动态的指定布局模板名称,例如:
  1. Class UserAction extends Action {
  2.     Public function add() {
  3.         layout('Layout/newlayout');
  4.         $this->display('add');
  5.     }
  6.  }
复制代码
 
或者使用layout方法动态关闭当前模板的布局功能(这种用法可以配合第一种布局方式,例如全局配置已经开启了布局,可以在某个页面单独关闭):
  1. Class UserAction extends Action {
  2.     Public function add() {
  3.         layout(false); // 临时关闭当前模板的布局功能
  4.         $this->display('add');
  5.     }
  6.  }
复制代码
 

总结

三种模板布局方式中,第一种和第三种是在程序中配置实现模板布局,第二种方式则是单纯通过模板标签在模板中使用布局。具体选择什么方式,需要根据项目的实际情况来了。

来自  
http://www.thinkphp.cn/info/183.html


跑跑汤08月06日
我用的是第三种来加载的布局
1.在View 下创建layout.tpl
<html>
<head>
<title>{$title}</title>
</head>
<body>
{__CONTENT__}
</body>
</html>
2.在Controller 里加上
layout(true); 这里默认的加载的View 下的layout.html/.tpl文件
3.在你自己的模板上
只要写body里的内容就可以了
ziluopao05月20日
嗯,这一功能不错的说
tongjingcheng2015年01月13日
怎么没说怎么把变量传进layout的?
刘顽富2014年12月13日
模板化其实就是和更换css样式差不多,调用很多不同的.html或者.tpl文件。这样就好理解了
updatedsoul2014年11月09日
这么简单居然有人看不懂。
xyang09172014年10月12日
菜鸟看不懂,别说框架做复杂了
山伯2014年09月05日
这是什么东东,看来一遍又一遍,一次比一次乱
changup2014年08月22日
thinkphp把好多简单的问题复杂化了,似乎在卖弄什么似的,这个不是应有的好思维;
回复changup2014年08月22日
比如对数据库查询语言的过度包装;什么参数绑定,其实就是默认值,还给新起名称,搞复杂;还有这个什么布局;不得不说thinkphp在框架有贡献的同时确实手有点长!!!
smallfish2014年07月16日
layout其实是个鸡肋,实际开发中都直接 include了
cysean2014年07月03日
写得非常好,谢谢你能给我带来这么通俗易懂的教程,谢谢。
cx62263012014年06月19日
你这样写的东西不把人弄晕才怪 什么__CONTENT__ 实际运用根本用不到. 骚年们 别学他
Yl飞2014年05月28日
兴趣-挫折-厌恶-理解-麻木
山伯2014年03月13日
晕晕的,感觉有点复杂
微辅导2014年03月12日
感觉用<include file="Module:action" />就足够
cx3432014年03月05日
有点晕啊
yourmilk2014年01月27日
LAYOUT还是很有用滴。。
phplife20132013年12月20日
太好了,正想用layout布局
ariesdm2013年12月20日
{__CONTENT__}加进来的中文内容为什么是乱码?求解。layout.html中编码是UTF-8
fudongdong6902013年12月18日
这个public:header是什么意思?header.html应该在哪里啊啊?
onlylove2013年11月28日
顶部都写在模板里面,title这些怎样传值进去?
cx62263012014年06月19日
你这样写的东西不把人弄晕才怪 什么__CONTENT__ 实际运用根本用不到. 骚年们 别学他
Yl飞2014年05月28日
兴趣-挫折-厌恶-理解-麻木
山伯2014年03月13日
晕晕的,感觉有点复杂
微辅导2014年03月12日
感觉用<include file="Module:action" />就足够
cx3432014年03月05日
有点晕啊
yourmilk2014年01月27日
LAYOUT还是很有用滴。。
phplife20132013年12月20日
太好了,正想用layout布局
ariesdm2013年12月20日
{__CONTENT__}加进来的中文内容为什么是乱码?求解。layout.html中编码是UTF-8
fudongdong6902013年12月18日
这个public:header是什么意思?header.html应该在哪里啊啊?
onlylove2013年11月28日
顶部都写在模板里面,title这些怎样传值进去?
cx62263012014年06月19日
你这样写的东西不把人弄晕才怪 什么__CONTENT__ 实际运用根本用不到. 骚年们 别学他
Yl飞2014年05月28日
兴趣-挫折-厌恶-理解-麻木
山伯2014年03月13日
晕晕的,感觉有点复杂
微辅导2014年03月12日
感觉用<include file="Module:action" />就足够
cx3432014年03月05日
有点晕啊
yourmilk2014年01月27日
LAYOUT还是很有用滴。。
phplife20132013年12月20日
太好了,正想用layout布局
ariesdm2013年12月20日
{__CONTENT__}加进来的中文内容为什么是乱码?求解。layout.html中编码是UTF-8
fudongdong6902013年12月18日
这个public:header是什么意思?header.html应该在哪里啊啊?
onlylove2013年11月28日
顶部都写在模板里面,title这些怎样传值进去?
cx62263012014年06月19日
你这样写的东西不把人弄晕才怪 什么__CONTENT__ 实际运用根本用不到. 骚年们 别学他
Yl飞2014年05月28日
兴趣-挫折-厌恶-理解-麻木
山伯2014年03月13日
晕晕的,感觉有点复杂
微辅导2014年03月12日
感觉用<include file="Module:action" />就足够
cx3432014年03月05日
有点晕啊
yourmilk2014年01月27日
LAYOUT还是很有用滴。。
phplife20132013年12月20日
太好了,正想用layout布局
ariesdm2013年12月20日
{__CONTENT__}加进来的中文内容为什么是乱码?求解。layout.html中编码是UTF-8
fudongdong6902013年12月18日
这个public:header是什么意思?header.html应该在哪里啊啊?
onlylove2013年11月28日
顶部都写在模板里面,title这些怎样传值进去?
tree1002013年11月22日
有点晕。。感觉目前用不到啊。
jiewuzhe022013年11月16日
幸福曲线:兴趣-挫折-厌恶-理解-麻木
沈园2013年11月13日
第一种怎么有问题啊。。。
且行且修2013年10月25日
很好!
ling7940045272013年09月16日
用了第一第二种方法,但是第三种方法不行,这是怎么回事???
yanmin06142013年09月06日
布局后js执行重复冲突到话,将所有冲突部分一起归至layout下,成功了。TP是全部加载,在执行吧。
bbwdp2013年08月28日
太棒了!刚好解了我一个下午的惑,正好用上
tower9912013年08月19日
为什么我使用第一种方法不起作用,,,设置是layout_on=>true,layout_name=>'name',模板文件也没写错,因为用layout标签和第三种方法都可以------->可是第一种name布局就是不出来。。。求人指点
回复akleee2014年05月26日
修改了配置文件,是否需要清楚一下runtime
wangbo158332013年07月31日
理解了后两种方法
myfirtyou2013年07月30日
实然觉得我的积分好少 加油回复

普通分类: