zoukankan      html  css  js  c++  java
  • (10) PHP 随笔---Smarty模板引擎 布局/继承使用

    ◇为了使得许多页面的‘头部’和‘脚部’开发维护方便,我们制作一个布局页面,其他具体业务页面来填充该‘布局’页面。

            ◇可以分为‘上’‘中’‘下’的布局,‘上’就是‘头部’,下就是‘尾部’,‘中’用来写业务逻辑。维护起来很方便。

        ◇可以先创建一个布局文件‘layout.html’,放在./templates文件夹中,代码如下:

    1 <div>头部信息</div>
    2 {block name="main"}
    3 {/block}
    4 <div>尾部信息</div>

        注:其中,‘头部信息’和‘尾部信息’可以根据前端人员的需要自行编写。

        ◇然后再创建一个'index.html',也放在./templates文件夹中,代码如下:

    1 {extends file="layout.html"}
    2 {block name="main"}<div>中部部分</div>{/block}

           注:1、第一行{extends file="layout.html"}是继承的意思,继承自layout.html

                 2、第二行中的{block name="xxx"}{/block}中的xxx要与布局文件中的{block name=“xxx”}中的name一致

            ◇最后在创建一个index.php文件,来引用这个模板(引用Smarty,display....)。代码如下:

    1  <?php
    2      header("content-type:text/html;charset=utf-8");
    3      include "./libs/Smarty.class.php";
    4      $smarty = new Smarty;
    5      $smarty -> display("index.html");
    6  ?>

    ◇布局扩展:

            ◇布局继承使用注意点:

                       ◇布局页面可以有许多block,自己页面也可以有许多block,他们通过name属性进行关联
                       ◇子级页面除了extends和block其他内容不给显示

           ◇布局页面的block可以有默认内容,子级页面不实现就直接显示。如果子级页面实现了就覆盖父级页面的{block}内容

           ◇布局页面的block可以彼此嵌套,自己实现可以有针对性实现。

                       ◇{$smarty.block.child}布局可以调用子级的内容,{$smarty.block.parent}子级页面可以调用父级页面内容

  • 相关阅读:
    CSS命名规范
    mysql对GIS空间数据的支持,包括创建空间索引
    jQuery和DOM对象
    教你轻松快速学会用Calibre TXT转MOBI
    教你如何写出一手漂亮的英文 ( 附视频教程 )
    推荐几个知名顶级的文献网站
    最常犯的12个逻辑错误
    信息学竞赛书籍
    适合入门的英语原版书
    2017十大流行编程挑战网站
  • 原文地址:https://www.cnblogs.com/kaolalovemiaomiao/p/4864049.html
Copyright © 2011-2022 走看看