一 简介
   
Smarty是一个PHP编写的模板引擎(template engine),主要用于构建web应用程序的表示层。Smarty的主页是http://www.smarty.net/download,
目前的新版本是3.1.16。Smarty主页上有详细的开发文档,包括在线阅读版本和可供下载的pdf版本,以及一个guestbook的样例程序,为我们开发人员学习smarty提供了极大的方便。

   
使用smart编写的模板将被smarty编译成php代码,由于编译过程只在模板文件被修改后发生一次,所以使用smarty模板引擎编写的php代码运行速度几乎没有什么损失。

   
我曾使用smarty库做Web应用开发,最近发现,smarty库也可以用于构建Wap应用。原理上与Web开发是一样的。本文将利用php+smarty创建一个简单的wap页面,以介绍用php+smarty构建Wap应用的一般方法。

二 下载安装
1.php
   
php的安装过程可以参考:http://www.php.net/manual/en/install.php,本文不再详细叙述。
2.smarty
    首先,下载最新版本的smarty:http://www.smarty.net/download下载后,找到压缩包内的libs目录,将该目录解缩到apache的document
root下。
   
libs目录下对于开发最重要的文件是Smarty.class.php,其中定义了Smarty类。我们将通过继承这个类来配置自己的模板引擎。

三 配置smarty

1. 配置
   
Smarty的配置是通过继承Smarty类并改写其中的成员变量来完成。
    在document
root目录下创建mySmarty.class.php文件,输入以下代码:

  1.        require_once("libs/Smarty.class.php");
           class MySmarty extends Smarty
            {
                  function MySmarty()
                   {
                         $this->Smarty();
                         $this->template_dir = 'template';
                         $this->compile_dir = 'compile';
                   }
            }
           
           $smarty = new MySmarty();
    ?>

下面我们来解释上述配置的含义:
   
template_dir指定模板文件存放的位置。模板文件一般以.tpl作为后缀。使用smarty的display方法显示模板时,smarty会到这个目录中查找指定的模板。
   
compile_dir:每一个模板都会被smarty编译,编译生成的php代码存放在compile_dir中,需要注意的是,如果在Liunx系统上,要确保php对这一目录具有写权限。
   
最后一行创建了一个MySmarty对象,这样我们的php代码中只要包含mySmarty.class.php就可以通过$smarty对象操作smarty了。
2.创建相应的目录
   
在document root下创建相应的template和compile目录。
   
目录结构如下所示:
www
I-----libs
I-----template
I-----compile
I-----mySmarty.class.php

创建wml文件的tpl模板(或创建html5的tpl模板文件)
创建如下的模板:index.tpl

  1. xml version="1.0"?>
    >
    <wml>
           <card title="WAP with smarty">
                  <p>
                          {$welcome_message}
                  p>
                  <p>
                         <table columns="1">
                          {foreach from=$message_list item=message}
                         <tr><td>{$message}td>tr>
                          {/foreach}
                         table>
                  p>
    card>
    wml>

Smarty模板的结构与一般的XHTML文件非常类似,但是在其中加入了smarty的标签。默认情况下,smarty标签包含在{}里。
   
如{$welcome_message}表示此处以smarty变量$welcome_message的值代替。
   
{foreach}标签相当于一个循环语句,在构造表格这类元素时相当的有用。如上述代码表示遍历message_list数组,数组中的每一元素命名为message,表格中每一行显示message_list中的一个元素。
   
详细的标签列表请参见smarty的开发文档。
    由于wml是严格的xml文档,在编写模板时一定要注意符合xml文档的格式。

编写php代码
编写如下的php代码index.php

  1.        require_once("mySmarty.class.php");
            header("Content-type: text/vnd.wap.wml");
           $smarty->assign("welcome_message", "Welcome smarty!");
           $list[0] = "Message 1";
           $list[1] = "Message 2";
           $list[2] = "Message 3";
           $smarty->assign("message_list", $list);
           $smarty->display("index.tpl");
    ?>

上述代码中,header("Content-type: text/vnd.wap.wml")
一行非常重要,它告诉浏览器这是一个wml文档。assign方法为模板变量赋值。我们看到,模板变量可以是字符串,也可以是数组,事实上,任意类型的php变量都可以赋值给模板。
   
最后的display方法显示index.tpl模板,模板中的变量将被我们赋于的实际值取代。再次提醒一下的是,smarty将会到template目录中查找index.tpl文件,所以模板文件一定要保存在template目录中。

原文地址:http://wj829.blog.163.com/blog/static/2889363620121142456321/

PHP + Smarty + html5 构建Wap应用的更多相关文章

  1. Brunch:快捷的HTML5构建工具

    Brunch,一个超快的HTML5构建工具.它可以(官方介绍): 编译你的脚本,模板,样式,链接它们, 将脚本和模板封装进common.js/AMD模块里,链接脚本和样式, 为链接文件生成源地图,复制 ...

  2. web前端学习(二)html学习笔记部分(10)-- HTML5构建应用布局和页面

    1.2.25  HTML5构建应用布局和页面 1.2.25.1  HTML5在移动开发中的准则 1.尽量使用单页面开发 2.慎重选择前端UI框架 3.动画.特效使用准则(60fps) 浏览器消耗最小的 ...

  3. 用HTML5构建一个流程图绘制工具

    在我们的开发工程中经常会使用到各种图,所谓的图就是由节点和节点之间的连接所形成的系统,数学上专门有一个分支叫图论(Graph Theroy).利用图我们可以做很多工具,比如思维导图,流程图,状态机,组 ...

  4. 使用HTML5构建下一代的Web Form

    HTML语言作为如今编程最为广泛的语言,具有易用.快捷.多浏览平台兼容等特点,但是随着时代的进步,HTML的标准却停滞不前,这一次还在不断开发中的[color=#444444 !important]H ...

  5. 使用HTML5构建iOS原生APP(2)

    本文转载至 http://ju.outofmemory.cn/entry/18807 有时候我们在内嵌的webview中希望点击一个链接之后,触发iOS原生事件,而不是webview内页面跳转(因为w ...

  6. [HTML5]构建离线web应用程序

    1.检查浏览器是否支持缓存 if(window.applicationCache){ //TODO } 2.在html中加入manifest特性 <html manifest="app ...

  7. 用jQuery Mobile做HTML5移动应用的三个优缺点

    JQuery Mobile 和 HTML5 的 3个优点 1. 上手迅速并支持快速迭代:在一个星期多一点的时间里,通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobi ...

  8. 手把手教学:详解HTML5移动开发框架PhoneJS

    摘要:HTML/JavaScript的优势自不必说,但却也并非完美,相比之下,原生App占内存更少.响应更快.本文详解了HTML5移动开发框架PhoneJS的使用全过程,通过它,能够让Web应用在移动 ...

  9. HTML5与搜索引擎优化[转载]

    原文:http://lusongsong.com/reed/398.html 我觉得HTML5的兴起完全是因为iPhone和iPad,自从Adobe停止开发flash.Android4.0不支持fla ...

随机推荐

  1. Adventures in deep learning

    转:https://github.com/GKalliatakis/Adventures-in-deep-learning Adventures in deep learning State-of-t ...

  2. ubuntu 16.04 root 初始密码设置

    ()默认root密码是随机的,即每次开机都有一个新的root密码.我们可以在终端输命令 sudo passwd,然后输入当前用户的密码,enter ()终端会提示我们输入新的密码并确认,此时的密码就是 ...

  3. Lua函数[转]

    在大多数Lua语法分析中可以获得这些标准Lua函数. 无可争辩, 我们可以查阅Lua网站, 但是一些少了的函数被Blizzard进行了调整. 下面列出了所有Lua函数. WoW API中的Lua注意在 ...

  4. 【Delphi】基于状态机的串口通信

    通信协议 串行通信接口(如RS232.RS485等)作为计算机与单片机交互数据的主要接口,广泛用于各类仪器仪表.工业监测及自动控制领域中. 通信协议是需要通信的双方所达成的一种约定,它对包括数据格式. ...

  5. 【嵌入式】S3C2410平台移植linux 2.6.14内核

    小续 第一次接触内核的东西,有点小激动啊 激动归激动,这实验还是要继续做下去,书上三两句话就带过去的,剩下的就留给我们了,着实考验动手能力啊 当编译过内核之后,发现这个过程也不复杂嘛(复杂的是内核的配 ...

  6. js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件

    $('#LocalLife_PopUp_layer').find('.SelectCity_Cont ul').click(function(e){            var e=e||windo ...

  7. laravel中facade serviceprovider的理解

    一个serviceprovider就是一个解决某个功能的公用模块,实际上可以直接用在di里注册然后从di中取出,为啥还要搞个facade呢? 有几个方面的原因 1.把实例化移入到serviceprov ...

  8. Sublime Text 3安装与使用,安装插件,快捷键,默认配置

    本文是Sublime Text 全程指引 by Lucida (http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html)的笔 ...

  9. Android webView输出自定义网页

    这次来使用webview输出网页型数据.因为这样的数据好使用富文本编辑器,有各种各样的拓展. 上代码: package controller.hzl.com.testcall; import andr ...

  10. [转]启动Tomcat提示:指定的服务未安装

    原文地址:http://blog.csdn.net/yilip/article/details/8066246 新下载的Tomcat7.0 解压缩完了运行tomcat7.exe屏幕一闪就没了 运行to ...