Smarty+QUICKFORM小小演示
程序员文章站
2022-05-25 20:26:32
由于公司需要quickform结合smarty的开发模式,最近几天恶补了下,跟大家分享下心得吧,quickform是一个pear类库,可以快速生成表单控件及验证表单的js代...
由于公司需要quickform结合smarty的开发模式,最近几天恶补了下,跟大家分享下心得吧,quickform是一个pear类库,可以快速生成表单控件及验证表单的js代码,大家可能觉得这个用手写js和html生成不是很快吗,用那个不是更麻烦,的确,少量的表单控件是显示不出quickform的优势的,但是如果有大量的表单控件,例如oa的后台,quickform的优势就显示出来了,利用quickform有代码清晰,易于维护等特点,非常适合大中型项目的开发,更方便的是可以在smarty中轻松使用它,^_^废话少说,来看看代码,不过大家之前最好了解下pear的安装,参照:
由于公司用的quickform是自己改进过的,因此代码和大家网上看到的会有些差别,涉及版权在这里就不便说明,简要展示下核心代码,大家就当了解下吧,有兴趣的朋友可以看看这篇haohappy的文章:
[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的应用,我会继续和大家分享学习心得,嘿嘿!
由于公司用的quickform是自己改进过的,因此代码和大家网上看到的会有些差别,涉及版权在这里就不便说明,简要展示下核心代码,大家就当了解下吧,有兴趣的朋友可以看看这篇haohappy的文章:
[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的应用,我会继续和大家分享学习心得,嘿嘿!