快速入门六、用Smarty来显示页面

lfq618

浏览: 88034 次
性别:
来自: 北京

最近访客更多访客>>

Lisam

ylzyd12345

somefuture

brunce10

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

php_Speedphp

PHP Dreamweaver CSS C#C++

前面我们制作了一个留言本程序。不过因为用了和多echo来输出HTML，代码看起来很乱，而且这样修改起来也比较麻烦。所以本章我们介绍Smarty模板引擎技术，同时把我们的留言本程序也变成应用Smarty模板的程序；还可以做到挺有意思的换皮肤功能。

Smarty留言本例子下载

PHP模板引擎技术是一种将HTML模板与PHP代码分离的技术，同时它提供了简单的模板语法和数据传递的机制，使得我们可以更为简便和安全地进行开发。

Smarty由PHP官方出品，是目前最成熟也是最广泛使用的PHP模板引擎技术。

首先，我们要在根目录中建立tpl（模板文件目录）和tmp（临时文件目录），然后在index.php中配置一下：

01
<?php 

02

define("SP_PATH",dirname(__FILE__)."/SpeedPHP"); 

03

define("APP_PATH",dirname(__FILE__)."/guestbook"); 

04

$spConfig = array( 

05

    "db" => array( 

06

        'host' => 'localhost', 

07

        'login' => 'root', 

08

        'password' => '', 

09

        'database' => 'teach', 

10

    ), 

11

    'view' => array( 

12

        'enabled' => TRUE, // 开启Smarty 

13

        'config' =>array( 

14

            'template_dir' => APP_PATH.'/tpl', // 模板存放的目录 

15

            'compile_dir' => APP_PATH.'/tmp', // 编译的临时目录 

16

            'cache_dir' => APP_PATH.'/tmp', // 缓存的临时目录 

17

            'left_delimiter' => '<{',  // smarty左限定符 

18

            'right_delimiter' => '}>', // smarty右限定符 

19

        ), 

20

    ), 

21
); 

22

require(SP_PATH."/SpeedPHP.php"); 

23

spRun(); // SpeedPHP 3新特性

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

01
<?php 

02

class main extends spController 

03
{ 

04

    function index(){ // 这里是首页 

05

        $guestbook = spClass("guestbook"); 

06

        $this->results = $guestbook->findAll(); // 用$this->results可以将$guestbook->findAll()的值发送到模板上面，模板上可以用$results来使用该值。 

07

        $this->display("white/index.html"); // 显示模板，这里使用的模板是根目录/tpl/green/index.html。 

08

    } 

09

    function write(){ // 这里是留言 

10

        $guestbook = spClass("guestbook"); 

11

        $newrow = array( // 这里制作新增记录的值 

12

            'name' => $this->spArgs('name'), 

13

            'title' => $this->spArgs('title'), // 从spArgs获取到表单提交上来的title 

14

            'contents' => $this->spArgs('contents'), 

15

        ); 

16

        $guestbook->create($newrow); 

17

        echo "留言成功，<a href=/index.php>返回</a>"; 

18

    } 

19
}

我们下载了留言本的模板后，放到tpl目录下：

浏览一下，我们的留言本已经变成了一个白色的留言本了。

在日常的团队开发工作中，页面模板首先是由美工人员制作出页面图，然后由前端网页设计人员来根据页面图来进行模板的制作，程序员主要的工作是将模板及PHP程序对接。当然很多情况下网页设计人员和程序员是同一个人，网页设计人员主要的技能要求有:1.使用DREAMWEAVER等工具进行网页设计能力。2.能手写基本的HTML代码。3.初步了解Smarty。4.熟悉JavaScript，Flash等相关的前端技术。

所以在我们的sp框架的教程中，页面模板已经都是准备好的，至少是完整的页面（但不包括Smarty代码），这样可以让大家更专注于学习PHP开发。当然我们也将陆续推出一些关于前端网页设计等相关技术的教程，供大家参考学习。

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

01

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

02

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"> 

03
<head> 

04

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

05
<title>白色留言本</title> 

06

<link href="guestbook/tpl/white/css.css" rel="stylesheet" type="text/css" /> 

07
</head> 

08
<body> 

09

<div id="main"> 

10

<h1><a href="#"><span>我的白色留言本</span></a></h1> 

11

  <div class="boxin"> 

12

    <h2 class="tutor">请填写您的留言</h2> 

13

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

14

        <p>您的名字：<input type=text name='name' size=40></p> 

15

        <p>留言标题：<input type=text name='title' size=40></p> 

16

        <p>留言内容：</p> 

17

        <p><textarea name=contents cols=60 rows=6></textarea></p> 

18

        <p><input type=submit value=" 提交 "></p> 

19

        </form> 

20

    <ul class="list"> 

21

 <{foreach from=$results item=one}> 

22

      <li><span><{$one.name}></span><a href="#"><{$one.title}></a><br /><{$one.contents}></li> 

23

<{/foreach}> 

24

    </ul> 

25

  </div> 

26
</div> 

27

  <div id="footer" style="clear:both;"> 

28

<select name="选择模板" onchange="location.href=this.options[this.selectedIndex].value;"><option> 模板选择...</option> 

29

  <option value="/?tpl=green">绿色风格</option><option value="/?tpl=blue">蓝色风格</option><option value="/?tpl=green2">绿色风格2</option><option value="/?tpl=white">白色风格</option></select> 

30

  </div> 

31
</div> 

32
</body> 

33
</html>

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

1
... 

2

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

3

        <p>您的名字：<input type=text name='name' size=40></p> 

4

        <p>留言标题：<input type=text name='title' size=40></p> 

5

        <p>留言内容：</p> 

6

        <p><textarea name=contents cols=60 rows=6></textarea></p> 

7

        <p><input type=submit value=" 提交 "></p> 

8

        </form> 

9
...

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

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

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

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

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

1
... 

2

<ul class="list"> 

3

 <{foreach from=$results item=one}> 

4

    <li><span><{$one.name}></span><a href="#"><{$one.title}></a><br /><{$one.contents}></li> 

5

 <{/foreach}> 

6
</ul> 

7
...

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

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

1
... 

2

    <ul class="list"> 

3

       <li><span>jake</span><a href="#">我是标题</a><br />哈哈</li> 

4

      <li><span>喜羊羊</span><a href="#">我是标题</a><br />333</li> 

5

    </ul> 

6
...

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

main.php

01
<?php 

02

class main extends spController 

03
{ 

04

    function index(){ // 这里是首页 

05

        $tpl    = $this->spArgs("tpl", "green"); // 这里接收tpl参数，使得模板变化，后面的green是tpl为空时的默认值。 

06

        $guestbook = spClass("guestbook"); 

07

        $this->results = $guestbook->findAll(); 

08

        $this->display("{$tpl}/index.html"); 

09

    } 

10

    function write(){ // 这里是留言 

11

        $guestbook = spClass("guestbook"); 

12

        $newrow = array( // 这里制作新增记录的值 

13

            'name' => $this->spArgs('name'), 

14

            'title' => $this->spArgs('title'), // 从spArgs获取到表单提交上来的title 

15

            'contents' => $this->spArgs('contents'), 

16

        ); 

17

        $guestbook->create($newrow); 

18

        echo "留言成功，<a href=/index.php>返回</a>"; 

19

    } 

20
}

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

分享到：

2011-我的梦想 | 快速入门五、简便的数据表操作

2011-01-18 12:02
浏览 847
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论