程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Smarty+QUICKFORM小小演示

Smarty+QUICKFORM小小演示

編輯:關於PHP編程

由於公司需要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','','');
$form->addElement('password','newPwd','','');
$form->addElement('password','newPwd2','','');
$form->addElement('submit','btnSubmit','修改密碼','');

//增加驗證規則,自動生成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"  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的應用,我會繼續和大家分享學習心得,嘿嘿!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved