模板引擎(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的循环的时候就可以将数组元素调用的知识结合起来了
<!--定界符 和 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)知识点总结的更多相关文章
- 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开发小组由两三个美工和三个程序员组成,则设计流程是:美工设计者制作了项目的网站的界面模板,然后把它 ...
随机推荐
- Hadoop实战训练————MapReduce实现PageRank算法
经过一段时间的学习,对于Hadoop有了一些了解,于是决定用MapReduce实现PageRank算法,以下简称PR 先简单介绍一下PR算法(摘自百度百科:https://baike.baidu.co ...
- 五、Hadoop学习笔记————调优之硬件选择
ResourceManageer服务器需要选择性能较好的 若有1TB数据,每天增量为10GB,则需要预留17.8TB,*3是因为有三分备份,*1.3是因为还需要预留出空间给操作系统等等 若集群在三十台 ...
- JavaScript学习心得
javaScript十分的强大,所以自然而然学起来也是不易的,想要掌握它的核心,把它理解透更是不易的,但只要你能够静下心来,耐心的去钻研,学习,还是可以把它给学好的,加油吧! 下面是一些JavaScr ...
- 使用sklearn进行数据挖掘-房价预测(1)
使用sklearn进行数据挖掘系列文章: 1.使用sklearn进行数据挖掘-房价预测(1) 2.使用sklearn进行数据挖掘-房价预测(2)-划分测试集 3.使用sklearn进行数据挖掘-房价预 ...
- js监听浏览器离开页面操作
序言 大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统.信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失.这里面的实现过程 ...
- 来自朝鲜的问候 golang入坑系列
鸿渐于陆 本想着写满十八式,但按照目前的进度来看,是很难凑够十八式了.所以还是那句话,量力而行,适可而止.能写多少就写多少,我没法保证看完这本golang脱口秀,一定能成为golang大拿.但入了门, ...
- RGBA 和 opacity的区别
两者都可以设置透明度 区别 RGBA 只影响当前元素 opacity 后代会继承该css 值,暂时还没有办法清除该css 在线演示
- HDU 1698 Just a Hook 线段树+lazy-target 区间刷新
Just a Hook Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Tota ...
- CSS书写规范与理论
前端体系的变化可谓是日新月异,短短一年时间,从理论.框架.构建工具.甚至开发语言都发生非常大的变化. 随着新项目就即将启动,我抽时间回顾了一下以往项目的前端架构,零零散散产生了许多想法,尽量一一记录下 ...
- 【NOIP2015提高组】跳石头
https://www.luogu.org/problem/show?pid=2678 最小值最大问题,二分答案.每次检查是否能仅移走m块岩石使得所有跳跃距离均大于等于mid. #include &l ...