模板继承是一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层。模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义的区块进行重载。
因此,模板继承的优势其实是设计基础模板中的区块(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">
<title>{block name="title"}标题{/block}</title>
</head>
<body>
{block name="menu"}菜单{/block}
{block name="left"}左边分栏{/block}
{block name="cont"}主内容{/block}
{block name="right"}右边分栏{/block}
{block name="footer"}底部{/block}
</body>
</html>
~~~
然后我们在子模板(其实是当前操作的入口模板)中使用继承:
~~~
{extend name="base" /}
{block name="title"}{$title}{/block}
{block name="menu"}
<a href="/" >首页</a>
<a href="/info/" >新闻中心</a>
<a href="/bbs/" >关于我们</a>
{/block}
{block name="left"}{/block}
{block name="cont"}
{volist name="list" id="vo"}
<a href="/new/{$vo.id}">{$vo.title}</a><br/>
{$vo.content}
{/volist}
{/block}
{block name="right"}
最新资讯:
{volist name="listdb.data" id="cx"}
<a href="/home/part-{$cx.id}.html">{$cx.title}</a><br/>
{/volist}
{/block}
{block name="footer"}
{__block__}
我是底部的内容
{/block}
~~~
上例中,我们可以看到在子模板中使用了extend标签来继承了base模板。
在子模板中,可以对基础模板中的区块进行重载定义,如果没有重新定义的话,则表示沿用基础模板中的区块定义,如果定义了一个空的区块,则表示删除基础模板中的该区块内容。 上面的例子,我们就把left区块的内容删除了,其他的区块都进行了重载。而
~~~
{block name="footer"}
{__block__}
@我是底部的内容
{/block}
~~~
这一区块中有`{__block__}`这个标签,当区块中有这个标记时,就不只是直接重载这个区块,它表示引用所继承模板对应区块的内容到这个位置,最终这个区块是合并后的内容。所以这里footer区块最后的内容是: 底部@我是底部的内容
extend标签的用法和include标签一样,你也可以加载其他模板:
~~~
{extend name="Public:base" /}
~~~
或者使用绝对文件路径加载
~~~
{extend name="./Template/Public/base.html" /}
~~~
在当前子模板中,只能定义区块而不能定义其他的模板内容,否则将会直接忽略,并且只能定义基础模板中已经定义的区块。
例如,如果采用下面的定义:
~~~
{block name="title"}<title>{$title}</title>{/block}
<a href="/" >首页</a>
<a href="/info/" >新闻中心</a>
<a href="/bbs/" >关于我们</a>
~~~
导航部分将是无效的,不会显示在模板中。
模板可以多级继承,比如B继承了A,而C又继承了B,最终C中的区块会覆盖B和A中的同名区块,但C和B中的区块必须是A中已定义过的。
子模板中的区块定义顺序是随意的,模板继承的用法关键在于基础模板如何布局和设计规划了,如果结合原来的布局功能,则会更加灵活。
- 关于蠕虫CMS
- 系统基础
- 环境需求
- 系统安装
- 后台操作
- 系统基本设置
- 系统配置设置
- 模块管理
- 栏目操作
- 内容操作
- 辅助栏目
- 专题操作
- 表单管理
- 友情链接管理
- 导航管理
- 导航链接
- 会员管理
- 用户组列表
- 用户字段管理
- 用户列表
- 统计管理
- 前台操作
- 图片上传
- CMS模块-主栏目内容
- CMS模块-主栏目
- 富文本编辑器
- 文本文档
- 其他内页的修改
- 底部信息
- 模板制作
- 模板包含文件
- 基础模板文件的讲解
- 前台风格目录讲解
- 首页的编写文件目录讲解
- 栏目列表的编写文件目录讲解
- 文章内容的编写文件目录讲解
- 辅栏目列表的编写文件目录讲解
- 专题分类列表的编写文件目录讲解
- 专题列表的编写文件目录讲解
- 单篇文章的编写文件目录讲解
- 自定义风格目录
- 跳转链接的格式
- 栏目列表文件调用字段讲解
- 文章内容详情页文件调用字段讲解
- 辅栏目列表文件调用字段讲解
- 专题列表文件调用字段讲解
- 专题文件调用字段讲解
- 单篇文件调用字段讲解
- block模板的分块替换
- 新做风格注意事项
- 相关栏目名称的调用
- 列表页的制作和列表分页
- 文章内容页上一篇下一篇的使用
- 标签快速入门
- 标签进阶之图片上传
- 文本代码的标签使用
- 模板中常用的系统标签数据处理
- 在dome上写cx-click类进行点击操作
- 表单的相关操作
- 系统标签操作指南
- 变量输出
- 标签嵌套
- 资源文件
- 条件判断
- 比较标签
- 循环标签
- 包含文件
- 模板继承
- 二次开发