zoukankan      html  css  js  c++  java
  • tp框架之模板继承

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

    因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块。

    每个区块由<block></block>标签组成。下面就是基础模板中的一个典型的区块设计(用于设计网站标题):

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

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

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

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

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

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

    1. <html>
    2. <head>
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    4. <block name="title"><title>标题</title></block>
    5. </head>
    6. <body>
    7. <block name="menu">菜单</block>
    8. <block name="left">左边分栏</block>
    9. <block name="main">主内容</block>
    10. <block name="right">右边分栏</block>
    11. <block name="footer">底部</block>
    12. </body>
    13. </html>

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

    1. <extend name="base" />
    2. <block name="title"><title>{$title}</title></block>
    3. <block name="menu">
    4. <a href="/" >首页</a>
    5. <a href="/info/" >资讯</a>
    6. <a href="/bbs/" >论坛</a>
    7. </block>
    8. <block name="left"></block>
    9. <block name="content">
    10. <volist name="list" id="vo">
    11. <a href="/new/{$vo.id}">{$vo.title}</a><br/>
    12. {$vo.content}
    13. </volist>
    14. </block>
    15. <block name="right">
    16. 最新资讯:
    17. <volist name="news" id="new">
    18. <a href="/new/{$new.id}">{$new.title}</a><br/>
    19. </volist>
    20. </block>
    21. <block name="footer">
    22. @ThinkPHP2012 版权所有
    23. </block>

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

    1. <extend name="Public:base" />

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

    1. <extend name="./Template/Public/base.html" />

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

    例如,如果采用下面的定义:

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

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

    在子模板中,可以对基础模板中的区块进行重载定义,如果没有重新定义的话,则表示沿用基础模板中的区块定义,如果定义了一个空的区块,则表示删除基础模板中的该区块内容。上面的例子,我们就把left区块的内容删除了,其他的区块都进行了重载。

    子模板中的区块定义顺序是随意的,模板继承的用法关键在于基础模板如何布局和设计规划了,如果结合原来的布局功能,则会更加灵活。

  • 相关阅读:
    功能小改进
    通过Performancing for Firefox发布Blog
    朋友当上了世界杯志愿者
    社区公告
    [新功能]通过作者名访问Blog
    用统一加速器解决网通用户访问博客园速度慢的问题
    通过备份数据库恢复SharePoint文档库中被删除的文件
    Web Application Projects的一个问题
    博客园将迈出重要的一步,注册一个公司
    Outlook 2003中的一些不足之处
  • 原文地址:https://www.cnblogs.com/bilibiliganbei/p/6214984.html
Copyright © 2011-2022 走看看