解密ThinkPHP3.1.2版本之模板继承


Posted in PHP onJune 19, 2014

模板继承是ThinkPHP3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层。模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载。

因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块。
每个区块由<block></block>标签组成,并且不支持block标签的嵌套。
下面就是基础模板中的一个典型的区块设计(用于设计网站标题):

<block name="title"><title>网站标题</title></block>

block标签必须指定name属性来标识当前区块的名称,这个标识在当前模板中应该是唯一的,block标签中可以包含任何模板内容,包括其他标签和变量,例如:

<block name="title"><title>{$web_title}</title></block>

你甚至还可以在区块中加载外部文件:

<block name="include"><include file="Public:header" /></block>

一个模板中可以定义任意多个名称标识不重复的区块,例如下面定义了一个base.html基础模板:

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <block name="title"><title>标题</title></block>
 </head>
 <body>
 <block name="menu">菜单</block>
 <block name="left">左边分栏</block>
 <block name="main">主内容</block>
 <block name="right">右边分栏</block>
 <block name="footer">底部</block>
 </body>
 </html>

然后我们在子模板(其实是当前操作的入口模板)中使用继承:

<extend name="base" />
 <block name="title"><title>{$title}</title></block>
 <block name="menu">
 <a href="/" >首页</a>
 <a href="/info/" >资讯</a>
 <a href="/bbs/" >论坛</a>
 </block>
 <block name="left"></block>
 <block name="content">
 <volist name="list" id="vo">
 <a href="/new/{$vo.id}">{$vo.title}</a><br/>
{$vo.content}
 </volist>
 </block>
 <block name="right">

最新资讯:

<volist name="news" id="new">
 <a href="/new/{$new.id}">{$new.title}</a><br/>
 </volist>
 </block>
 <block name="footer">
@ThinkPHP2012 版权所有
 </block>

可以看到,子模板中使用了extend标签定义需要继承的模板,extend标签的用法和include标签一样,你也可以加载其他模板:

<extend name="Public:base" />

或者使用绝对文件路径加载

<extend name="./Tpl/Public/base.html" />

在当前子模板中,只能定义区块而不能定义其他的模板内容,否则将会直接忽略,并且只能定义基础模板中已经定义的区块。
例如,如果采用下面的定义:

<block name="title"><title>{$title}</title></block>
 <a href="/" >首页</a>
 <a href="/info/" >资讯</a>
 <a href="/bbs/" >论坛</a>

导航部分将是无效的,不会显示在模板中。

在子模板中,可以对基础模板中的区块进行重载定义,如果没有重新定义的话,则表示沿用基础模板中的区块定义,如果定义了一个空的区块,则表示删除基础模板中的该区块内容。
上面的例子,我们就把left区块的内容删除了,其他的区块都进行了重载。
子模板中的区块定义顺序是随意的,模板继承的用法关键在于基础模板如何布局和设计规划了,如果结合原来的布局功能,则会更加灵活。

PHP 相关文章推荐
用PHP产生动态的影像图
Oct 09 PHP
mysql 字段类型说明
Apr 27 PHP
PHP 抓取网页图片并且另存为的实现代码
Mar 24 PHP
php array_walk() 数组函数
Jul 12 PHP
PHP读取文件并可支持远程文件的代码分享
Oct 03 PHP
PHP定时执行任务的3种方法详解
Dec 21 PHP
PHP实现适用于自定义的验证码类
Jun 15 PHP
Laravel中间件实现原理详解
Oct 09 PHP
php 7新特性之类型申明详解
Jun 06 PHP
Yii2框架实现登陆添加验证码功能示例
Jul 12 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
Mar 18 PHP
Swoole 5将移除自动添加Event::wait()特性详解
Jul 10 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
Jun 19 #PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
Jun 19 #PHP
php数组合并array_merge()函数使用注意事项
Jun 19 #PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
Jun 19 #PHP
ThinkPHP3.1新特性之内容解析输出详解
Jun 19 #PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
Jun 19 #PHP
ThinkPHP3.1新特性之多数据库操作更加完善
Jun 19 #PHP
You might like
用PHP和ACCESS写聊天室(四)
2006/10/09 PHP
php中Smarty模板初体验
2011/08/08 PHP
微信access_token的获取开发示例
2015/04/16 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
php排序算法实例分析
2016/10/17 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
Safari5中alert的无限循环BUG
2011/04/07 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
使用Python中PDB模块中的命令来调试Python代码的教程
2015/03/30 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python自动识别文本编码格式代码
2019/12/26 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
python自动生成sql语句的脚本
2021/02/24 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
super()与this()的区别
2016/01/17 面试题
掌上明珠Java程序员面试总结
2016/02/23 面试题
药学专业毕业生求职信
2013/10/20 职场文书
英文慰问信范文
2015/03/24 职场文书
房地产项目合作意向书
2015/05/08 职场文书
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js