SpeedPHP/用Smarty来显示页面

来自站长百科
跳转至: 导航、​ 搜索

SpeedPHP | 快速入门 | 访问交互 | 数据操作 | 框架概述 | 模板引擎 | 优化加速 | 开发指南 | 数据模型 | API参考

本条目我们介绍Smarty模板引擎技术,同时把我们的留言本程序也变成应用Smarty模板的程序;还可以做到挺有意思的换皮肤功能。

用Smarty来显示页面[ ]

首先,我们要在根目录中建立tpl(模板文件目录)和tmp(临时文件目录),然后在index.php中配置一下:

<?php
define("SP_PATH",dirname(__FILE__)."/SpeedPHP");
define("APP_PATH",dirname(__FILE__)."/guestbook");
$spConfig = array(
	"db" => array(
		'host' => 'localhost',
		'login' => 'root',
		'password' => '',
		'database' => 'teach',
	),
	'view' => array(
		'enabled' => TRUE, // 开启Smarty
		'config' =>array(
			'template_dir' => APP_PATH.'/tpl', // 模板存放的目录
			'compile_dir' => APP_PATH.'/tmp', // 编译的临时目录
			'cache_dir' => APP_PATH.'/tmp', // 缓存的临时目录
			'left_delimiter' => '<{',  // smarty左限定符
			'right_delimiter' => '}>', // smarty右限定符
		),
	),
);
require(SP_PATH."/SpeedPHP.php");
spRun(); // SpeedPHP 3新特性	

我们加入了view的配置,这样就可以使用smarty进行模板的开发了。同时我们将main.php去除了查看内容的页面,让内容和标题都在同一页面显示。

<?php
class main extends spController
{
	function index(){ // 这里是首页
		$guestbook = spClass("guestbook"); 
		$this->results = $guestbook->findAll(); 
   // 用$this->results可以将$guestbook->findAll()的值发送到模板上面,模板上可以用$results来使用该值。
		$this->display("white/index.html"); // 显示模板,这里使用的模板是根目录/tpl/green/index.html。
	}
	function write(){ // 这里是留言
		$guestbook = spClass("guestbook");
		$newrow = array( // 这里制作新增记录的值
			'name' => $this->spArgs('name'), 
			'title' => $this->spArgs('title'), // 从spArgs获取到表单提交上来的title
			'contents' => $this->spArgs('contents'),
		);
		$guestbook->create($newrow); 
		echo "留言成功,<a href=/index.php>返回</a>";
	}
}		

我们下载了留言本的模板后,放到tpl目录下,浏览一下,我们的留言本已经变成了一个白色的留言本了。

如何写Smarty模板[ ]

下面我们来学习一下怎么写Smarty模板,打开tpl/white/index.html看看:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>白色留言本</title>
<link href="guestbook/tpl/white/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<h1><a href="#"><span>我的白色留言本</span></a></h1>
  <div class="boxin">
	<h2 class="tutor">请填写您的留言</h2>
		<form action="<{spUrl c=main a=write}>" method=POST>
		<p>您的名字:<input type=text name='name' size=40></p>
		<p>留言标题:<input type=text name='title' size=40></p>
		<p>留言内容:</p>
		<p><textarea name=contents cols=60 rows=6></textarea></p>
		<p><input type=submit value=" 提交 "></p>
		</form>
    <ul class="list">
 <{foreach from=$results item=one}>
      <li><span><{$one.name}></span><a href="#"><{$one.title}></a><br /><{$one.contents}></li>
<{/foreach}>
    </ul>
  </div>
</div>
  <div id="footer" style="clear:both;">
<select name="选择模板" onchange="location.href=this.options[this.selectedIndex].value;"><option> 模板选择...</option>
  <option value="/?tpl=green">绿色风格</option><option value="/?tpl=blue">蓝色风格</option>
  <option value="/?tpl=green2">绿色风格2</option><option value="/?tpl=white">白色风格</option></select>
  </div>
</div>
</body>
</html>	

我们可以分开两部分进行了解,首先是表单部分:

...
		<form action="<{spUrl c=main a=write}>" method=POST>
		<p>您的名字:<input type=text name='name' size=40></p>
		<p>留言标题:<input type=text name='title' size=40></p>
		<p>留言内容:</p>
		<p><textarea name=contents cols=60 rows=6></textarea></p>
		<p><input type=submit value=" 提交 "></p>
		</form>
...	

表单部分使用了spUrl来制作一个表单提交的地址:

<form action="<{spUrl c=main a=write}>" method=POST>

我们在浏览器上面右键看源代码,就可以看到:

<form action="/index.php?c=main&a=write" method=POST>

也就是<{spUrl c=main a=write}>会生成地址:/index.php?c=man&a=write。

然后是循环输出留言记录部分:

...
<ul class="list">
 <{foreach from=$results item=one}>
    <li><span><{$one.name}></span><a href="#"><{$one.title}></a><br /><{$one.contents}></li>
 <{/foreach}>
</ul>
...	

这里使用了<{foreach}>来循环$results,以输出name,title和contents几个值。

我们看看生成源代码的结果:

...
    <ul class="list">
       <li><span>jake</span><a href="#">我是标题</a><br />哈哈</li>
      <li><span>喜羊羊</span><a href="#">我是标题</a><br />333</li>
    </ul>
...	

以上我们初步了解了sp框架应用Smarty模板技术的方法以及模板的基础写法,下面我们在代码上面修改一下,让程序变得更有趣。

main.php:

<?php
class main extends spController
{
	function index(){ // 这里是首页
		$tpl	= $this->spArgs("tpl", "green"); // 这里接收tpl参数,使得模板变化,后面的green是tpl为空时的默认值。
		$guestbook = spClass("guestbook"); 
		$this->results = $guestbook->findAll(); 
		$this->display("{$tpl}/index.html");
	}
	function write(){ // 这里是留言
		$guestbook = spClass("guestbook");
		$newrow = array( // 这里制作新增记录的值
			'name' => $this->spArgs('name'), 
			'title' => $this->spArgs('title'), // 从spArgs获取到表单提交上来的title
			'contents' => $this->spArgs('contents'),
		);
		$guestbook->create($newrow); 
		echo "留言成功,<a href=/index.php>返回</a>";
	}
}		

我们用spArgs来接收一个叫tpl的参数,它默认是green,也就是获取green目录下的模板。如果这参数变成了blue,那么就是获取blue目录下的模板了,这样我们的留言本就可以换皮肤了。当然我们已经在模板上面加上了一个下拉选择来让访问者选择模板,这里我们提供了四套模板。

注意:“$this->名称 = 值”的模板赋值方式,是使用PHP5的新特性——魔术函数来实现的。但是已定义控制器属性的变量,是不具备传值到模板的功能。

参考来源[ ]

http://speedphp.com/manual.html

SpeedPHP使用手册导航

快速入门

开始使用SpeedPHP | 制作留言本 | 简便的数据表操作 | 用Smarty来显示页面

访问交互

入口文件 | 控制器架构 | 网址生成与PATH_INFO | 获取提交数据 | URLRewrite伪静态 | 自定义伪静态URL | 几种跳转 | 多语言实现 | 权限控制 | session、cookie | Ajax应用

数据操作

编写数据模型类 | 常规操作CRUD | 安全过滤 | 简化操作spDB | 数据变量存储 | 缓存配置

框架概述

单入口应用程序 | 架构设计 | 第三方类库及扩展功能 | UTF8编码与GBK版本 | SAE云计算版

模板引擎

模板引擎配置 | 使用Smarty | Smarty开发教程 | 自动显示模板| speedy教程 | 为什么使用模板其常见问题 | 模板包含文件 | 注册函数 | 全局变量赋值 | CSS和JS的路径

优化加速

生成静态HTML概述 | 生成HTML的使用 | 分页 | 高效函数缓存器| 模板引擎缓存

开发指南

核心函数 | 格式输出变量调试dump | 载入包含文件import | 类实例化函数spClass | 开发流程 | 目录结构、路径设置 | 大规模系统部署 | 用户自定义及全局操作 | 自定义函数库 | 自定义类库 | 自定义404页面 | 程序调试dump变量调试安全建议及命名建议

数据模型

高级数据库操作 | 数据表一对一关联 | 数据表一对多关联 | 数据表多对多关联 | 一表关联多表 | 关联结果的条件限制 | 关联结果在Smarty模板中显示 | 多数据库、数据表 | 多种类型数据库的配置 | 重写CRUD操作| 业务数据封装 | 数据函数复合调用

API参考

spModel数据库操作类 | spPager分页类 | spVerifier数据验证类 | spCache函数数据缓存类 | spLinker数据表关联实现类 | spView视图类 | spHtml静态HTML生成类 | spController控制器类 | spArgs环境参数类 | 配置 | 数据库驱动类 | 模板驱动类 | import载入文件