hq金水

愿你是阳光，明媚不忧伤～
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

smarty函数-继承extents

Posted on 2016-07-24 16:56  hq金水  阅读(234)  评论(0)  编辑  收藏  举报

继承<{extends}>

  • {extends}标签用在模版中的第一行；
  • 如果子模板用{extends}标签继承父模板，那么它只能包含{block}标签（内容），其它任何模板内容都将忽略；

后台(zi.php)

<?php
include("../init.inc.php");
include("../DBDA.php");
$db = new DBDA();
$smarty->assign("shouye","首页");
$smarty->assign("chanpin","产品");
$smarty->display("zi.html");

父级模板(fu.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><{block name='biaoti'}>父模板<{/block}></title>

//头
<{block name='head'}>
<{/block}>
<style type="text/css">
#daohang{ width:100%; height:50px}
.menu{ width:100px; height:50px; background-color:#66C; float:left; text-align:center; line-height:50px; vertical-align:middle}
#footer{ width:100%; height:100px; background-color:#F36    }
</style>
</head>
<body>
<div id="daohang">
<div class='menu'><{$shouye}></div>
<div class='menu'><{$chanpin}></div>
</div>


主体:
<div style="width:300px; height:200px">
<{block name='neirong'}>
<{/block}>
</div>

尾:
<div style="width:100%; height:100px; background-color:#CCC">
<{block name='di'}>
<{/block}>
</div>
<div id="footer"></div>
</body>
</html>

子级模板(zi.html):

<{extends file='fu.html'}>
//调用函数，子模板继承父模板的一切，子对父进行了重写，用block块标签进行修改或追加，顺序无所谓，想修改哪就在哪加block标签

<{block name='biaoti'}>//修改标题
    子页面
<{/block}>

修改样式:
//要修改样式得有两部分
<{block name='head'}>
<style type="text/css">
    #nr{width:200px; height:200px; background-color:#03F}
</style>
<{/block}>
//样式表部分

<{block name='neirong'}>
    <div id="nr"></div>
<{/block}>
//修改的内容部分


<{block name='di'}>
    网页的底部
<{/block}>