`
lfq618
  • 浏览: 88158 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

前面我们制作了一个留言本程序。不过因为用了和多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>

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

<form action="/index.php?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目录下的模板了,这样我们的留言本就可以换皮肤了。当然我们已经在模板上面加上了一个下拉选择来让访问者选择模板,这里我们提供了四套模板。

分享到:
评论

相关推荐

    Smarty模板快速入门相关代码

    本教程将基于Smarty模板引擎的快速入门进行详细讲解,配合提供的源代码,帮助你更好地理解和应用Smarty。 1. **Smarty的基本概念** Smarty是一个强大的PHP模板系统,它通过引入模板文件来处理动态内容,从而让...

    菜鸟学PHP之Smarty入门(组图)

    本文旨在为初学者提供一份入门指南,通过解析Smarty的基本概念、安装步骤以及应用场景,帮助你快速掌握这一强大的模板引擎。 #### 模板引擎的诞生背景与优势 模板引擎的出现源于对传统内嵌ServerScript(如ASP、...

    smarty入门

    本篇文章将深入讲解Smarty的基础知识,帮助初学者快速入门。 1. **Smarty简介** Smarty是一个开源的PHP模板系统,它允许开发者使用简单的HTML模板来设计用户界面,同时将PHP代码与HTML内容分离。这样,程序员可以...

    Smarty入门与安装过程例子

    Smarty是一个流行的PHP模板引擎,它将业务逻辑与视图设计分离,使得开发者可以更专注于页面的设计,而不用关心...安装、配置和使用Smarty的过程并不复杂,通过上述步骤,你可以快速入门并开始在你的项目中应用Smarty。

    html5+javascript+jQuery+php5+smarty完全中文手册+ThinkPHP快速入门手册打包下载

    下面将分别介绍这些技术的核心知识点,并结合ThinkPHP框架的快速入门,帮助你理解它们的重要性和实际应用。 HTML5是超文本标记语言的最新版本,主要提升了网页的多媒体支持和离线存储能力。新特性包括: 1. 表单...

    php快速入门

    - **模板引擎**:介绍Smarty等模板引擎的使用方法,实现业务逻辑与页面显示的分离。 #### 五、PHP最佳实践 - **编码规范**:遵循一定的编码风格指南,如PSR系列标准,提高代码可读性和维护性。 - **版本控制**:...

    smarty入门教程源代码,具体请看下载后的文档说明

    这个入门教程源代码提供了学习Smarty的基础知识,通过实际操作帮助初学者快速掌握其用法。 首先,Smarty的核心概念包括: 1. **模板(Template)**:模板是HTML或者其他静态文件格式,其中包含了 Smarty 特有的...

    smarty3中文手册chm

    对于初学者,手册可能还包含入门教程和示例代码,帮助快速上手。对于经验丰富的用户,手册则可能是解决具体问题和查阅高级特性的宝贵资源。 总而言之,"smarty3中文手册chm"是学习和掌握Smarty3框架的重要工具,...

    smarty实例详细教程(经典)

    - **条件语句**: 在模板中可以使用 `{*if*}`、`{*elseif*}`、`{*else*}` 和 `{*endif*}` 来实现逻辑判断,这使得模板能够根据不同的条件显示不同的内容。 #### 六、实例分析 **实例1**: - **文件结构**: - `...

    PHP快速入门及项目实战--导航网站

    在这个“PHP快速入门及项目实战——导航网站”学习资源中,我们将探讨PHP的基础知识以及如何运用这些知识来构建一个实际的导航网站。 首先,让我们了解PHP的基本语法。PHP代码通常被包含在`&lt;?php ... ?&gt;`标记之间,...

    Smarty完全中文手册

    - **快速入门**:了解安装、配置Smarty的基本步骤,以及如何创建第一个模板。 - **模板语法详解**:学习如何使用各种控制结构和函数,以及如何处理变量。 - **缓存和性能优化**:理解缓存的工作原理,以及如何设置和...

    php简单smarty入门程序实例

    // 显示页面 ?&gt; ``` 5. 运行后的页面代码:当PHP代码执行后,输出的HTML代码如下: ```html &lt;title&gt;SmartyTest &lt;H1&gt;Hello,Simon ``` 6. templates_c文件夹中的编译文件:这个文件是由Smarty自动...

    PHP_Smarty.rar

    Smarty是一个在PHP编程中广泛使用的模板引擎,它的主要目的是将业务逻辑与页面展示进行分离,使得程序员和网页设计师可以更高效地协作。标题中的"PHP_Smarty.rar"表明这是一个关于PHP与Smarty模板技术的压缩包,包含...

    phpsmart模板技术入门教程.doc

    显示是 Smarty 变量识符里的用 包含的文字为注释内容 *} {include file="header.tpl"} 大家好,我叫{$name}, 欢迎大家阅读我的 smarty 学习材料。 {include file="foot.tpl"} ``` 在这个例子中: 1. `{* ... *}`是...

    smartybook:Smarty动的Webサイト构筑入门サンプルソース

    Smartybook是围绕这个模板引擎的一本教程书籍,其"Smarty动的Webサイト构筑入门サンプルソース"可能是这本书的一个配套资源包,包含了一系列示例代码和教程内容,帮助读者更好地理解和应用Smarty。 Smarty的核心...

    关于PHP模板Smarty的初级使用方法以及心得分享

    本文介绍的是Smarty的初级使用方法以及一些使用心得,以期帮助初学者快速入门。 1. Smarty中的assign与display方法 Smarty的核心使用方法之一就是assign方法,它的主要作用是将数据从PHP代码传递给模板文件。assign...

    ECshop模板制作教程EC新手入门模板教程.doc

    3. Smarty 控制逻辑:在模板中,使用 Smarty 标签进行条件判断和循环,以动态显示数据。例如,商品列表页可能用到 {foreach} 循环来展示商品,根据商品数量动态生成 HTML。 第四章节:模板继承与自定义 ECShop ...

    shopex入门基础代码

    4. **模板引擎**:为了实现前后端分离,ShopEx可能使用了模板引擎,如Smarty,来处理视图部分。学习如何定义模板、传递数据和渲染视图是理解ShopEx视图层的关键。 5. **会话和Cookie管理**:在电子商务系统中,会话...

    Zend+Framework+入门指南v0.12.pdf

    - **视图**: 分离出显示逻辑,使用模板引擎如Smarty或Zend_View。 - **控制器**: 处理用户请求,并调用模型获取数据,然后将数据传递给视图。 ##### 2. 数据库操作优化 - **使用ORM**: 如使用Zend_Db_Table或Zend_...

    php-——新手入门资料。

    PHP(Hypertext Preprocessor)是一种广泛应用于网页服务器端的脚本语言,尤其在网站开发领域,PHP扮演...而"php-——新手入门资料"这个压缩包可能包含了教程、示例代码、练习项目等资源,帮助初学者快速上手PHP编程。

Global site tag (gtag.js) - Google Analytics