模板引擎（smarty）知识点总结

首先我们必须知道使用smarty的流程
   1、引入
   2、实例化
   3、配置模板目录编译目录 3.0版本支持不存在的目录则新建
   4、赋值
   5、编译显示某个模板文件（暗示需要哪个文件）

案例1：

 include('./lib/Smarty.class.php');$smarty = new Smarty();

 　　　　$smart->template_dir = './tmp';//设置模板文件目录

 　　　　$smarty->compile_dir = './comp';//设置编译文件目录

 　　　　$content = 'smarty学习的第一个小案例';

 　　　　$smarty->assign('content',$content);////一般而言，assign参数一与参数二对应  参数一的名就是参数二$参数一的名  当然不这样也行 参数二也可以不用变量  参数一与模板的变量对应[这就是大家常
说的模板渲染值，供html等使用]

            $smarty->display('./tmp/tmp01.html');

html代码:

 <!doctype html>

 <html>

    <head>

       <meta charset="utf-8"/>

       <title>案例1</title>

    </head>

     <body>

         <pre>{$content}</pre>

      </body>

 </html>

该案列很好说明smarty的使用的流程，初学smarty的同学可以借鉴下。

1、关联数组：引用方式：$数组名.key
2、索引数组：引用方式：$数组名.key 或者 $数组名[index]

案列2:

 <?php

   require_once './lib/Smarty.class.php';

   $smt = new Smarty();

   $smt->template_dir = './tmp';

   $smt->compile_dir = './comp';

   $arr1 = array('周一','周二','周三');

   $arr2 = array('id'=>1,'name'=>'告白气球','author'=>'周杰伦');

   $smt->assign('arr1',$arr1);

   $smt->assign('arr2',$arr2);

   $smt->display('./tmp/tmp02.html');

html代码

     <table  border='1' cellspacing='0' cellpadding='0' style='text-align:center'>

        <tbody>

            <tr>

                <td valign='top' >星期一</td>

                <td valign='top' style='color:#f69'>{$arr1[0]}</td>

            </tr>

            <tr>

                <td valign='top'>星期二</td>

                <td valign='top'style='color:#f69'>{$arr1[1]}</td>

            </tr>

            <tr>

                <td valign='top'>星期三</td>

                <td valign='top'>{$arr1[2]}</td>

            </tr>

        </tbody>

    </table>

    <hr/>

     <table  border='1' cellspacing='0' cellpadding='0' style='text-align:center'>

        <tbody>

            <tr>

                <td valign='top' >ID</td>

                <td valign='top' style='color:#f69'>{$arr2.id}</td>

            </tr>

            <tr>

                <td valign='top'>歌名</td>

                <td valign='top'style='color:#f69'>{$arr2.name}</td>

            </tr>

            <tr>

                <td valign='top'>作者</td>

                <td valign='top'>{$arr2.author}</td>

            </tr>

        </tbody>

    </table>

    <hr/>

     <table  border='1' cellspacing='0' cellpadding='0' style='text-align:center'>

        <tbody>

            <tr>

                <td valign='top' >周一</td>

                <td valign='top' style='color:#f69'>{$arr1.0}</td>

            </tr>

            <tr>

                <td valign='top'>周二</td>

                <td valign='top'style='color:#f69'>{$arr1.1}</td>

            </tr>

            <tr>

                <td valign='top'>周三</td>

                <td valign='top'>{$arr1.2}</td>

            </tr>

        </tbody>

    </table>

案列2很好的说明数组的使用，那么当我们了解到了smarty的循环的时候就可以将数组元素调用的知识结合起来了

1、修改标记 $smarty->delimiter 然后在模板文件里使用新的定界符
2、在模板文件里使用 {literal}{/literal}标记非替换的

先说说冲突的所在：smarty默认的定界符是'{','}' html中 css样式的写法是:*{font-size:1rem;} 通过观察不难发现css与smarty的定界符冲突了，这样会导致css样式也被编译解析了，因此就必须解决这个问题

案例3

  require_once('./libs/Smarty.class.php');

  $smarty = new Smarty();

  $smarty->template_dir = './tmp';

  $smarty->compile_dir = './comp';

  $like1 = array('name'=>'冯**','jd'=>'初一到初二','element'=>'前后同桌，默默暗恋她,感觉很奇妙，那个时候很开心');

  $like3 = array('李**','高一','文科班的同学，前后同桌过，类型很嗨，很好玩，也是暗恋她，还在情*节送她礼物，被她以要是有我朋友的身高就在一起的理由拒绝了');

 // 修改定界符 $smarty->delimiter

  $smarty->left_delimiter = '{<';

  $smarty->right_delimiter = '>}';

  $smarty->assign('name',$like1['name']);

  $smarty->assign('jd',$like1['jd']);

  $smarty->assign('element',$like1['element']);

  $smarty->assign('like3',$like3);

  $smarty->display('./temp/tmp03.html');

html代码

<!DOCTYPE HTML>

<html>

 <head>

  <title> 案例3 </title>

  <meta charset="utf-8"/>

  <script type='text/javascript'>

    window.onload=function(){

        var tables = document.getElementsByTagName('table');

            for(var i=0;i<tables.length;i++){

               tables[i].onmouseover=function(){

                //alert(this.border);

                this.style.backgroundColor = 'yellow';

               }

            }

        }

  </script>

  <style>

   /*

    这样带分隔符的样式写法   3.0会自动处理掉

    但是不换行的  系统处理不了

    table{

        background-color:#666;

   }

   */

 table{background-color:#666;}

  </style>

 </head>

 <body>

     <table  border='1' cellspacing='0' cellpadding='0' style='text-align:center'>

        <tbody>

            <tr>

                <td valign='top' >名字</td>

                <td valign='top' style='color:#f69'>{<$name>}</td>

            </tr>

            <tr>

                <td valign='top'>阶段</td>

                <td valign='top'style='color:#f69'>{<$jd>}</td>

            </tr>

            <tr>

                <td valign='top'>发生的事</td>

                <td valign='top'><textarea rows='4' cols='10' readonly='readonly'>{<$element>}</textarea></td>

            </tr>

        </tbody>

    </table>

    <hr/>

     <table  border='1' cellspacing='0' cellpadding='0' style='text-align:center'>

        <tbody>

            <tr>

                <td valign='top' >名字</td>

                <td valign='top' style='color:#f69'>{<$like3[0]>}</td>

            </tr>

            <tr>

                <td valign='top'>阶段</td>

                <td valign='top'style='color:#f69'>{<$like3[1]>}</td>

            </tr>

            <tr>

                <td valign='top'>发生的事</td>

                <td valign='top'><textarea rows='4' cols='10' readonly='readonly'>{<$like3[2]>}</textarea></td>

            </tr>

        </tbody>

    </table>

 </body>

</html>

<!-------------------------------------------------------------------->
{literal){/literal}
在css样式里加入table{literal}{background-color:#666;}{/literal}

<!-----------------------------今天的内容就到这里了，后续会继续补充，尽请期待！

模板引擎（smarty）知识点总结的更多相关文章

PHP的模板引擎smarty原理是什么（整理）
PHP的模板引擎smarty原理是什么(整理) 一.总结一句话总结:其实所有的模板引擎的工作原理是差不多的,无非就是在php程序里面用正则匹配将模板里面的标签替换为php代码从而将两者混合为一个ph ...
PHP模板引擎Smarty内建函数section,sectionelse用法详解
本文实例讲述了PHP模板引擎Smarty内建函数section,sectionelse用法.分享给大家供大家参考,具体如下: section 是 Smarty 模板中除了 foreach 以外的另一种 ...
Php模板引擎Smarty安装和配置
Smarty 是PHP的一个模板引擎,是由Monte Ohrt 和 Andrei Zmievski 使用PHP语言开发的,发展至今已成为一个非常流行的模板引擎,Smarty 提供了一种易于管理和使用的 ...
php模板引擎smarty
一. smarty的特点速度:相对于其他模板引擎,速度较快编译型:在下次访问模板时直接访问编译文件,不再进行模板重新编译缓存技术:可以将用户最终看到的HTML文件缓存成一个静态HTML 插件技术 ...
php模板原理PHP模板引擎smarty模板原理浅谈
mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...
PHP的模板引擎smarty原理浅谈
mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...
Smarty模板引擎技术
Smarty模板引擎技术什么是模板引擎? 什么是Smarty模板引擎? 为何选择Smarty模板引擎? 如何使用Smarty模板引擎? 一.历史背景场景一:回顾之前编写PHP项目的方式 //链接数 ...
推荐13款javascript模板引擎
javaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎.(排名不分先后顺序) 1. Mustache 基于j ...
js模板引擎介绍搜集
js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自己的js模板引擎(淘宝的kissy template,腾讯的artTemplate,百度的baiduTe ...
php的模板引擎
设计一个交互式的网站,我们需要关注两个主要的问题:分别是图形用户界面和业务逻辑.例如,一个标准的web开发小组由两三个美工和三个程序员组成,则设计流程是:美工设计者制作了项目的网站的界面模板,然后把它 ...

随机推荐

java中的static和final关键字
一:static 1)修饰成员变量: static关键字可以修饰成员变量,它所修饰的成员变量不属于对象的数据结构,而是属于类的变量,通常通过类名来引用static成员. 当创建对象后,成员变量是存储在 ...
十、Hadoop学习笔记————Hive与Hbase以及RDBMS（关系型数据库）的关系
Hive目的是为了简化MapReduce编程实际应用中,Hive与Hbase不经常链接
Spark SQL中的几种join
1.小表对大表(broadcast join) 将小表的数据分发到每个节点上,供大表使用.executor存储小表的全部数据,一定程度上牺牲了空间,换取shuffle操作大量的耗时,这在SparkSQ ...
解决微信公众平台IP白名单
微信公众平台,作为自媒体的旗舰级产品,越来越多的人已经投入它的怀抱.正如它的广告词所说:再小的个体,也有品牌好吧,闲话不多说,今天要说的是它的IP白名单机制. 我们现在安装的大部分的电信的家庭级别的 ...
这些 Drawable 的小技巧，你都了解吗？
一.前言在 Android 的开发过程中,Drawable 经常会被用到,一般会用 Drawable 为 View 设置一个显示的效果.而在 Android 下,也提供了很多 Drawable 的默 ...
javascript设计模式——迭代器模式
前面的话迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示.迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也 ...
移动端 cursor:pointer问题
之前一直没有注意过,为元素设置上cursor:pointer属性后,会导致元素点击时出现一个蓝色的背景. 为元素设置-webkit-tap-highlight-color: transparent;可 ...
js模拟静态方法
//模拟静态 var Animal = function(name){ this.name = name; Animal.instanceCounter ++; }; Animal.instanceC ...
Docker 运行Tensorboard 和 jupyter的正确方法
Docker 运行Tensorboard 和 jupyter的正确方法网上找了很多方法都是jupyter 运行正常但不知道如何打开Tensorboard.折腾了很久,实验很多中方法最终找到了一个正确 ...
Power Designer如何批量改动数据类型
最近做项目的时候须要将OOM转换为PDM.在OOM中转换为PDM时,全部string的类型的属性都默认变为varchar(254),这可不是我们须要的类型,那么.如此多的类.如此多的属性.难道一个一个 ...

模板引擎（smarty）知识点总结

模板引擎（smarty）知识点总结的更多相关文章

随机推荐

热门专题