模板引擎(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开发小组由两三个美工和三个程序员组成,则设计流程是:美工设计者制作了项目的网站的界面模板,然后把它 ...
随机推荐
- mysql单表多表查询
单表查询语法: select 字段1,字段2... from 表名where 条 件group by fieldhaving 筛选order by 字段limit 限制条数 关键字的优先级:from ...
- accept 文件描述符用尽处理
if (events[i].data.fd == listenfd) { peerlen = sizeof(peeraddr); connfd = ::accept4(listenfd, (struc ...
- 访问者模式(Visitor)
访问者模式(Visitor) 访问者模式把数据结构和作用于结构上的操作解耦合,使得操作集合可相对自由地演化.访问者模式适用于数据结构相对稳定算法又易变化的系统.因为访问者模式使得算法操作增加变得容易. ...
- leetcode算法题1: 两个二进制数有多少位不相同?异或、位移、与运算的主场
/* The Hamming distance between two integers is the number of positions at which the corresponding b ...
- angular中复制文字到剪切板
function copyToClipboard(oElement, value) { var aux = document.createElement("input"); if ...
- netconf、yang和XML关系
netconf是基于xml的网络配置协议,文档RFC6241有详细介绍. yang是为netconf建模的一种数据建模语言.文档RFC2060详细介绍了yang1.0版本,RFC7950介绍了yang ...
- PHP进程锁
<?php /** * CacheLock 进程锁,主要用来进行cache失效时的单进程cache获取,防止过多的SQL请求穿透到数据库 * 用于解决PHP在并发时候的锁控制,通过文件/eacc ...
- Java 代码学习之数组的初始化
我们都很熟悉Java中的数组,它具有查询快,增删慢的特点.但是通常我们自认为很了解它的用法,却容易忽略一些小细节.今天通过一段代码来简单了解数组初始化中的一些我们容易忽略的地方. package da ...
- 利用模板template动态渲染jsp页面
一.场景 在js中写html简直是噩梦,刚进新公司,在codereview的时候得知可以通过将html模板写在jsp页面,然后由js调取模板,利用replace()方法替换传值的方式避免在js中拼接h ...
- Vue 浅谈前端js框架vue
Vue Vue近几年来特别的受关注,三年前的时候angularJS霸占前端JS框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾轧angularJS,这个时候,vu ...