👩‍❤️‍👩 ⏮️ 👨🏽‍🚒 हम रूसी में जूमला, या AJAX के लिए एक रेटिंग मॉड्यूल लिखते हैं 🛌 🙋🏼 👵🏽

साइट पर काम करते समय, मुझे एक लेख रेटिंग प्रणाली की आवश्यकता थी, और यह आसान और सरल होना चाहिए था। यह पांच-बिंदु एक को तुरंत त्यागने का निर्णय लिया गया था, और लाइक / घृणा प्रणाली का चयन किया गया था। दुर्भाग्य से, एक त्वरित खोज में ऐसा कुछ भी नहीं मिला, और इसलिए खरोंच से एक मॉड्यूल लिखने का निर्णय लिया गया।

कहाँ से शुरू करें?

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

आईडी - ऑटो-वेतन वृद्धि के साथ मुख्य क्षेत्र
nid - सामग्री की आईडी को संग्रहीत करने वाला एक अनूठा क्षेत्र
जैसे - आईडी उपयोगकर्ताओं की सूची जिन्हें समाचार पसंद आया
नापसंद - उन उपयोगकर्ताओं की आईडी सूची जो समाचार को पसंद नहीं करते थे
दर - समग्र समाचार रेटिंग

इसलिए हमने डेटाबेस का पता लगा लिया है, अब हम मॉड्यूल के लिए नीचे आते हैं। मुझे लगता है कि आप पहले से ही जानते हैं कि AJAX क्या है , इसके लिए क्या है। चूंकि जूमला AJAX मॉड्यूल का उपयोग करने की संभावना प्रदान नहीं करता है, हम उन विशेषताओं का उपयोग करेंगे जो लियोनिद तुशोव प्रदान करते हैं, अर्थात्, एक फ़ाइल बनाएं जिसके माध्यम से सभी अनुरोध जाएंगे। नतीजतन, अब हमारे पास मॉड्यूल फ़ोल्डर में 2 फाइलें हैं: ajax.php और mod_likerating (उर्फ हैलो वर्ल्ड!)। अब हम उनके लिए इंस्टॉलर xml फ़ाइल लिखते हैं और इसे स्थापित करते हैं।

<?xml version="1.0" encoding="utf-8"?> <install type="module" version="1.5.0"> <name>JLikeRating</name> <author>StyleT</author> <version>1.0</version> <description>   Joomla    / </description> <files> <filename module="mod_likerating">mod_likerating.php</filename> <filename module="mod_likerating">ajax.php</filename> </files> <params> <param name="suffix" type="text" default="" label="  " description="    " /> </params> </install>

मॉड्यूल कोड लिखना

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

दुर्भाग्य से, मॉड्यूल को वर्तमान में खोली गई सामग्री की आईडी का पता नहीं है, इसलिए हम इसे मॉड्यूल के पैरामीटर ओवरराइडिंग फ़ंक्शन का उपयोग करके पैरामीटर के रूप में पास करेंगे:

{module 65|newsid=<?php echo $this->article->id; ?>}

65 स्थापना के बाद प्राप्त हमारे मॉड्यूल की आईडी है।

कुल मिलाकर, हमारे लिए मॉड्यूल कोड इस तरह बन गया है:

 <?php defined('_JEXEC') or die('Restricted access'); $db = JFactory::getDBO();//  $user = JFactory::getUser();//  $suffix = $params->get("suffix");//   $newsid = $params->get("newsid");// id  if (JRequest::getVar('voteresult')) { //  AJAX echo 'hello from AJAX\n'.JRequest::getVar('voteresult'); } else{ //   ?> <script type="text/javascript"> function myAJAXSendRequest(voteres) { new Request({ method: 'get', url: '/modules/mod_likerating/ajax.php', data: { 'voteresult' : voteres}, onSuccess: function(responseText) { alert(responseText);}, onFailure: function() { alert('failed');} }).send(); } window.addEvent('domready', function() {//    $('likerating-like').addEvent('click', function(e) {myAJAXSendRequest('like');}); $('likerating-dislike').addEvent('click', function(e) {myAJAXSendRequest('dislike');}); }); </script> <DIV class="likerating<?php echo $suffix; ?>"> <button class="like" type="button" id="likerating-like" > <span class="label"></span> </button><button class="dislike" type="button" id="likerating-dislike"> <span class="label"> </span> </button> </div> <?php } ?>

यह काम किया? क्या यह काम करता है? ठीक है, अब चरणों में इस कोड को देखें:

1. मॉड्यूल कहीं भी प्लग इन मॉड्यूल को कॉल करता है और इसे समाचार आईडी पास करता है।

2. मॉड्यूल कक्षाओं को जोड़ता है और पैरामीटर प्राप्त करता है।

3. कोड "यदि (JRequest :: getVar ('मतदाता'))" अजाक्स अनुरोध नहीं था, तो गलत है।

4. उपयोगकर्ता को मॉड्यूल का आउटपुट।

5. यूजर लाइक का बटन दबाता है

6. अनुरोध वर्ग के डेटा में निर्दिष्ट पैरामीटर निर्दिष्ट यूआरएल को पास किए जाते हैं

7. ajax.php को मॉड्यूल कहा जाता है

8. कोड है "अगर (JRequest :: getVar ('मतदाता'))" और अजाक्स प्रसंस्करण का केवल एक ही भाग निष्पादित किया जाएगा, तो सर्वर जवाब देता है

9. OnSuccess कहा जाता है और सर्वर प्रतिक्रिया संसाधित है।

10. पेज को पुनः लोड किए बिना यह सब

यह ध्यान रखना महत्वपूर्ण है कि अब हम डेटा को टेक्स्ट फॉर्मेट में ट्रांसमिट कर रहे हैं, जबकि नया Request.JSON पहले से ही JSON फॉर्मेट के साथ काम कर रहा है, जो कई वेरिएबल्स को स्वीकार करने पर बेहतर होता है।

हम वास्तविक वोट लिखते हैं

इसलिए नीचे मैं वोटिंग मॉड्यूल का पूरा कोड देता हूं जिसके लिए यह सब ऊपर था।

 <?php defined('_JEXEC') or die('Restricted access'); $db = JFactory::getDBO();//  $user = JFactory::getUser();//  $suffix = $params->get("suffix");//   $newsid = $params->get("newsid");// id  if (JRequest::getVar('voteresult')) { // true   ajax $voteres= JRequest::getVar('voteresult');//   $voted= JRequest::getVar('voted');//   ,   ,   0- 1- 2-  $newsid= JRequest::getVar('newsid');// id     Modules Anywhere     $query="UPDATE `#__likerating_news` SET "; if($voteres=='like') { switch($voted) { case 1: $query.="`like`=(SELECT REPLACE(`like`,',".$user->id."','')), `rate`=`rate`-'1'"; $answer= 0; break; case 2: $query.="`like`=(SELECT CONCAT_WS(',', `like`, '".$user->id."')), `rate`=`rate`+'2', `dislike`=(SELECT REPLACE(`dislike`,',".$user->id."',''))"; $answer= 1; break; case 0: $query.="`like`=(SELECT CONCAT_WS(',', `like`, '".$user->id."')), `rate`=`rate`+'1'"; $answer= 1; break; } }else if($voteres=='dislike') { switch($voted) { case 1: $query.="`dislike`=(SELECT CONCAT_WS(',', `dislike`, '".$user->id."')), `rate`=`rate`-'2', `like`=(SELECT REPLACE(`like`,',".$user->id."',''))"; $answer= 2; break; case 2: $query.="`dislike`=(SELECT REPLACE(`dislike`,',".$user->id."','')), `rate`=`rate`+'1'"; $answer= 0; break; case 0: $query.="`dislike`=(SELECT CONCAT_WS(',', `dislike`, '".$user->id."')), `rate`=`rate`-'1'"; $answer= 2; break; } } $query.=" WHERE `nid`='".$newsid."'"; $db->setQuery($query); $result = $db->loadResult(); echo $answer; } else{// AJAX    //            $db->setQuery("INSERT INTO #__likerating_news (`nid`, `like`, `dislike`, `rate`) VALUES ('".$newsid."', '0', '0', '0')"); $result = $db->loadResult(); //   ?      $db->setQuery("SELECT `like`, `dislike` FROM `#__likerating_news` WHERE `nid`='".$newsid."'"); $result = $db->loadRow(); if(strpos("t".$result[0], $user->id)) $voted= '1'; else if(strpos("t".$result[1], $user->id)) $voted= '2'; else $voted= '0'; ?> <script type="text/javascript"> var voted= '<?php echo $voted; ?>';//      JS var newsid= '<?php echo $newsid; ?>';//    ajax.php       function myAJAXSendRequest(voteres) { new Request({ method: 'get', url: '/modules/mod_likerating/ajax.php', data: { 'voteresult' : voteres , 'voted' : voted, 'newsid' : newsid}, onSuccess: function(responseText) { voted= responseText; if(voted==0){//    $('likeratingimg-like').setStyle('background-position', '0px -38px'); $('likeratingimg-dislike').setStyle('background-position', '0px 0px'); }else if(voted==1){ $('likeratingimg-like').setStyle('background-position', '0px -58px'); $('likeratingimg-dislike').setStyle('background-position', '0px 0px'); }else{ $('likeratingimg-like').setStyle('background-position', '0px -38px'); $('likeratingimg-dislike').setStyle('background-position', '0px -19px'); } //alert(voted); }, onFailure: function() {//    alert('failed'); } }).send(); } window.addEvent('domready', function() {//    $('likerating-like').addEvent('click', function(e) {myAJAXSendRequest('like');}); $('likerating-dislike').addEvent('click', function(e) {myAJAXSendRequest('dislike');}); }); </script> <DIV class="likerating<?php echo $suffix; ?>"> <button class="like" type="button" id="likerating-like" > <img id="likeratingimg-like" class="hand-image" style="<?php if($voted== '1'){echo 'background-position: 0px -58px;';}?>" src="/modules/mod_likerating/images/pixel.gif"> <span class="label"></span> </button><button class="dislike" type="button" id="likerating-dislike"> <img id="likeratingimg-dislike" class="hand-image" style="<?php if($voted== '2'){echo 'background-position: 0px -19px;';}?>" src="/modules/mod_likerating/images/pixel.gif"> </button> </div> <?php } ?>

यह माना जाता है कि छवि की पृष्ठभूमि में एक प्रेत होता है जो सीएसएस शैली में निर्दिष्ट होता है, लेकिन सीएसएस स्वयं लिखना आपका कार्य होगा।

यह भी महत्वपूर्ण है कि आपको ajax.php को छूने की आवश्यकता नहीं है, बस इसे मॉड्यूल फ़ोल्डर में रखें और उस पर ajax अनुरोधों को फेंक दें।

सभी ने शायद देखा कि रेट किए गए डेटाबेस सेल में भरा हुआ है और इसे ध्यान में रखा गया है, लेकिन इससे प्राप्त मूल्य कहीं भी नहीं जाता है, हाँ यह है, लेकिन कोई भी आपको इसका उपयोग करने के लिए परेशान नहीं करता है।

परिणाम

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

मेरे लिए कुछ भी काम नहीं करता, मुझे क्या करना चाहिए?

नीचे इस विषय पर उपयोगी लिंक की एक सूची दी गई है:

अस्थायी रूप से

कक्षा: अनुरोध

मेरी एसक्यूएल स्ट्रिंग फ़ंक्शंस

बेसिक AJAX MooTools 1.2 का उपयोग अनुरोध

लेखक से

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

हम रूसी में जूमला, या AJAX के लिए एक रेटिंग मॉड्यूल लिखते हैं