jQuickForm = PHP में फार्म जनरेटर (बड़ा अद्यतन)

JQuickForm के जन्म की घोषणा के प्रकाशन के बाद से कुछ दिन बीत चुके हैं (संक्षेप में, तो jQuickForm एक jQuery + HTML_QuickForm2 विधानसभा है)।

सहित कई सकारात्मक समीक्षा प्राप्त हुईं पीएम में, परियोजना की वेबसाइट पर कई आगंतुकों ने कहा "लाइक इट", और इससे पता चलता है कि काम आवश्यक और समय पर है।

इसलिए, आज मैं कहना चाहता हूं कि फिलहाल jQuickForm की लगभग सभी स्पष्ट और छिपी हुई विशेषताओं का वर्णन किया गया है, और यह न तो अधिक है और न ही कम:

तत्वों

InputText , InputPassword , Date (दिनांक चयनकर्ता , जिसमें कई प्रकार के तत्वों का चयन होता है), DatePicker (jQueryUI), स्लाइडर (jQueryUI - "स्लाइडर"), SliderRange (jQueryUI - मानों की श्रेणी, चयन करें , बटन , Textarea , पृष्ठ) (भवन निर्माण के लिए तत्व) मल्टी-पेज विजार्ड), स्टेटिक (मनमाना एचटीएमएल डालने के लिए फार्म तत्व), jWysiwyg (सरलतम संपादक), स्वतः पूर्ण एक सरणी (सरणी हस्तांतरण का उपयोग करके एकल मूल्य और आरंभीकरण के साथ स्वत: पूर्ण ), स्वतः पूर्ण एक रिमोट (एक ही है, लेकिन स्रोत एक अजाक्स स्क्रिप्ट है ), स्वत: पूर्ण एकाधिक सरणी (avtokomplit अल्पविराम से अलग मूल्यों की अधिकता के साथ प्रयोग किया जाता है, उदाहरण के लिए, का निर्माण होता है एक सरणी), स्वत: पूर्ण एकाधिक रिमोट (रिमोट स्रोत के साथ एक ही), फाइल अपलोड (सामान्य फाइल अपलोड तत्व), और, दर्शकों के अनुरोध पर - - वेब 2.0 लेबल, स्रोत के निया सूची फ़ाइल multiupload

आइटम समूहीकरण

यह आम तौर पर एक गीत है! सभी फार्म तत्व नोड और कंटेनर हैं। वास्तव में, एक कंटेनर भी एक नोड है, लेकिन अन्य नोड्स को समाहित करने की क्षमता के साथ।

HTML_QuickForm2 में सबसे महत्वपूर्ण बात यह है कि आप असीमित नेस्टिंग के साथ एक-दूसरे को समूह जोड़ सकते हैं।

इसके अलावा, इनपुटटेक्स्ट के दो तत्वों (First_name, last_name) को समूह में टाइप करें, यदि आप समूह के लिए "group_name" नाम निर्दिष्ट करते हैं, तो ये तत्व क्रमशः "group_name [first_name]" और "group_name [last_name]" नाम प्राप्त करते हैं।

यदि नाम समूह में नहीं जोड़ा जाता है, तो नेत्रहीन तत्वों को एक ही पंक्ति में समूहीकृत और स्थित किया जा सकता है, लेकिन उनके मूल नाम "first_name", "last_name" हैं

मान्यता नियम

सत्यापन नियमों को स्पष्ट रूप से सर्वर और क्लाइंट में विभाजित किया गया है, और नियमों को सेट करते समय, आप स्पष्ट रूप से निर्दिष्ट कर सकते हैं कि चेक कहाँ किया जाना चाहिए और, यदि HTML_QuickForm के पहले संस्करण में डिफ़ॉल्ट रूप से सर्वर चेक था, और इसे हमेशा निष्पादित किया गया था, और क्लाइंट वैकल्पिक है, तो दूसरे संस्करण में केवल क्लाइंट सत्यापन करने की क्षमता।

नियम से बाहर बॉक्स:

"आवश्यक फ़ील्ड", "न्यूनतम", "अधिकतम", "मैच", "मेल नहीं खाते", "सख्ती से कम", "अधिक नहीं", "सख्ती से अधिक", "कम नहीं", "समूह में हर कोई"। "खाली"

"खाली नहीं।"

सिद्धांत रूप में, नियम को सत्यापित करने का सिद्धांत नाम से स्पष्ट है, मैं नियम "समूह में सभी" का उल्लेख करना चाहूंगा, यह तत्वों के समूह (समूह कंटेनर की एक उप-प्रजाति) के लिए इंगित करने के लिए किया जाता है। चेक को इसके प्रत्येक तत्वों के साथ किया जाना चाहिए।

फॉर्म फिल्ड फिल्टर

HTML_QuickForm2 में फ़िल्टर - यह वांछित दृश्य के लिए तत्वों को स्वचालित रूप से डालने की क्षमता है, उदाहरण के लिए:

<?

$element->addFilter( 'trim' );

?>



* This source code was highlighted with Source Code Highlighter .

फ़ंक्शन नाम या फ़िल्टर क्लास विधि का नाम एक पैरामीटर के रूप में पारित किया जाता है।

आपने सही तरीके से अनुमान लगाया कि यह सुनिश्चित करने के लिए कि POST के बाद आने वाले क्षेत्र का मूल्य, चाहे उपयोगकर्ता ने जो कुछ भी लिखा हो, पूर्णांक है, आपको एक फ़िल्टर लागू करने की आवश्यकता है

<?

$element->addFilter( 'intval' );

?>



* This source code was highlighted with Source Code Highlighter .

फ़िल्टरिंग केवल आपकी कल्पना द्वारा सीमित है।

डेटा स्रोत

एक और महत्वपूर्ण सवाल जो मैंने फॉर्म जनरेटर की घोषणा में याद किया और टिप्पणियों में उत्तर दिया, वह फॉर्म को पहले दिखाने से पहले भर रहा है।

उदाहरण के लिए, जब आप संपादन के लिए समाचार प्राप्त करते हैं, तो आपके पास प्रविष्टियों की एक सहयोगी सरणी होती है।

<?

$form = new jQuickForm( 'simple' );

$fieldset = $form->insertFieldset( ' ' );

$fieldset->insertInputText( 'news_title' )

->setLabel( ' ' )

->setExample( ' ' );



$fieldset->insertTextarea( 'news_text' )

->setLabel( ' ' )

->setCols(50)->setRows(5);



$form->insertInputSubmit( ' ' );



// -

$form->addDataSource(

new HTML_QuickForm2_DataSource_Array(array(

'news_title' => ' №1' ,

'news_text' => " №1" ,

)

));



?>



* This source code was highlighted with Source Code Highlighter .

डेटा के अन्य स्रोत हैं जो आपको सिद्धांत रूप में शायद ही चाहिए, लेकिन आप साइट पर उनके उपयोग के उदाहरण भी पा सकते हैं।

रूप की उपस्थिति का अनुकूलन

HTML_QuickForm2 की मुख्य विशेषताओं में से एक यह है कि फॉर्म को रेंडर करने का रूटीन काम कम हो गया है, प्रत्येक तत्व या तत्वों के कंटेनर के लिए मानक टेम्पलेट पहले से ही डिफ़ॉल्ट रूप से रेंडरर में हैं।

लेकिन सबसे दिलचस्प बात यह है कि आप आसानी से किसी भी रूप तत्व और यहां तक ​​कि स्वयं के प्रतिपादन को ओवरलैप कर सकते हैं!



दो तरीके हैं:

1) CSS का उपयोग करके (बस स्टाइलशीट में कुछ पंक्तियों को जोड़कर, या आप इनलाइन-सीएसएस बदल सकते हैं)

2) एक विशिष्ट तत्व टेम्पलेट को बदलकर

काम करने के उदाहरण

मुझे यह समझने के लिए रूपों के साथ कुछ वास्तविक करने के लिए भी कहा गया था कि यह कैसे काम करता है, मैंने एक साधारण डिमोटिविएटर का उदाहरण बनाया (मैंने लर्क से स्क्रिप्ट को थोड़ा कंघी किया), साथ ही साथ एक बड़े पैमाने पर फ़ाइल अपलोड (फ़ाइलों को सहेजा नहीं गया, प्रसंस्करण सिम्युलेटेड है, बाकी सब काम करने की विधि में है)



वैसे, जब SWF अपलोड तत्व को फार्म तत्वों की संख्या में जोड़ते हैं, तो एक अप्रिय विशेषता सामने आई थी, जिसे मैं आपसे विचार करने के लिए कहता हूं:

यदि आपका अपलोड सार्वजनिक नहीं है, और सबसे अधिक संभावना है कि कोई भी गैर-अधिकृत उपयोगकर्ताओं को अपलोड नहीं करने देगा, तो जब आप फ्लैश ड्राइव द्वारा डाउनलोड को फाइल बारी-बारी से भेजते हैं, तो फ्लैश के लिए एक नया सत्र शुरू होता है, क्योंकि यह पूरी तरह से अलग प्रतीत होता है, इसलिए इसे लागू किया गया था। सत्र पहचानकर्ता को अपलोड स्क्रिप्ट में स्थानांतरित करने के लिए एक तंत्र ताकि यह समझना संभव हो सके कि वास्तव में इस समय फाइलें कौन अपलोड करता है।

ठीक है, मैं आपकी सामग्री प्रबंधन प्रणाली के विवेक के लिए सत्र पहचानकर्ता के मूल्य को खराब करने के खिलाफ सुरक्षा के कार्यान्वयन को छोड़ देता हूं।

कुछ PHP फ्रेमवर्क के साथ JQuickForm एकीकरण

हम आरंभ करते हैं:

आप इसे एप्लिकेशन की शुरुआत में कर सकते हैं, उदाहरण के लिए /index.php में, या अधिक सही जगह पर, उदाहरण के लिए कॉन्फ़िगरेशन में।

<?

//

require( 'vendors/__autoload.php' );



header( 'Content-Type: text/html; charset=utf-8' );

date_default_timezone_set( 'Europe/Moscow' );



//

Jaguar::css()->addCss( '//quickform.css' );



// js- ,

//

Jaguar::js()->addJs( '/js/quickform.js' );

?>



* This source code was highlighted with Source Code Highlighter .

एक टेम्पलेट बनाएँ

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head profile ="http://gmpg.org/xfn/11" >

< title > jQuickForm </ title >

< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />

<? php echo $ jquickform- > css; ? >

<? php echo $ jquickform- > css_inline; ? >

</ head >

< body >

<? php echo $ jquickform- > form; ? >

<? php echo $ jquickform- > js; ? >

<? php echo $ jquickform- > js_inline; ? >

<? php echo $ jquickform- > js_onload; ? >

</ body >

</ html >



* This source code was highlighted with Source Code Highlighter .

सही जगह पर कोई भी आकृति बनाएं।

<?

$form = new jQuickForm( 'simple' );

$fieldset = $form->insertFieldset( ' compare' );

$pass = $fieldset->insertInputText( 'pass' )

->setLabel( '' )

->setComment( ' ' );

$pass->addRuleRequired( " " );



$repass = $fieldset->insertInputText( 'pass' )

->setLabel( ' ' )

->setComment( ' ' );

$repass->addRuleCompareEq( " " , $pass);

$fieldset->insertStatic( '

" " ' );



$captcha= $fieldset->insertInputText( 'captcha' )

->setLabel( 'Captcha' )

->setComment( ' 2+2=?' );

$captcha->addRuleCompareEq( " " , "4" );



$fieldset->insertInputSubmit( 'Post!' , 'save' );

?>



* This source code was highlighted with Source Code Highlighter .

फ़ॉर्म प्रदर्शित करें (Zend_Framework के लिए उदाहरण)

<?

$jquickform = array(

'css' => Jaguar::css()->getCss(),

'css_inline' => Jaguar::css()->getCssInline(),

'js' => Jaguar::js()->getJs(),

'js_onload' => Jaguar::js()->getJsOnload(),

'js_inline' => Jaguar::js()->getJsInline(),

'form' => $form,

);



Zend_Loader::loadClass( 'Zend_View' );

$view = new Zend_View();

$view->jquickform = $jquickform;



echo $view->render( 'page.php' );

?>



* This source code was highlighted with Source Code Highlighter .

प्रपत्र प्रदर्शित करें (कोहना के लिए उदाहरण)

<?

$ this ->template = new View( 'module/page' );

$ this ->template->jquickform->css = Jaguar::css()->getCss();

$ this ->template->jquickform->css_inline = Jaguar::css()->getCssInline();

$ this ->template->jquickform->js = Jaguar::js()->getJs();

$ this ->template->jquickform->js_onload = Jaguar::js()->getJsOnload();

$ this ->template->jquickform->js_inline = Jaguar::js()->getJsInline();

$ this ->template->jquickform->form = $form;

?>



* This source code was highlighted with Source Code Highlighter .

अंत में, एकीकरण सलाह!

मुझसे पहले ही सवाल पूछा जा चुका है - मैंने सब कुछ अलग-अलग पुस्तकालयों में क्यों नहीं रखा, लेकिन साइट के रूप में सब कुछ एक ढेर में डाल दिया।

मैं उत्तर देता हूं - ताकि एसवीएन से वितरण किट को डाउनलोड या "बाहर खींच" करके, आप यहीं पर हैं और अब इसे बिना किसी समायोजन के काम में देख सकते हैं।

आखिरकार, कभी-कभी आप किसी नई चीज़ को लॉन्च करने में इतना समय गंवा देते हैं, क्योंकि लेखक ने त्वरित शुरुआत का ध्यान नहीं रखा है।

दूसरे शब्दों में, यह एक जांच है।



अपने कामकाजी अनुप्रयोगों में "जांच" को नहीं खींचने के लिए, मैं निम्नलिखित करने का प्रस्ताव करता हूं (मैं आपको चरणों में विस्तार से बताऊंगा ताकि शुरुआती लोग भी सलाह का लाभ उठा सकें - मैं जानकार लोगों को छोड़ सकता हूं)



1) एसवीएन से डिस्क पर किसी भी अस्थायी निर्देशिका में नवीनतम संस्करण प्राप्त करें, उदाहरण के लिए c: / jquickform में।



2) तोड़फोड़ उपयोगिता फ़ाइलों के साथ अपनी साइट के मूल में "विक्रेताओं" और "जेएस" निर्देशिका की प्रतिलिपि बनाएँ! उदाहरण के लिए, /home/site.ru/www/vendors/ में, जहां /home/site.ru/www/ आपके प्रोजेक्ट का DOCUMENT_ROOT है



3) उपरोक्त निर्देशों के अनुसार, अपने ढांचे के साथ jQuickForm को एकीकृत करें।



4) समय-समय पर, "वेंडर्स" और "जेएस" निर्देशिकाओं के लिए svn अपडेट हमेशा नवीनतम संस्करण के लिए करें।

JQuickForm डाउनलोड करें

आप SVN से परीक्षण के लिए jQuickForm चुन सकते हैं

svn co jquickform.googlecode.com/svn/trunk jquickform

यहां संग्रह को डाउनलोड करें। code.google.com/p/jquickform/downloads/list



आपका ध्यान के लिए धन्यवाद!