首先我们必须知道使用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的循环的时候就可以将数组元素调用的知识结合起来了

<!--定界符 和 css冲突  的解决方案--->

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)知识点总结的更多相关文章

  1. PHP的模板引擎smarty原理是什么(整理)

    PHP的模板引擎smarty原理是什么(整理) 一.总结 一句话总结:其实所有的模板引擎的工作原理是差不多的,无非就是在php程序里面用正则匹配将模板里面的标签替换为php代码从而将两者混合为一个ph ...

  2. PHP模板引擎Smarty内建函数section,sectionelse用法详解

    本文实例讲述了PHP模板引擎Smarty内建函数section,sectionelse用法.分享给大家供大家参考,具体如下: section 是 Smarty 模板中除了 foreach 以外的另一种 ...

  3. Php模板引擎Smarty安装和配置

    Smarty 是PHP的一个模板引擎,是由Monte Ohrt 和 Andrei Zmievski 使用PHP语言开发的,发展至今已成为一个非常流行的模板引擎,Smarty 提供了一种易于管理和使用的 ...

  4. php模板引擎smarty

    一. smarty的特点 速度:相对于其他模板引擎,速度较快 编译型:在下次访问模板时直接访问编译文件,不再进行模板重新编译 缓存技术:可以将用户最终看到的HTML文件缓存成一个静态HTML 插件技术 ...

  5. php模板原理PHP模板引擎smarty模板原理浅谈

    mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...

  6. PHP的模板引擎smarty原理浅谈

    mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...

  7. Smarty模板引擎技术

    Smarty模板引擎技术 什么是模板引擎? 什么是Smarty模板引擎? 为何选择Smarty模板引擎? 如何使用Smarty模板引擎? 一.历史背景 场景一:回顾之前编写PHP项目的方式 //链接数 ...

  8. 推荐13款javascript模板引擎

    javaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎.(排名不分先后顺序) 1. Mustache 基于j ...

  9. js模板引擎介绍搜集

    js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自己的js模板引擎(淘宝的kissy template,腾讯的artTemplate,百度的baiduTe ...

  10. php的模板引擎

    设计一个交互式的网站,我们需要关注两个主要的问题:分别是图形用户界面和业务逻辑.例如,一个标准的web开发小组由两三个美工和三个程序员组成,则设计流程是:美工设计者制作了项目的网站的界面模板,然后把它 ...

随机推荐

  1. JavaScript--我发现,原来你是这样的JS:函数表达式和闭包

    一.介绍 本次博客主要介绍函数表达式的内容,主要是闭包. 二.函数表达式 定义函数的两种方式:一个是函数声明,另一个就是函数表达式. //1.函数声明写法 function fn2(){ consol ...

  2. HTTP / 1.1 RFC from W3C

    这是一篇关于http协议的学习资料: HTTP / 1.1 RFC: https://www.w3.org/Protocols/rfc2616/rfc2616.html HTTP协议的完整资料,请参考 ...

  3. NYOJ 119 士兵杀敌(三) RMQ ST

    NYOJ 119 士兵杀敌(三) RMQ ST 题目链接:http://acm.nyist.net/JudgeOnline/problem.php?pid=119 思路: ST在线 预处理O(nlog ...

  4. 利用nginx实现负载均衡和动静分离

    1.Nginx介绍 Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器 . Nginx 是由 ...

  5. Linux积累 命令之cat和wc

    cat主要有三大功能: 1.一次显示整个文件. $ cat   filename 2.从键盘创建一个文件. $ cat  >  filename 只能创建新文件,不能编辑已有文件. 3.将几个文 ...

  6. ConcurrentHashMap\HashMap put操作时key为什么要rehash

    参考java并发编程的艺术一书中,对ConcurrentHashMap的讲解 ConcurrentHashMap使用的是分段锁Segment来保证不同的Segment区域互相不干扰,不存在锁竞争关系, ...

  7. TensorFlow 处理图片

    目标:介绍如何对图像数据进行预处理使训练得到的神经网络模型尽可能小地被无关因素所影响.但与此同时,复杂的预处理过程可能导致训练效率的下降.为了减少预处理对于训练速度的影响,TensorFlow 提供了 ...

  8. js 匹配2个字符串相似度

    strSimilarity2Number: function (s, t) { var n = s.length, m = t.length, d = []; var i, j, s_i, t_j, ...

  9. JAVA9模块化详解(一)——模块化的定义

    JAVA9模块化详解 前言 java9已经出来有一段时间了,今天向大家介绍一下java9的一个重要特性--模块化.模块化系统的主要目的如下: 更可靠的配置,通过制定明确的类的依赖关系代替以前那种易错的 ...

  10. ChromeExtension那些事儿

    Chrome Extension是什么呢? 简而言之,就是Chrome扩展,它是基于Chrome浏览器的,我们可以理解它为一个独立运行在Chrome浏览器下的APP,当然核心编程语言就是JavaScr ...