模板继承

http://www.thinkphp.cn/info/178.html

模板继承是3.1.2版本添加的一项更加灵活的模板布局方式，模板继承不同于模板布局，甚至来说，应该在模板布局的上层。模板继承其实并不难理解，就好比类的继承一样，模板也可以定义一个基础模板（或者是布局），并且其中定义相关的区块（block），然后继承（extend）该基础模板的子模板中就可以对基础模板中定义的区块进行重载。
因此，模板继承的优势其实是设计基础模板中的区块（block）和子模板中替换这些区块。
每个区块由<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="./Tpl/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区块的内容删除了，其他的区块都进行了重载。
子模板中的区块定义顺序是随意的，模板继承的用法关键在于基础模板如何布局和设计规划了，如果结合原来的布局功能，则会更加灵活。

为了更直观的理解模板继承，你可以查看模板继承示例。

时间： 2024-11-05 21:52:11

模板继承的相关文章

tp框架视图层view——模板继承

在做网站的时候,每个网站都有头部和尾部,也就是菜单栏和页脚,网站的各个子网页的头部和尾部基本就是一样的,所以tp框架提供了一种模板继承的方法: 1.首先在View的Main文件夹下建立一个base.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Django模板继承

base.html <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{% block title %}{% endblock %}</title></head> <body><h1>模板继承</h1>{% block content %}{% endbloc

ThinkPHP模板继承和修改title

先说下模板继承: 假定:在View文件夹中 -> Public  公共模块 ->base/header/top/footer 4个html文件 这下面base文件使用include引入其他3个文件,其中title用block标签,给个name属性,在不同的模板中可以实用block来重新定义title值, block 标签,属性是main的可以,在不同的模板的写不同的内容 <!DOCTYPE html> <html lang="en"> <hea

django之模板继承

1.源html文件:命名为3.html文件 <!DOCTYPE html><html><head><title>模板</title></head><body><h1>模板3</h1> {% block content %} <p>hello world</p>{% endblock %} </body></html> 2.继承文件命名为:4.html,

《Flask web开发》笔记2：模板---继承、bootstrap

前言:今天重新梳理了一下前端方面的知识,发现学习东西还是要用,不然忘得快,废话不多说,开始!! 一.模板继承 1.概念:   书上说,模板继承,类似Python上的继承: 其实个人觉得和所有继承都一样. 2.应用场景:当我们写一系列类似的jinja模板的时候发现,我们总是在重复做些无用的操作,{%%}这东西敲得也蛮累的,这时候就需要引入模板继承: 3.例子: 步骤1. 先建立一个模板,作为 '基类': jilei.html: <html> <head> {% block head

tp框架---View视图层---模板继承（举例说明）

当我们做动态页面时,我们会发现一个网站的头部和尾部是相同的,那么我们如何用tp框架来做模板呢 ? 先看一下注意事项: (1)每个区块由<block></block>标签组成 (2)子模板中使用extend标签继承模板 (3)注释语法:{/* 注释内容 */ } 或 {// 注释内容 }  一.看一下基本的模板继承 (1)先做出模板页面  Ceshi/View/Main/base.html <!DOCTYPE html> <html> <head>

Django1.9开发博客（6）- 模板继承

模板继承就是网站的多个页面可以共享同一个页面布局或者是页面的某几个部分的内容.通过这种方式你就需要在每个页面复制粘贴同样的代码了. 如果你想改变页面某个公共部分,你不需要每个页面的去修改,只需要修改一个模板就行了,这样最大化复用,减少了冗余,也减少了出错的几率,而且你敲的代码也少了. 创建一个base模板 一个base模板就是你全站所有页面都会继承的最基本的网站框架模板.我们在blog/templates/blog/中创建一个base.html模板: blog └───templates └──

thinkPHP框架 简单的删除和修改数据的做法 和 模板继承的意思大概做法

BiaodanController.class.php控制器页面 <?php namespace Admin\Controller; use think\Controller; class BiaodanController extends Controller{ public function zhuyemian(){ $n = D("nation"); $attr = $n->select(); $this->assign("n",$attr)

thinkphp中模板继承

模板继承是3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载.因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块.每个区块由<block></block>标签组成,并且不支持block标签的嵌套.

tp框架之模板继承

模板继承是一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载. 因此,模板继承的优势其实是设计基础模板中的区块(block)和子模板中替换这些区块. 每个区块由<block></block>标签组成.下面就是基础模板中的一个典型的区块设计(用于设计