Smarty+QUICKFORM小小演示

由于公司需要quickform结合SMARTY的开发模式,最近几天恶补了下,跟大家分享下心得吧,quickform是一个PEAR类库,可以快速生成表单控件及验证表单的JS代码,大家可能觉得这个用手写JS和HTML生成不是很快吗,用那个不是更麻烦,的确,少量的表单控件是显示不出quickform的优势的,但是如果有大量的表单控件,例如OA的后台,quickform的优势就显示出来了,利用quickform有代码清晰,易于维护等特点,非常适合大中型项目的开发,更方便的是可以在smarty中轻松使用它,^_^废话少说,来看看代码,不过大家之前最好了解下PEAR的安装,参照:http://hi.baidu.com/wanghaozi/blog/item/81cfb7003f973687e850cd3e.html。

    由于公司用的quickform是自己改进过的,因此代码和大家网上看到的会有些差别,涉及版权在这里就不便说明,简要展示下核心代码,大家就当了解下吧,有兴趣的朋友可以看看这篇HAOHAPPY的文章:http://www.phpe.net/articles/418.shtml

    [php]

<?php

/*

*作者:辉老大

*页面:path.cfg.php

*功能:系统路径设置

*版权所有:随便copy^_^

*/

$global['path']['conf']     = $global['path']['root'] . 'conf/';//定义系统配置文件路径

$global['path']['lib']      = $global['path']['root'] . 'lib/';//定义系统库文件路径

?>

    [/php]

[php]

<?php

/*

*作者:辉老大

*页面:smarty.cfg.php

*功能:smarty基本配置

*版权所有:随便copy^_^

*/

//定义模板路径

$global['smarty']['template_dir']       = $global['path']['root'] . 'lib/smarty/templates';

//定义模板编译目录

$global['smarty']['compile_dir']        = $global['path']['root'] . 'lib/smarty/templates_c';

//定义smarty配置文件夹路径

$global['smarty']['config_dir']         = $global['path']['conf'] . 'lib/smarty/configs';

$global['smarty']['cache_dir']             = $global['path']['root'] . 'lib/smarty/cache';

//$global['smarty']['compile_check']         = true;

//设置smarty报错禁用

$global['smarty']['debugging']             = false;

//关闭缓存

$global['smarty']['caching']             = false;

//$global['smarty']['cache_lifetime']     = 6000;

//定义左右边界符

$global['smarty']['left_delimiter']     = '<{';

$global['smarty']['right_delimiter']     = '}>';

?>

[/php]

[php]

<?php

/*

*作者:辉老大

*页面:common.cfg.php

*功能:全局配置

*版权所有:随便copy^_^

*/

$global['path']['root'] = dirname(__FILE__) . '/';//设置根目录

require($global['path']['conf'] . 'conf/path.cfg.php');

require($global['path']['conf'] . 'smarty.cfg.php');

//包含smarty类库

require($global['path']['lib']  . 'smarty/libs/Smarty.class.php');

//smarty配置

$tpl = new Smarty();

$tpl->template_dir         = $global['smarty']['template_dir'];

$tpl->compile_dir          = $global['smarty']['compile_dir'];

$tpl->config_dir           = $global['smarty']['config_dir'];

$tpl->debugging         = $global['smarty']['debugging'];

$tpl->caching             = $global['smarty']['caching'];

$tpl->cache_lifetime     = $global['smarty']['cache_lifetime'];

$tpl->left_delimiter     = $global['smarty']['left_delimiter'];

$tpl->right_delimiter     = $global['smarty']['right_delimiter'];

unset($global['smarty']);

ini_set('include_path', ini_get('include_path') .

    PATH_SEPARATOR . $global['path']['lib'] . 'pear/');//载入pear库文件

?>

[/php]

[php]

<?php

/*

*作者:辉老大

*页面:index.php

*功能:UI

*版权所有:随便copy^_^

*/

require_once('common.inc.php');//载入全局配置

//包含quickform类库

require($global['path']['lib'] . 'pear/HTML/QuickForm.php');

$form = new HTML_QuickForm('changepwdform');//生成quickform实例,参数为表单名

/*

*开始添加表单元素

*参数依次为:表单元素类型,名称,(按钮标签文字),样式

*/

$form->addElement('password','adminPwd','','style="width:120px"');

$form->addElement('password','newPwd','','style="width:120px"');

$form->addElement('password','newPwd2','','style="width:120px"');

$form->addElement('submit','btnSubmit','修改密码','style="width:100px"');

//增加验证规则,自动生成JS

$form->addRule('adminPwd','密码不能为空!','required','','client');

$form->addRule('newPwd','新密码不能为空!','required','','client');

$form->addRule('newPwd2','请再次输入新密码!','required','client');

$form->addRule(array('newPwd','newPwd2'),"两次输入的密码不一致!",'compare','','client');

$form->;//禁止提交表单

//分配表单数据到数组中

$tpl->assign('form_data',$form->toArray());

//显示模板

$tpl->display('index.tpl');

?>

[/php]

模板代码:

复制代码 代码如下:

<HTML> <HEAD> <TITLE>quickform+smarty</TITLE> <{if $form_data.javascrīpt}>     <{$form_data.javascrīpt}> <{/if}> </HEAD> <BODY> <p> </p> <p> </p> <p> </p> <form <{$form_data.attributes}> > <table width="300"  border="0" align="center" cellpadding="3" cellspacing="3" bgcolor="#F6F6F6" style="font-size:9pt" class="AddTable"> <tr bgcolor="#FFFFFF">   <td width="47%" colspan="2"><div align="center">修改管理员密码</div></tr>   <tr>   <tr>     <td width="47%"><div align="center">现有管理员密码     </div></td>     <td width="53%"><{$form_data.adminPwd.html}></td>   </tr>   <tr>     <td><div align="center">新密码     </div></td>     <td><{$form_data.newPwd.html}></td>   </tr>   <tr>     <td><div align="center">再次输入新密码     </div></td>     <td><{$form_data.newPwd2.html}></td>   </tr>   <tr>     <td colspan="2"><div align="center">       <{$form_data.btnSubmit.html}>     </div></td>   </tr> </table> </form> <scrīpt type="text/javascrīpt" src="response.js"></scrīpt> </BODY> </HTML>

这里大家也许觉得奇怪,为什么路径要定义这么复杂,而且使用绝对路径呢?这个是最近适应公司项目的需要,呵呵!其实这样有利于部署大的项目。这个帖子相信没接触过quickform或smarty的新手一定看的一头雾水,当然,我在这也只是简单介绍下,希望大家有兴趣的可以继续深入研究,最后看看效果:

看判断两次输入密码是否一样就这一句:

[php]

$form->addRule(array('newPwd','newPwd2'),"两次输入的密码不一致!",'compare','','client');

[/php]

代码看起来是不是简洁清楚啊,呵呵,接下来还会应用到再结合XAJAX的应用,我会继续和大家分享学习心得,嘿嘿!

相关推荐