模板引擎(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开发小组由两三个美工和三个程序员组成,则设计流程是:美工设计者制作了项目的网站的界面模板,然后把它 ...
随机推荐
- 条件随机场 Conditional Random Fields
简介 假设你有冠西哥一天生活中的照片(这些照片是按时间排好序的),然后你很无聊的想给每张照片打标签(Tag),比如这张是冠西哥在吃饭,那张是冠西哥在睡觉,那么你该怎么做呢? 一种方法是不管这些照片的序 ...
- JavaSE学习入门
Java基础: 1.安装JDK1.7(JDK 包括JRE,Java工具包,Java的类库) 2.编写Hello,world 程序 public class Hello{ public static v ...
- Numpy入门 - 数组排序
本节主要讲解numpy数组的排序方法sort的应用,包括按升序排列和按降序排列. 一.按升序排列 import numpy as np arr = np.array([[3, 1, 2], [6, 4 ...
- Error parsing column 8 (IsRecommended=0 - SByte) Dapper查询mysql数据库可空的tinyint(1)一个错误
出错条件: 1.实体属性为bool?类型 2.对应字段为可空的tinyint(1)类型 3.该字段查询结果内即含有null,又含有正常值 google答案,两种建议: 1.修改sql语句,直接cast ...
- 原生javascript选项卡
js选项卡是一个常用的实现.这里我们将用原生js来将其给予实现. 首先html代码: <div id="container"> <input type=" ...
- MongoDb安装--yum安装
本帖最后由 草包 于 2017-5-2 09:57 编辑 [Shell] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 ...
- win10下Python3.6安装、配置以及pip安装包教程
0.目录 1.前言 2.安装python 3.使用pip下载.安装包 3.1 安装Scrapy 3.2 安装PyQt 3.3 同时安装多个包 3.4 pip的常用命令 1.前言 之前在电脑上安装了py ...
- web前端素材整理汇总
最近一直搞前端开发,整理下前端用的一些常用素材,分享给大家 框架类 Vue:https://cn.vuejs.org/ iview:https://www.iviewui.com/ 插件类 Jquer ...
- webpack安装配置
webpack安装 1.安装之前你必须要安装node.js,如果你没安装可以在node.js网去下载node.js 2.全局安装webpack,打开cmd输入npm install webpack - ...
- always中的敏感变量
always语句下如果有判断语句if,那么if语句中的条件必须有always中的敏感变量. 否则错误提示为:Error (10200): Verilog HDL Conditional Stateme ...