当前位置:首页>网络学院>程序开发>PHP教程>文章内容

PEAR::HTML_QuickForm与Smarty 的结合应用

[ 来源:www.it55.com | 作者: | 时间:2007-07-13 | 收藏 | 推荐 ] 【

  Haohappy在《PHP & More》第三期的《PEAR::HTML_QuickForm入门》一文中说过要写QuickForm和Smarty的结合应用,一直没写,今天看到PHPE论坛上有朋友在询问,为自己的懒惰而惭愧。现在补上,希望对大家有点帮助。 在我看来,PEAR::HTML_QuickForm是个非常优秀的表单类库,大大加快了开发速度,我现在的大多数项目都会用到。如果对PEAR::HTML_QuickForm不了解的朋友,建议先看这篇文章。

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

  本文针对的读者为有较丰富开发经验的PHP程序员,要求读者 www.it55.com

<!--[if !supportLists]-->1.             <!--[endif]-->熟悉PEAR及其安装和使用; it55.com

<!--[if !supportLists]-->2.             <!--[endif]-->熟悉HTML_QuickForm; www.it55.com

<!--[if !supportLists]-->3.             <!--[endif]-->理解模板的概念,熟悉Smarty模板引擎的使用。

vd;k;l www.it55.com rdfg

  在《PEAR::HTML_QuickForm入门》的表单的美化输出一节中,提到了用QuickForm自带的Form修饰方法来美化输出。很明显,这种方法显得有点麻烦,而且让程序员来美化网页,有点难为我们了。 现在程序员和设计师的合作最常见的就是通过模板,所以如何把QuickForm和模板引擎相结合,这就是我们需要解决的问题。其实QuickForm可以和多种模板引擎相结合,如ITX, Sigma, Flexy, Smarty等,每种模板都有其优点和缺点,目前Smarty是最通用的模板引擎,所以我们把QuickForm和Smarty的结合作为重点来研究。 www.it55.com

  首先,给大家看看我们的最后效果:

www.it55.com

sflj www.it55.com kg^&fgd

  这个例子非常简单,只有一个Form,4个Input,只是用来讲解QuickForm的使用。在实际开发中,我们经常遇到几十个Input的情况。实际上,表单越复杂,就越显出我们传统的处理方式的低效,就越显出QuickForm的强大。这一点,也许大家以后会体会到。

vd;k;l www.it55.com rdfg

好,开始我们的QuickForm+Smarty之旅。

http://www.it55.com/

changPwd.php

www.it55.com

<?
require_once("includes/config.inc.php");
//构建Smarty对象
$smarty = new Smarty_App;
$smarty->assign('CSSDIR','./templates/admin');
$smarty->assign('title',':: Haohappy Test网站管理系统 ::');

it55.com

//构建登录表单
$form = new HTML_QuickForm('frmChgPwd', 'post'); http://www.it55.com/

//增加表单元素
$form->addElement('password', 'adminPwd', '','class = NameAndPwd');
$form->addElement('password', 'newPwd', '','class = NameAndPwd');
$form->addElement('password', 'newPwd2', '','class = NameAndPwd');
$form->addElement('submit', 'btnSubmit', '修改密码','class = btnSubmit');

sflj www.it55.com kg^&fgd

//增加验证规则 会自动生成javascript变量,存入javascript验证函数
$form->addRule('adminPwd','密码不能为空!', 'required','','client'); 
$form->addRule('newPwd','新密码不能为空!', 'required','','client'); 
$form->addRule('newPwd2','新密码不能为空!', 'required','','client'); 
$form->addRule(array('newPwd','newPwd2'),"两次输入的密码不同!!",'compare','','client');

免费资源www.it55.com

if ($form->validate()) {
        //如果表单数据正确,修改密码
        $form->process('changePwd');
}
else{

vd;k;l www.it55.com rdfg

  //否则显示表单

IT资讯之家 www.it55.com

 // 建立renderer对象
 $renderer =& new HTML_QuickForm_Renderer_ArraySmarty($smarty );    
 
 // build the HTML for the form 生成表单的HTML代码
 $form->accept($renderer); IT资讯之家 www.it55.com

 //assign array with form data 分配表单数据到数组中
 $smarty->assign('form_data', $renderer->toArray());
 $smarty->catching = false; www.it55.com

 // 调试
 //echo "<pre>";var_dump($renderer->toArray());echo "</pre>";
 $smarty->display("changePwd.tpl"); it55.com

}

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

//修改密码
function changePwd(){}     
?>

it55.com

  在代码中,我们用$form->addElement()增添了4个表单元素,用$form->addRule()增加了4条验证规则。怎么样,是不是很快捷方便? 以验证两个密码是否相同的验证规则为例,如果我们自己写验证规则,虽然快,但是代码就会显得臃肿和凌乱,由QuickForm来负责数据验证,开发速度大大提高,而且代码显得很简洁漂亮。仅用了一行代码:

IT资讯之家 www.it55.com

$form->addRule(array('newPwd','newPwd2'),"两次输入的密码不同!!",'compare','','client'); IT资讯之家 www.it55.com

  关于QuickForm的好处,请参看《PEAR::HTML_QuickForm入门》,在此不再重复。 it55.com

  下面这行代码就是我们将HTML_QuickForm与Smarty连接的桥梁: vd;k;l www.it55.com rdfg

$renderer =& new HTML_QuickForm_Renderer_ArraySmarty($smarty );

vd;k;l www.it55.com rdfg

  所谓renderer,就是用来负责显示的,这里我们把QuickForm的renderer指定为Smarty,我们就可以使用强大的Smarty模板引擎来格式化QuickForm的输出了。

sflj www.it55.com kg^&fgd

  其它:

sflj www.it55.com kg^&fgd

changePwd()是这个文件的核心操作函数,用来修改密码。

www.it55.com在线教程

$form->process('changePwd');  //这行代码用来调用changePwd() it55.com


//echo "<pre>";var_dump($renderer->toArray());echo "</pre>";

www.it55.com在线教程

  这一行用来调试,我们随时可以把$renderer中的所有变量打印出来,看看程序是否执行正确。 www.it55.com在线教程

  再看我们的模板,也很简单:

www.it55.com在线教程

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

www.it55.com

<HTML> 免费资源www.it55.com

<HEAD>

www.it55.com在线教程

<TITLE> changePwd.tpl </TITLE>

www.it55.com

<META NAME="Generator" CONTENT="EditPlus">

(编辑:IT资讯之家 www.it55.com

返回顶部
共2页: 上一页 1 [2] 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

图片文章