Smarty学习（下）

smarty布局继承

在网页中许多界面有共同的部分，比如最常见的有常见的头部和底部UI是公用的，可以通过布局继承维护一份代码，实现多个界面公用

layout.html：包含共同UI部分

<!--头部信息-->
<div>头部的信息,适用于很多个界面</div>
<!--块占位,继承的界面来填充-->
{block name="main"}{/block}
{block name="first"}{/block}
<!--脚步信息-->
<div>脚部的信息,适用于很多个界面</div>

index.html

<!--继承layout模板-->
{extends file="layout.html"}
<!--填充layout的block-->
{block name="main"}<div style="background-color: red;color: whitesmoke">网站首页面</div>{/block}
{block name="first"}<div style="background-color: green;color: whitesmoke">填充到first块</div>{/block}

index.php

require './libs/Smarty.class.php';//使用成熟的smarty
$smarty = new Smarty();
$smarty->display('index.html');

布局页面可以有许多block，子级页面也可以有许多block，他们通过name属性进行关联。
子级页面除了extends和block其他内容不给显示
布局页面的block可以有默认内容，子级页面不实现就直接显示，实现就覆盖。
布局页面的block可以彼此嵌套，子级实现可以有针对性实现。
{$smarty.block.child}布局可以调用子级的内容
{$smarty.block.parent}子级页面可以调用父级页面内容
子级继承父级(布局)页面，子级只能有extends和block两种内容
父级有正常的模板内容和 block占位符内容
父级block标签允许有默认内容
父级block允许嵌套

模板继承.png

布局扩展使用

网页常见的布局有上中下布局和上左右下布局（后台管理系统）,通过模板布局规则实现代码的复用管理方便，下面是上左右下的一个案例

layout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>新建网页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />

        <script type="text/javascript">

        </script>

        {literal}
        <style type="text/css">
        #head {width:730px; height:90px; background-color:lightblue;}
        #main {width:730px; height:300px; background-color:pink;}
        #foot {width:730px; height:90px; background-color:lightblue;}
        #left {width:230px; height:300px; background-color:lightgreen; float:left;}
        #right {width:450px; height:300px; background-color:lightgray;float:right;}
        </style>
        {/literal}
    </head>
    <body>
        <div id="head">首页、充值卡、手机配件、优惠活动</div>
        <div id="main">
            {block name="center"}
            <div id="left">
            欢迎页<br />
            我的订单<br />
            收获地址<br />
            更改密码<br />
            </div>
            <div id="right">
            {block name="right"}{/block}
            </div>
            {/block}
        </div>
        <div id="foot">订购方式、联系我们、售后保障</div>
    </body>
</html>

order.html

{extends file="layout.html"}
{block name="right"}<div>我的订单信息</div><hr />{/block}

效果图.png

模板引入方式
对于共同部分只存在于少量模板中的情况，可以把共同部分制作为单独的文件，通过include引入。引入公共的模板文件
{include file=”模板文件名称./common/head.html”}
公共部分在比较少的页面体现，就使用include。公共部分在比较多的页面体现，就使用extends。

变量调节器

在模板中获得的变量信息，有可能不是我们需要的信息(例如时间戳信息，不好读、需要将其转换为格式化信息)，需要调用其他函数对该信息进行第二次、第三次、四、五。。修饰才会变为我们想要的结果。smarty本身不支持我们在模板中使用php函数，其把函数给封装了一下，这个封装的函数就是smarty的变量调剂器。

Linux操作系统的“管道”与smarty变量调节器使用效果完全一致。

$smarty -> assign('baidu',"<a>百度</a>");
$smarty -> assign('title',"shanghai\ntianjin\nguangzhou");
$smarty -> assign('content',"今天是星期三");

$smarty -> assign('talk',"Good afternoon. I want to start by thanking President Hu and the Chinese people or he warmth and hospitality that they have shown myself and our delegation since we arrived. We had a wonderful day in Shanghai yesterday, a wonderful discussion with China’s young men and women, and I’m ooking forward to the conversations we’ll have and the sights that we’ll see here in Beijing over the next two days");
![变量调节器.png](http://upload-images.jianshu.io/upload_images/2747346-769d836ba6873154.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
$smarty -> display('02.html');

        {$smarty.now}<br />
        {$smarty.now|date_format:"%Y-%m-%d %H:%M:%S"}<br />{*时间格式化显示*}
        {$addr|default:'beijing'}<br /> {*默认值*}
        {$baidu}<br />
        {$baidu|escape}<br />{*html标签转换为符合实体*}
        {$baidu|indent:4:'hello'}<br /> {*缩进符号设置*}
        {$title|nl2br}<br />{*\n 转换为br换行*}
        {$talk|truncate:23:'...':true}<br />{*内容截取*}
        {$talk|truncate:22:'..':true}<br />{*内容截取*}
        {$talk|truncate:22:'..':true:true}<br />{*内容截取*}
        {$talk|truncate:22:'..':true:true|upper|lower}<br />{*多个调剂器嵌套使用*}
        {$content|truncate:2:'.'}<br />{*截取汉字*}

缓存

页面缓存：php代码被php模块解释完毕生成的静态内容，放到一个文件里边，该文件称为缓存文件。（cms内容管理系统大量使用页面缓存）
数据缓存：把mysql的数据读取出来放到速度更快的介质(内存、文件)上操作。这样对各方面资源都与节省。

Paste_Image.png

smarty调用display方法获得模板内容

首先：判断是否有静态缓存文件，如果有直接获取并返回给用户
其次：没有静态缓存文件，判断是否已经存在对应“混编文件”，如果有直接走之如果没有对应“混编文件”则按部就班，每一个过程都会执行。（如果对应的模板文件有更新，上图的红色、蓝色就不会执行，直接走中间的竖线下来。）

1. display方法执行

① 判断缓存是否开启
② 判断模板文件是否有更新(如果有更新，③ ④都省略)
③ 判断缓存文件是否存在(缓存文件时间是否过期)
④ 判断混编文件是否存在
⑤ 展示模板内容
⑥ 缓存开启生成缓存文件

2. 缓存文件的更新

① 删除对应的缓存文件，系统会更新。
② 对应的“模板文件”（包括对应的配置文件、布局文件、包含文件）有更新，缓存会自动更新。
③ 缓存文件的有效时间过期，会自动更新。

caching=1--->缓存文件有效期时间判断，根据smarty对象属性cache_lifetime判断
caching=2--->缓存文件有效期时间判断，根据缓存文件本身自己的时间判断判断

3. 局部不缓存

缓存页面可以把全部页面数据都给缓存起来，其中有些数据不适合缓存，例如天气信息、用户名信息等等，这样就需要设置“局部不缓存”。

具体操作：

① {$title  nocache}                  //单个变量不缓存
② $smarty -> assign(名称，值， true);  //单个变量不缓存
③ {nocache}内部内容都不缓存{/nocache}  //大量内存不缓存设置

4. 单模板多缓存制作

一个模板生成多个对应的缓存文件，数据分页可以使用单模板、多缓存，把每页数据都生成一个缓存文件。