• smarty函数-继承extents


    继承<{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="300px; height:200px">
    <{block name='neirong'}>
    <{/block}>
    </div>
    
    尾:
    <div style="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}>
  • 相关阅读:
    js多图上传展示和删除
    简单的下拉加载和上拉加载
    js实现放大镜效果
    js表格拖拽
    js表格上下移动添加删除
    js写的滑动解锁
    关于serialize() FormData serializeArray()表单序列化
    js日历
    js树状菜单
    Restful API官方文档
  • 原文地址:https://www.cnblogs.com/jinshui/p/5701117.html
Copyright © 2020-2023  润新知