हम PHP पर स्टार्टअप वेब 2.0 प्रोग्राम करते हैं

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

हालांकि, मान लें कि आपके पास एक आकर्षक व्यवसाय योजना है, तो आप उम्मीद करते हैं कि इस परियोजना को लॉन्च होने के 2 साल बाद से आत्मनिर्भर होना चाहिए, और आप इसकी विज्ञापन क्षमता में वार्षिक 50% की वृद्धि की उम्मीद कर रहे हैं। MS-Visio ने प्रोजेक्ट के लिए होनहार उपयोगकर्ता इंटरफ़ेस डिज़ाइन तैयार किए हैं। और इससे भी अधिक, आपके डिजाइनर, फैशनेबल नेतृत्व से लैस, रिकॉर्ड समय में परियोजना के ग्राफिक रूप को रेखांकित करते हैं। ताकि टेबल-ले-आउट लेआउट की सर्वोत्तम परंपराओं में बने विशिष्ट उपयोगकर्ता इंटरफ़ेस पृष्ठ, आपके स्थानीय प्रोजेक्ट फ़ोल्डर में उनके उच्च बिंदु की प्रतीक्षा कर रहे हों।

परियोजना की रूपरेखा

मैं नहीं जान सकता कि आपके स्टार्टअप का सार क्या है, इसकी ख़ासियत क्या है। लेकिन किसी भी व्यावहारिक उदाहरण पर निर्माण करने के लिए, आइए प्रिय सामूहिक ब्लॉग habrahabr.ru के सरलीकृत संस्करण पर विचार करें। जाहिर है, आप शायद ही किसी प्रसिद्ध परियोजना को दोहराने की योजना बना रहे हों। आप एक सिद्ध पथ का अनुसरण कर सकते हैं और flicr.com की शैली में एक फोटो ब्लॉग विकसित कर सकते हैं, एक सामाजिक नेटवर्क a-la facebook.com, ma.gnolia.com के तरीके से सामाजिक बुकमार्क या digg.com की परंपरा में सामाजिक समाचार। शायद आप व्यावसायिक सफलता के लिए अपना खुद का घुमावदार रास्ता चुनते हैं। किसी भी स्थिति में, आप वेब 2.0 परियोजनाओं के लिए सामान्य दृष्टिकोणों में आएंगे, जैसे कि टिप्पणी, रेटिंग, टैगिंग, टूलटिप्स इत्यादि। लेख फ़ीड या, उपयोगकर्ता पैनल के लिए, ये निर्णय वस्तुतः किसी भी परियोजना के लिए मान्य हैं।

इसलिए, हमारे उदाहरण में, केवल कुछ सूचना पृष्ठ हैं ("साइट के बारे में", "सहायता"), एक लेख फ़ीड, एक उपयोगकर्ता पैनल ("पंजीकरण", "प्राधिकरण"), लेख फ़ीड के साथ जुड़ा एक टैग क्लाउड और हाल ही की टिप्पणियाँ फ़ीड।

मान लीजिए कि हम वेब पेज को अधिभार की आवश्यकता के बिना प्रपत्रों (पंजीकरण, प्राधिकरण, टिप्पणियों को जोड़ना) के साथ पुनरावृत्तियों को कुछ हद तक संभव चाहेंगे। सिस्टम संदेश निर्दिष्ट डिज़ाइन में दिखाई दिए और "खींचा और छोड़ दिया" (ड्रैग एंड ड्रॉप) के सिद्धांत का समर्थन किया। प्रक्रियाओं को निष्पादित करते समय, सिस्टम को यह रिपोर्ट करना चाहिए कि वह कब और कितने समय से व्यस्त है।

मेरा मानना है कि अब कार्य स्पष्ट है, इसके कार्यान्वयन के बारे में सोचना बाकी है।

मंच का चयन

बस उठाकर प्रोग्रामिंग शुरू करना अच्छा विचार नहीं है। हमें यह सुनिश्चित करने की आवश्यकता है कि एक निश्चित स्तर पर यह फिर से शुरू करने के लिए आवश्यक नहीं होगा, कि बढ़ती उपस्थिति एक समस्या नहीं होगी, कि "अंतहीन बीटा" "अंतहीन अल्फा" में नहीं बदल जाएगा और नए विजेट के लिए उपयोगकर्ता अनुरोध या "ओपन एपीआई" की आवश्यकता नहीं होगी। आप ठोकर खा रहे हैं। किसी सिद्ध दृष्टिकोण पर किसी और के अनुभव पर भरोसा करना अच्छा होगा। यहाँ समाधान लोकप्रिय फ्रेमवर्क में से एक का उपयोग किया जा सकता है: Zend फ्रेमवर्क , प्राडो , CakePHP , सिम्फनी प्रोजेक्ट , सीगल फ्रेमवर्क , WACT , PHP on TRAX , ZooP फ्रेमवर्क , eZ Components, या CodeIgniter ।

उनमें से प्रत्येक की अपनी ताकत है। उदाहरण के लिए, Zend फ्रेमवर्क का प्रदर्शन PHP डेवलपर्स से समाधान के लिए पूरी तरह से तार्किक लाभ है। प्राडो - एक एक्सएएमएल जैसा उपयोगकर्ता इंटरफ़ेस घोषणा मॉडल पेश करता है। जाहिर है, CakePHP सबसे बड़ा लचीलापन और मापनीयता के लिए प्रसिद्ध है। हालांकि, सभी रूपरेखाओं में सामान्य गुण हैं। सभी चौखटे कोड परिवर्तन की आवश्यकता के बिना विभिन्न DBMS के उपयोग की अनुमति देते हैं । वे सभी PHP5 का समर्थन करते हैं (लेकिन उनमें से सभी PHP4 पर काम करने में सक्षम नहीं हैं)। उन सभी में डेटा सत्यापन घटक शामिल हैं। और लगभग सभी एमवीसी (मॉडल-व्यू-कंट्रोलर) के मॉडल पर बनाए गए हैं। यदि आपके पास इनमें से किसी एक फ्रेमवर्क के साथ काम करने का अनुभव है, तो मैंने आपको अपने पसंदीदा प्लेटफ़ॉर्म का उपयोग करने से नहीं रोका। हालांकि, अगर आप वर्तमान में इस सूची को देख रहे हैं, तो यह नहीं जानते कि कहां से शुरू करें, मैं आपको याद दिलाने की जल्दबाजी करता हूं कि किसी भी सार्वभौमिक समाधान (और ये सभी ढांचे काफी सार्वभौमिक हैं) की तुलना केवल एक समस्या को हल करने के लिए डिज़ाइन किए गए एक अच्छी तरह से निष्पादित निजी समाधान के साथ प्रदर्शन में नहीं की जा सकती है। । ठीक है, चलो हमारे स्टार्टअप के कार्यों को हल करने के लिए अपना स्वयं का सॉफ़्टवेयर प्लेटफ़ॉर्म बनाने का प्रयास करें। तो, हम PHP 5.2 और MySQL 4/5 के साथ एक होस्टिंग योजना पाते हैं। यह सुनिश्चित करने के लिए मत भूलना कि इस योजना में PHP PDO ( PHP डेटा ऑब्जेक्ट्स ) का विस्तार भी शामिल है। डेटाबेस तक अमूर्त पहुंच के इस पुस्तकालय का उपयोग करने से आपको आवश्यक होने पर आसानी से दूसरे DBMS पर स्विच करने की अनुमति मिलेगी।

घटक मॉडल

अब एक घटक मॉडल (परियोजना स्क्रिप्ट रखने के सिद्धांत के साथ) पर निर्णय लेने का समय है। एक सफल घटक मॉडल के साथ, आपको हमेशा आवश्यक स्क्रिप्ट मिलेंगी, डीबगिंग के दौरान सिस्टम को नेविगेट करना आपके लिए आसान होगा, आपको प्रोजेक्ट के विकास में कोई समस्या नहीं होगी।

तो, सूचकांक परियोजना के रूट फ़ोल्डर में स्थित होगा । php , जिसे सभी परियोजना अनुरोधों को स्वीकार करना चाहिए, आवश्यक पुस्तकालयों को कनेक्ट करना चाहिए और उचित स्क्रिप्ट पर नियंत्रण स्थानांतरित करना चाहिए। ऐप फ़ोल्डर में ऐसी स्क्रिप्ट होंगी जो विभिन्न प्रोजेक्ट वेब पेजों के स्वास्थ्य को सुनिश्चित करती हैं। लिपियों को फ़ोल्डर नियंत्रक , मॉडल , दृश्य में वितरित किया जाएगा। यह वही एमवीसी मॉडल है। किसी भी वेब पेज के लिए, सिस्टम उपयुक्त मॉडल स्क्रिप्ट प्राप्त करेगा और इसमें इस इंटरफ़ेस के लिए आवश्यक सभी डेटा स्वीकार करेगा। फिर, आउटपुट के लिए इस डेटा को खींचने वाले फॉर्म की एक स्क्रिप्ट को संबंधित वेब पेज पर कॉल किया जाएगा। यदि मॉडल और दृश्य की स्क्रिप्ट से पहले POST या GET में डेटा को वेब पेज पर प्रेषित किया गया था, तो नियंत्रक स्क्रिप्ट को बुलाया जाएगा, जो सुस्त डेटा के साथ आवश्यक क्रियाओं का प्रदर्शन करेगा। MVC फ़ोल्डरों के अलावा, मैं ajax_ नियंत्रकों फ़ोल्डर बनाने का भी सुझाव देता हूं, जहां अतुल्यकालिक जावा स्क्रिप्ट अनुरोधों (AJAX) के लिए नियंत्रक स्थित होंगे।

घटक मॉडल

हम रूट फ़ोल्डर में वापस आते हैं और प्रोजेक्ट और JS स्क्रिप्ट्स ( css / images / js ) के डिज़ाइन के लिए फ़ोल्डर्स का एक क्लासिक सेट बनाते हैं। कॉन्‍फ़िगर पैकेज बनाएँ जहाँ कॉन्‍फ़िगर फ़ाइल संग्रहीत की जाएगी । इंक। php । इसमें हम डेटाबेस, प्रोजेक्ट कॉन्स्टैंट HTTP_PATH और ROOT_PATH, डेटाबेस टेबल और अन्य कॉन्फ़िगरेशन डेटा के नाम के साथ स्थिरांक तक पहुंचने के लिए इंटरफ़ेस और डेटा को परिभाषित करेंगे। Libs फ़ोल्डर में सॉफ्टवेयर लाइब्रेरी होगी। उपयोगकर्ताओं द्वारा अपलोड की गई फ़ाइलों को उपयोगकर्ता कॉन्टिनेंट फ़ोल्डर में भेजा जाएगा। तीसरे पक्ष के पुस्तकालयों और समाधान, जैसे कि FCKEditor , LastRSS , MediaPlayers , YUI , को वेंडर फ़ोल्डर में रखा जाएगा।

यह सर्किट व्यवहार में कैसे काम करता है? आइए एक उदाहरण देखें। उपयोगकर्ता ने वेबपृष्ठ हमारी साइट / ब्लॉग का अनुरोध किया।

रूट फ़ोल्डर में स्थित .htaccess फ़ाइल ने index.php के अनुरोध को रीडायरेक्ट किया

.htaccess

  DirectoryIndex index.php
 ErrorDocument 404/404 /
 विकल्प + Followsymlinks

 <IfModule mod_rewrite.c>
	 रेवेरिटेंगिन पर
	 % ReriteCond% {REQUEST_FILENAME}! -F 
	 % ReriteCond% {REQUEST_FILENAME}! -D
	 RewriteRule ^ (। *) $ Index.php?% {QUERY_STRING} [L]
 </ IfModule>

Index.php config.php से कॉन्फ़िगरेशन को पढ़ता है, जिसमें आमतौर पर उपयोग किए जाने वाले फ़ंक्शन का एक छोटा सेट शामिल होता है, जैसे डिबगिंग फ़ंक्शन टॉगल () । अगला, पैटर्न ( पैटर्न। इंक पीएचपी ) का सेट चालू होता है और पर्यावरण को इनिशियलाइज़ किया जाता है ( init। इंक । पीएचपी )। सरलतम मामले में, आरंभीकरण के दौरान, क्वेरी स्ट्रिंग $ _SERVER ['REQUEST_URI'] का विश्लेषण किया जाता है और चर $ CTRLPATH, $ RECORD_ID और $ APPPATH को इसकी सामग्री के आधार पर सौंपा जाता है। कैसे? अनुरोध के मामले में, हमारी साइट / नियंत्रक / पता - $ CTRLPATH मान "पता" लेता है। अनुरोध के मामले में, हमारी वेबसाइट / पता / 000023 (नियमित अभिव्यक्ति मुखौटा / \ d {7} /) - $ RECORD_ID 23 मान लेता है। $ APPPATH - हमेशा मान "पता" लेता है।

index.php

  <?
 if (preg_match ("/ \। (gif | jpg | bmp | js | css) \ /; $ / है", $ _SERVER ['REQUEST_URI']]) से बाहर निकलें;
 शामिल हैं (ROOT_PATH। "config / config.inc.php");
 शामिल हैं (ROOT_PATH। "ऐप / बेसिक्स। www.php");
 शामिल हैं (ROOT_PATH। "app / pattern.inc.php");
 शामिल हैं (ROOT_PATH। "ऐप / init.inc.php");

 $ db = Lib :: factory ('db');
 $ db-> applyAuthorization ();

 // नियंत्रक प्राप्त करें
 अगर ($ CTRLPATH) {
	 // यदि प्रतिक्रिया की एक कैश छवि है
	 if (file_exists (ROOT_PATH। "cache /"। md5 ("ajax_controllers {$ CTRLPATH}") "। tmp")। 
		 $ OUT = file_get_contents (ROOT_PATH। "कैश /"। 
		 md5 ("ajax_controllers {$ CTRLPATH}")। "tmp"); 
	 और { 
		 $ ctrl = Lib :: factory ('कंट्रोलर');
		 शामिल हैं (ROOT_PATH। "ऐप / ajax_controllers {$ CTRLPATH} index.inc.php");
	 }
 } {
	 // यदि पृष्ठ की कोई कैश छवि है, तो उसे दिखाएं 
	 अगर (file_exists (ROOT_PATH। "कैश /"। md5 ($ APPPATAT)) "। tmp")। 
	 $ OUT = file_get_contents (ROOT_PATH। "कैश /"। Md5 ($ APPPATH)। "Tmp"); 
 और {
	 // एक वेब पेज प्राप्त करें
	 $ इंटरफ़ेसस्क्रिप्ट = ($ RECORD_ID? "रिकॉर्ड": "इंडेक्स")। "। इंक। एफपीपी";
	 शामिल हैं (ROOT_PATH। "ऐप / कंट्रोलर / कॉमन.इनकॉम्पी");
	 अगर (file_exists (ROOT_PATH। "ऐप / कंट्रोलर {$ APPPATH}"। $ $स्क्रिप्ट) 
		 शामिल हैं (ROOT_PATH। "ऐप / कंट्रोलर {$ APPPATH}"। $ इंटरफ़ेसस्क्रिप्ट)।
	 शामिल हैं (ROOT_PATH। "ऐप / मॉडल / common.inc.php");
	 अगर (file_exists (ROOT_PATH। "ऐप / मॉडल {$ APPPATH}"। $ इंटरफ़ेसस्क्रिप्ट) 
		 शामिल हैं (ROOT_PATH। "ऐप / मॉडल {$ APPPATH}"। $ InterfaceScript);
	 अगर (file_exists (ROOT_PATH। "app / views {$ APPPATH}"। $ इंटरफ़ेसस्क्रिप्ट) 
		 शामिल हैं (ROOT_PATH। "ऐप / विचार {$ APPPATH}"। $ इंटरफ़ेसस्क्रिप्ट);
	 अन्यथा 
		 शामिल हैं (ROOT_PATH। "ऐप / विचार / _404 / index.inc.php");
 }
 }

 शीर्ष लेख ("सामग्री-प्रकार: पाठ / html; चारसेट = यूटीएफ -8");
 $ OUT प्रिंट करें;
 अगर (isset ($ _ GET ["createcache"]))
	 file_put_contents (ROOT_PATH। "कैश /"। md5 ($ APPPATAT))। "tmp", $ OUT);
 ?>

app / pattern.inc.php

  <?
 कक्षा लिब {
	 // पैरामीटराइज्ड फैक्टरी विधि
	 सार्वजनिक स्थैतिक समारोह कारखाना ($ प्रकार) {
		 if (शामिल करें ROOT_PATH.'libs / '। $ प्रकार।' .lib.php '{{
			 $ classname = $ प्रकार;
			 नया $ classname वापस करें;
		 } {
			 नया अपवाद फेंकें ('ड्राइवर नहीं मिला');
		 }
	 }
 }
 ?>

तब सिस्टम डेटाबेस के साथ एक संबंध स्थापित करता है और जांचता है कि उपयोगकर्ता अधिकृत है या नहीं। चूंकि एक वेब पेज का अनुरोध किया गया था, इसलिए सूची प्रविष्टि क्रमिक रूप से मतदान नहीं होगी

एप्लिकेशन / नियंत्रक / ब्लॉग / index.inc.php
एप्लिकेशन / मॉडल / ब्लॉग / index.inc.php
ऐप / विचार / ब्लॉग / index.inc.php

POST और GET में डेटा नहीं है और तदनुसार, नियंत्रक स्क्रिप्ट को छोड़ दिया जाएगा। मॉडल स्क्रिप्ट ऐप / मॉडल / ब्लॉग / index.inc.php में, लेखों की सूची के लिए डेटा स्वीकार किया जाएगा, और फॉर्म ऐप / विचारों / ब्लॉग / index.inc.php की एक स्क्रिप्ट में यह डेटा आउटपुट के लिए जारी किया जाएगा।

एप्लिकेशन / मॉडल / ब्लॉग / index.inc.php

  <?
 $ कंटेंट ["WINDOW_TITLE"] = "स्टार्टअप: ब्लॉग्स";
 $ नेविगेशन ["सीमा"] = 5;
 $ मिल = Lib :: factory ('get');
	 $ DATA ["MEDIALIST"] = $ get-> articleList ();
	 $ DATA ["PAGINATION"] = $ get-> पृष्ठांकन ();
 ?>

ऐप / विचार / ब्लॉग / index.inc.php

  <?
 $ कंटेंट ["बॉडी"] = '';
	 foreach ($ DATA ["MEDIALIST"] $ पंक्ति के रूप में) {
	 $ rec_url = HTTP_PATH। $ MEDIATYPES [$ पंक्ति ["media_type"]] ["var"]।
	  '/'.GetIDUrl($row["media_id"]).'/';
	 $ कंटेंट ["बॉडी"]। = '
	 <div class = "media_line">
	 <div class = "info"> 'द्वारा जोड़ा गया। $ पंक्ति ["fullname"]।,' देखी '।
		 (int) $ पंक्ति ["दौरा किया"]। '  समय </ div>
	 <div class = "text"> '। $ पंक्ति ["विवरण"]। </ div>
	 <div class = "footer"> '। ($ row ["cache_commentnumber"]?' <a href = ''।
		 $ rec_url। ""> '। $ पंक्ति ["cache_commentnumber"]।
		 'टिप्पणियाँ </a>': '<a href = "'।
		 $ rec_url। ""> एक टिप्पणी जोड़ें </a> ')।'
	 </ Div>
	 </ div> ';
 }

 शामिल करें (INCLUDEPATH। "header.inc.php");
 $ OUT। = '
	 <div class = "left_col">
	 '।  $ कंटेंट ["बॉडी"]। $ कॉन्टेंट ["पेजिनेशन"]।
	 </ Div>
	 <div class = "right_col">
	 <div id = "UserPanel"> </ div>
	 <div id = "TagCloud"> </ div>
	 <div id = "LastestComments"> </ div>
	 <script type = "text / javascript">
	 showBlock ("UserPanel");
	 शोब्लॉक ("टैगक्लाउड");
	 showBlock ("LastestComments");
	 </ Script>
	 </ Div>
 ';
 शामिल करें (INCLUDEPATH। "footer.inc.php");
 ?>

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

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

इसलिए, हमें लेखों की एक सूची मिली। अब आपको इस सूची से अलग लेख का अनुरोध करने वाले उपयोगकर्ता के मामले पर विचार करने की आवश्यकता है। इस मामले में, पर्यावरण के आरंभीकरण के दौरान, चर $ RECORD_ID को परिभाषित किया जाएगा। सिस्टम किसी भी ब्लॉग प्रविष्टि के लिए सार्वभौमिक मॉडल को क्वेरी करेगा। मॉडल ऐप / मॉडल / ब्लॉग / record.inc.php पर मिलेगा। $ RECORD_ID लेख डेटा के अनुरोध के लिए एक पैरामीटर के रूप में काम करेगा।

  $ मिलता है-> लेख ($ RECORD_ID);

सिस्टम ऐप / विचार / ब्लॉग / record.inc.php पर एक दृश्य स्क्रिप्ट की खोज करेगा।

आलेख सूची वेब पेज के साथ सादृश्य द्वारा, जब उपयोगकर्ता एक सूचना पृष्ठ (उदाहरण के लिए, हमारी / वेबसाइट के बारे में ) का अनुरोध करता है, तो फॉर्म (ऐप / विचार / विचार) की स्क्रिप्ट में पेज डेटा (ऐप / मॉडल / लगभग / index.inc.php) मॉडल स्क्रिप्ट में प्राप्त होगा। about / index.inc.php) लेआउट सेट किया जाएगा।

उपयोगकर्ता इंटरफ़ेस को समृद्ध करना

कार्य की शर्तों के अनुसार, सिस्टम को, यदि आवश्यक हो, तो शैली को चल विंडो में संदेश प्रदर्शित करना चाहिए, और प्रक्रियाओं की स्थिति पर रिपोर्ट करना चाहिए। सबसे आसान तरीका याहू के यूजर इंटरफेस लाइब्रेरी ( http://developer.yahoo.com/yui/container/panel/ ) से पैनल कंपोनेंट का उपयोग करना है। हालाँकि, यदि आप अपने प्रोजेक्ट के उपयोगकर्ताओं को अतिरिक्त JS स्क्रिप्ट की प्रतीक्षा करने से बचाना चाहते हैं, तो आकार में लगभग 100Kb लोड करने के लिए, आप अपना स्वयं का पुस्तकालय बनाने का प्रयास कर सकते हैं। सिस्टम संदेशों के लिए, आपको दो फ़ंक्शन showSystemMessage () और hideSystemMessage () की आवश्यकता होगी। सबसे पहले संदेश विंडो (डॉक्यूमेंट .getElementById ("window_id")। Style.display = "ब्लॉक") की छिपी हुई परत दिखाएगा और संदेश को फंक्शन में डाल दिया जाएगा (document.getElementById ("window_content_is")। InnerHTML = message)। दूसरा फ़ंक्शन संदेश छिपाएगा (document.getElementById ("window_id")। Style.display = "कोई नहीं")। परत को प्रदर्शित करने से पहले इसे ब्राउज़र विंडो के केंद्र में प्रोग्रामेटिक रूप से स्थिति देना भी उचित है।

ठीक है, अब हम सिस्टम संदेश विंडो दिखा सकते हैं और इसे छिपा सकते हैं। लेकिन इसके लिए ड्रैग एंड ड्रॉप कैसे सक्षम करें? बस विंडो लेयर में माउस ऑपरेशन के लिए ईवेंट डिस्पैचर निर्दिष्ट करें:

<div id = "window_id" onmousedown = "windowMouseDown ('window_id', घटना)" onmouseup = "windowMouseUp ('window_id')"> ... </ div>

और इन घटनाओं के प्रसंस्करण को परियोजना की जेएस लिपियों में जोड़ें।

js / पैनल.जेएस

 // वस्तु तक त्वरित पहुँच
 फ़ंक्शन $ (divName) {रिटर्न दस्तावेज़ .getElementById (divName);  }

 // ब्राउज़र का प्रकार निर्धारित करें
 if (document.implementation && document.implementation.createDocument) varMozilla = true;
 वर वर इस्मोजिला = असत्य;

 // ले जाने के लिए वस्तु और उसके निर्देशांक पकड़ो
 फंक्शन विंडोमाउसडाउन (divNamePref, ev) { 
	 if (isMozilla) {घटना = ev;  }
	 currentWindowDivNamePref = divNamePref; 
	 // ऑफसेट सहेजें
	 currentWindow [divNamePref] = {
	 "x": event.clientX + document.body.scrollLeft - 
		 $ (divNamePref) .style.left.replace ("px", "")
	 "y": event.clientY + document.body.scrollTop - 
		 $ (divNamePref) .style.top.replace ("px", ""
	 };
 }
 // ऑब्जेक्ट को स्थानांतरित करें
 समारोह windowMouseMove (ev) {
	 अगर (currentWindowDivNamePref) गलत है;
	 अगर (करंटविंडो [currentWindowDivNamePref]) गलत है;
	 if (isMozilla) {घटना = ev;  }
	 $ (currentWindowDivNamePref) .style.left = (event.clientX +) 
		 document.body.scrollLeft - currentWindow [currentWindowDivNamePref] .x) + "px";
	 $ (currentWindowDivNamePref) .style.top = (event.clientY +) 
		 document.body.scrollTop - currentWindow [currentWindowDivNamePref] .y) + "xx";
	 झूठे लौटना;
 }

 // ऑब्जेक्ट जारी करें
 समारोह windowMouseUp (divNamePref) { 
	 currentWindow [divNamePref] = अशक्त; 
	 currentWindowDivNamePref = false; 
 } 

 अगर (isMozilla) {document.captureEvents (Event.MOUSEMOVE);  }
 document.onmousemove = windowMouseMove;

प्रक्रिया स्थिति विंडो के मामले में, एक पारभासी परत को खिड़की की परत के नीचे जोड़ा जाता है, ग्रे किया जाता है और पूरे ब्राउज़र विंडो की सामग्री को कवर किया जाता है। इस प्रकार, हम उपयोगकर्ता इंटरफ़ेस के अस्थायी "ठंड" का प्रभाव प्राप्त करते हैं। विंडो संदेश में, आप एक गतिशील छवि जोड़ सकते हैं जो प्रक्रिया की कल्पना करती है। एक नियम के रूप में, सिस्टम संदेश विंडो की परत कोड में क्लोज बटन को रखा गया है। प्रक्रिया स्थिति विंडो के मामले में यह आवश्यक नहीं है।

अब हम एक व्यावहारिक कार्य पर विचार करते हैं जिसे सिस्टम विंडो के प्रबंधन के लिए वर्णित कार्यों की आवश्यकता होगी। हमें परियोजना में एक कस्टम पैनल लागू करने की आवश्यकता है। यह एक घटक है जो प्रोजेक्ट विज़िटर को रजिस्टर करने या लॉग इन करने की अनुमति देता है। यानी जब कोई उपयोगकर्ता पंजीकरण फॉर्म भरता है, तो सिस्टम को अपना डेटा सर्वर को भेजना चाहिए, उसका विश्लेषण करना चाहिए और या तो एक भरने की त्रुटि की रिपोर्ट करनी चाहिए (कहते हैं, यदि कैप्चा पुष्टिकरण कोड गलत दर्ज किया गया था), या उपयोगकर्ता को पंजीकृत करें और, फिर से, परिणाम की रिपोर्ट करें। अब हम सिस्टम संदेश विंडो का उपयोग करके कुछ रिपोर्ट कर सकते हैं। जैसा कि आपको याद रखना चाहिए, सिस्टम के लिए केवल उपयोगकर्ता पैनल को प्रदर्शित करने के लिए, हमें सर्वर को जेएस अनुरोध (शोब्लॉक () फ़ंक्शन) की आवश्यकता है। वेब पेज को ओवरलोड किए बिना उपयोगकर्ता द्वारा दर्ज किए गए डेटा की जांच करने के लिए, फिर से आप AJAX के बिना नहीं कर सकते। इस प्रकार, हमें सर्वर पर नियंत्रक को अतुल्यकालिक अनुरोध भेजने और नियंत्रक प्रतिक्रियाओं को प्राप्त करने के लिए जेएस फ़ंक्शन का एक सेट चाहिए। इस मामले में, फिर से, आप अपने स्वयं के समाधान का उपयोग कर सकते हैं, या आप लोकप्रिय ओपन सोर्स पुस्तकालयों के अनुभव पर भरोसा कर सकते हैं। आइए YUI ( http://developer.yahoo.com/yui/connection/ ) से कनेक्शन प्रबंधक घटक का उपयोग करने के लिए एक विकल्प देखें। इसका उपयोग करने के लिए, आपको प्रोजेक्ट पृष्ठों के कोड में दो लिपियों याहू-मि.ज और कनेक्शन-माइन.जेएस को कॉल करना होगा।

आइए देखें कि शोब्लॉक फ़ंक्शन कैसे होता है, जो एक वेब पेज के सहायक घटकों को प्रदर्शित करता है, काम करता है।

जेएस / आम। js

  // AJAX फ़ंक्शंस

 // वस्तु तक त्वरित पहुँच
 फ़ंक्शन $ (divName) {रिटर्न दस्तावेज़ .getElementById (divName);  }

 // नियंत्रक को एक अनुरोध भेजें
 शो शोब्लॉक (ब्लॉकआईडी) {
	 YAHOO.util.Connect.asyncRequest ('POST', "http: // हमारी साइट / साइट" + 
		 BlockID.toLowerCase () + "/", 
	 कॉलबैक, "ctrl_action = getComponent");
 }

 // प्रतिक्रिया प्राप्त करते समय सिस्टम के व्यवहार का निर्धारण करें 
 var कॉलबैक =
 {
	 सफलता: CtrlRespond,
	 विफलता:
	 तर्क: ['फू', 'बार']
 };

 // असफल उत्तर
 var सामान्यहेलफ़ेल्योर = फ़ंक्शन (ओ) { 
	 अगर (o.responseText! == अपरिभाषित) {
	 showSystemMessage ("कनेक्शन त्रुटि");
 }
 };

 // नियंत्रक प्रतिक्रिया का विश्लेषण
 var CtrlRespond = function (obj) {
 if (obj.responseText == undefined) झूठे लौटें;
 if (obj.responseText.substr (0,1) == "{") {
	 var responseStructure = eval ('(' + obj.responseText + ')'); 
	 // नियंत्रक एक त्रुटि दिखाने के लिए कहता है
	 if (responseStructure.ErrorMsg) showSystemMessage ("ERROR:" + लौटें 
		 respondStructure.ErrorMsg); 
	 // कंट्रोलर कोड के अनुरूप कार्रवाई करने के लिए कहता है
	 if (responseStructure.ActionCode == 1) {$ (responseStructure.ID) .innerHTML = 
	 respondStructure.Body;  सच लौटना; 
	 }
	 // नियंत्रक एक संदेश प्रदर्शित करने के लिए कहता है
	 if (responseStructure.Body) showSystemMessage (responseStructure.Body); 
	 } और अलर्ट (obj.responseText);  // उत्तर के मामले में डीबग करें 
	 // JSON के लिए संरचना गलत है
	 };

app / ajax_controllers / userpanel / index.inc.php

  <?
 // उपयोगकर्ता पैनल के लिए नियंत्रक
 कक्षा आरडी का विस्तार नियंत्रक {
	 निजी $ उपयोगकर्ता;
	
	 फ़ंक्शन __construct () {
	 $ यह-> उपयोगकर्ता = लीब :: कारखाना ('उपयोगकर्ता');
	 }

	 फ़ंक्शन getComponent () {
		 $ यह-> आईडी = "उपयोगकर्तापेल";
		 $ यह-> एक्शनकोड = 1;
		 $ यह-> बॉडी = ".. पैनल के अनुरूप ..";
	 }
 }

 $ आरडी = नया आरडी ();

 अगर (isset ($ _ POST ["ctrl_action"])) {
	 call_user_method ($ _ POST ["ctrl_action"], $ rd);
 }
 $ rd-> उत्तर ();
 ?>

लिबास / कंट्रोलर। lib.php

  <?
 // स्रोत नियंत्रक वर्ग
 वर्ग नियंत्रक {
 सार्वजनिक $ एक्शनकोड = 1;
 सार्वजनिक $ ErrorMsg = "";
 सार्वजनिक $ शरीर = "";
 सार्वजनिक $ ID = "";


 फ़ंक्शन प्रतिक्रिया ($ संदेश = "", $ इर्रॉम्सग = "") {
	 if ($ संदेश) $ this-> बॉडी = $ संदेश;
	 if ($ गल्त) इस $ -> ErrorMsg = $ इरोरमॉग;
		 $ बाहर = '{
		 "एक्शनकोड": "'। $ यह-> एक्शनकोड।" "
		 "ID": "'। $ यह-> ID।" "
		 "ErrorMsg": "'। ($ यह-> ErrorMsg; Addslashes (preg_replace" ("/ [[\ r \ n] /",)
		 	 "", $ यह-> ErrorMsg)): "") '' ''।
		 "बॉडी": "'। ($ यह-> बॉडी? एडल्डलैश (प्रीग_रेप्लेस) (" / [\ r \ n] / ", 
			 "", $ यह-> बॉडी)): "")। '' ''
		 } ';
	 शीर्ष लेख ("सामग्री-प्रकार: पाठ / html; चारसेट = यूटीएफ -8");
	 $ बाहर प्रिंट; 
	 बाहर निकलने के;
	 }
 } 
 ?>

जब निर्देश showBlock वेब पेज ("UserPanel") के HTML में काम करता है, तो नियंत्रक ऐप / ajax_controllers / userpanel / index.inc.php से अनुरोध किया जाता है। Ctrl_action अनुरोध पैरामीटर अनुरोधित विधि निर्दिष्ट करता है। नियंत्रक जावा स्क्रिप्ट में चर आईडी, एक्शनकोड, बॉडी के साथ एक JSON संरचना देता है। JS फ़ंक्शन CtrlRespond () परिणामी चर का विश्लेषण करता है।ActionCode == 1 के लिए, हमारे मामले में, यह पहचानकर्ता आईडी के साथ BODY में प्राप्त सामग्री को परत में सम्मिलित करता है।

जैसे ही हमें एक उपयोगकर्ता पैनल मिला, हम प्रोजेक्ट विज़िटर को पंजीकृत करते समय नियंत्रक को डेटा स्थानांतरित करने के लिए एक फ़ंक्शन लिख सकते हैं।

js / सामान्य.जेएस

 // कंट्रोलर को डेटा भेजें
फ़ंक्शन रजिस्टरयूज़र (obj) {
	if (obj.login.value == '' || obj.password.value == '' || 
	obj.email.value == '' || obj.fullname.value == '' || obj.gencode.value == ''
	) showSystemMessage ('फॉर्म के सभी क्षेत्रों को' में भरा जाना चाहिए);
	वरना YAHOO.util.Connect.asyncRequest ('POST', "http: // हमारी साइट / नियंत्रक / userpanel /") 
		कॉलबैक, "ctrl_action = createUser & login =" +
		obj.login.value + "और पासवर्ड =" + obj.password.value +
		"&email="+obj.email.value+ "&fullname="+
		obj.fullname.value+"&gencode="+obj.gencode.value);
 }

 ...

//   
var CtrlRespond = function(obj){
 ...
	if( respondStructure.ActionCode==2 ) return showSystemMessage(respondStructure.Body); 
 ...
 };

app/ajax_controllers/userpanel/index.inc.php

 <?
//    
class RD extends controller {
 ...
	function createUser() {
	if(!$_POST) { $this->ErrorMsg = "   ";  झूठे लौटना;  }
	if(!$this->user->add($data)) { $this->ErrorMsg = 
		"   ";  झूठे लौटना;  }
	$this->ActionCode = 2;
	$this->Body = "  ";
	 }
 ...
 }
 ?>

उपयोगकर्ता पंजीकरण फॉर्म में एक बटन होता है <इनपुट प्रकार = "बटन" मूल्य = "सम्मिलित हों" onclick = "रजिस्टर यूजर (यह)">। जब आप उस पर क्लिक करते हैं, तो प्रपत्र से डेटा ऐप / ajax_controllers / userpanel / index.inc.php नियंत्रक पर स्थानांतरित किया जाता है और उन्हें बनाने के लिए createUser () विधि का अनुरोध किया जाता है। पद्धति के निष्पादन के दौरान, ErrorMsg त्रुटि संदेश, ActionCode के क्लाइंट पक्ष पर कमांड के निष्पादन के लिए अनुरोध कोड या बॉडी संदेश के मुख्य भाग को नियंत्रक प्रतिक्रिया संरचना में भेजा जा सकता है। इस मामले में, उपयोगकर्ता के सफल निर्माण पर, एक संबंधित संदेश प्रदर्शित किया जाएगा, और एक त्रुटि के मामले में, इसके बारे में एक संदेश।

इसी तरह, हम डेटाबेस में दर्ज लॉगिन या ईमेल की उपलब्धता की जांच करने के अनुरोधों के लिए कार्य लिख सकते हैं। वे क्रमशः नियंत्रक वर्ग ऐप / ajax_controllers / userpanel / index.inc.php checkLogin और checkEmail के तरीकों का अनुरोध करेंगे। विधियाँ स्वयं BODY चर में परिणाम का परीक्षण और रिपोर्ट कर सकती हैं। एक समान सिद्धांत द्वारा, आप प्राधिकरण फ़ॉर्म के प्रदर्शन और उसमें घटनाओं की प्रतिक्रिया को व्यवस्थित कर सकते हैं। हालाँकि, यह किसी भी प्रोजेक्ट उपयोगकर्ता इंटरफ़ेस घटकों पर लागू होता है जिनके लिए AJAX की आवश्यकता होती है।

टैग क्लाउड प्रदर्शित करते समय, निम्न फ़ंक्शन काम में आ सकता है।

टैग मेघ

 <?
फ़ंक्शन cmp_tag ($ a, $ b) {
	if ($ [["टैग"] == $ b ["टैग"]) वापसी 0;
	वापसी strcmp ($ [["टैग"], $ b ["टैग"]);
 }
फ़ंक्शन getClouds () {
	वैश्विक $ db;
	$ लाइनें = सरणी ();
	$sizes = array( "x-small", "small", "medium", "large", "x-large" );
	$sql = "SELECT * FROM ".TAGCLOUDINDEXTABLE." LIMIT 0,20";
	$sth = $db->prepare($sql);
	$sth->execute();
	$result = $sth->fetchAll(PDO::FETCH_ASSOC);
	if(!$result) return false;
	$indexes = array();
	$tags = array();
	foreach ($result as $line) {
		$tags[trim($line["tag"])] = $line["tag_index"];
		$indexes[] = $line["tag_index"];
	 } 
	$min = min($indexes);
	$max = max($indexes);
	$range = ($max-$min);
	foreach ($tags as $tag => $index) {
		$lines[$tag]["tag"] = $tag;
		$lines[$tag]["tag_index"] = $index;
		$lines[$tag]["size"] = $sizes[sprintf("%d", ($index-$min)/$range*4 )];
		$ लाइनें [$ टैग] ["शीर्षक"] = "टैग"। $ टैग। "पाया"। $ इंडेक्स। ' समय ';
	 }
	usort ($ लाइनें, "cmp_tag");
	$ लाइनें लौटाएं;
 } 

 ?>

पॉप-अप संदर्भ संकेतों को लागू करने के लिए, आप उसी सिद्धांत का उपयोग कर सकते हैं जिसके द्वारा सिस्टम संदेश विंडो बनाई गई थी, केवल अंतर यह है कि संकेतों को क्लिक के समय माउस कर्सर की स्थिति में सीधे तैनात किया जाना चाहिए। आप मेरी लाइब्रेरी थिसॉरस ( http://www.phpclasses.org/browse/package/3505.html ) में पोजिशनिंग, डिस्प्लेिंग और कैशिंग टिप्स के काम ले सकते हैं।

टूलटिप उदाहरण

अनुकूलन

मुझे यकीन है कि आप विकास के तहत परियोजना की उच्च उपस्थिति पर भरोसा कर रहे हैं। इसका मतलब है कि सर्वर पर लोड को जितना संभव हो उतना कम करने के लिए यह ज़रूरत से ज़्यादा नहीं होगा।

अपने सर्वर के अनुसूचक (CRONTAB) को "हर 30 मिनट में एक बार" कार्य करने के लिए प्रेरित करें। GET क्रिएटचेक पैरामीटर (/ usr / bin / php -f / full address / index.php "& createcache = on") के साथ index.php स्क्रिप्ट को निष्पादित करने के लिए। सिस्टम हर आधे घंटे में मुख्य पृष्ठ के लिए कैश छवि बनाएगा। यात्राओं की उच्चतम आवृत्ति आमतौर पर मुख्य पृष्ठ पर होती है। हमारे मामले में, परियोजना पहले से ही तैयार HTML लौटा देगी, अपेक्षाकृत संसाधन-गहन संचालन को समाप्त कर, डेटाबेस तक पहुंच जाएगी आदि। हालांकि, जब पृष्ठ उपयोगकर्ता के ब्राउज़र में लोड होता है, तो जावा स्क्रिप्ट सहायक घटकों (उपयोगकर्ता पैनल और अन्य) का अनुरोध करेगा। नियंत्रक प्रतिक्रियाओं को भी कैश किया जा सकता है। नियंत्रक में GET चर का विश्लेषण जोड़ना आवश्यक है:

 अगर (isset ($ _ GET ["ctrl_action"]))) {
	call_user_method ($ _ GET ["ctrl_action"], $ rd);
 }

स्रोत वर्ग के प्रतिसाद विधि के लिए एक प्रतिक्रिया कैश छवि बनाने के लिए शर्त जोड़ें:

 $ बाहर प्रिंट; 
अगर (isset ($ _ GET ["createcache"]))
	file_put_contents (ROOT_PATH। "कैश /"। md5 ("ajax_controllers {$ CTRLPATH}")। "। tmp", $ OUT);
बाहर निकलने के;

अब, जब सीधे कंट्रोलर, हमारी साइट / कंट्रोलर / टैगक्लाउड पर पहुँच रहा है ? ctrl_action = getComponent & createcache = on इसकी प्रतिक्रिया के लिए कैश बनाएगा।
यह शेड्यूलर को दिए गए स्क्रिप्ट को पैरामीटर (/ usr / bin / php -f / full address / index.php "& ctrl_action = getComponent & createcache = on & request/uri// नियंत्रक / tagcloud /") के साथ निर्दिष्ट अंतराल पर कहने के लिए असाइन करना है (कहते हैं, टैग क्लाउड को हर अपडेट करें 2 घंटे)। बस यह सुनिश्चित करना न भूलें कि आरंभिक स्क्रिप्ट ऐप / init.inc.php में GET request_uri पैरामीटर की जाँच की गई है। यदि एक है, तो सिस्टम को $ _SERVER ['REQUEST_URI'] के बजाय इसका उपयोग करना चाहिए।

निष्कर्ष

इस पागल समय में, जब वेब 2.0 परियोजनाओं का मूल्य लाखों डॉलर है, यहां तक कि रूस में भी, इस बाजार में खुद को आजमाने की इच्छा समझ में आती है। बाजार पर एक परियोजना का निष्कर्ष, इसका पूंजीकरण व्यवसाय का मामला है, प्रोग्रामिंग नहीं। हालांकि, इस व्यवसाय में संलग्न होने के लिए, एक उत्पाद की आवश्यकता होती है। यह आलेख वेब 2.0 प्रोजेक्ट के लिए प्रोग्रामिंग गाइड नहीं है। इस लेख में ऐसी सामग्री है जो आपको मार्गदर्शन कर सकती है यदि आप एक उपयुक्त परियोजना विकास पथ की तलाश में हैं। मैं यहां यह भी दिखाना चाहता था कि, एक पकड़ पाने के बाद, आप अपेक्षाकृत कम समय में एक विशिष्ट वेब 2.0 स्टार्टअप को "पुनर्जीवित" कर सकते हैं। यदि आपके पास एक दिलचस्प मूल विचार है, तो इसके कार्यान्वयन की कठिनाइयों को आपको रोकना नहीं चाहिए। आगे बढ़ो और, जो जानता है, शायद आपका विचार वास्तव में मांग में होगा, शायद यह आपको उम्मीद से ज्यादा लाएगा। वेब 2.0 स्टार्टअप्स, मानव निर्मित स्टार्टअप्स की भारी सफलता के इंटरनेट पर पर्याप्त कहानियां हैं,किसने हिम्मत की। शायद समय में आपकी सफलता की कहानी वहाँ दिखाई देगी। सौभाग्य! ..

मूल लेख पीडीएफ में

हम PHP पर स्टार्टअप वेब 2.0 प्रोग्राम करते हैं