CMS संपादित बटन को PHP और MySQL से जोड़ना

आवश्यकताएँ और लक्ष्य

आपको bluetronix CMS तक एक डेवलपर एक्सेस और पूर्ववर्ती PHP और MySQL ट्यूटोरियल से उदाहरण पन्ने की आवश्यकता है। यह एक MySQL तालिका से रिकॉर्ड को पढ़ता है और इसकी सामग्री $LayoutHTML के माध्यम से वेबसाइट पर प्रदर्शित करता है।

अब हम इस रिकॉर्ड को एक संपादित बटन से जोड़ते हैं। दिखाए गए स्क्रीनशॉट में तालिका का नाम Test है, दिखाई देने वाला रिकॉर्ड ID 1 है। पहले आप PHP स्क्रिप्ट को जोड़ते हैं और फिर अपनी उदाहरण पृष्ठ का HTML कोड।

1. PHP स्क्रिप्ट: रिकॉर्ड और आईडी पढ़ें

अपनी उदाहरण पृष्ठ पर PHP कोड क्षेत्र खोलें। निम्नलिखित स्क्रिप्ट को पूर्ण SELECT उदाहरण के रूप में उपयोग करें। मौजूदा डेटाबेस कनेक्शन $mysqli और CMS-वेरिएबल $LayoutHTML पहले से उपलब्ध हैं। आपको यहाँ अतिरिक्त PHP टैग की आवश्यकता नहीं है।

$ID = 1; // Beispiel: der Datensatz, der auf dieser Seite angezeigt wird

//---- SELECT ----
$stmt = $mysqli->prepare("SELECT ID, `Date`, Title, Description, Image FROM Test WHERE ID = ?");
$stmt->bind_param("i", $ID);
$stmt->execute();
$result = $stmt->get_result();

if($row = $result->fetch_assoc()) {
   $ID = $row["ID"];
   $Date = $row["Date"];
   $Title = $row["Title"];
   $Description = $row["Description"];
   $Image = $row["Image"];

   $LayoutHTML = str_replace("__DB_ID__", $ID, $LayoutHTML);
   $LayoutHTML = str_replace("__DB_Date__", htmlspecialchars($Date, ENT_QUOTES, "UTF-8"), $LayoutHTML);
   $LayoutHTML = str_replace("__DB_Title__", htmlspecialchars($Title, ENT_QUOTES, "UTF-8"), $LayoutHTML);
   $LayoutHTML = str_replace("__DB_Description__", htmlspecialchars($Description, ENT_QUOTES, "UTF-8"), $LayoutHTML);
   $LayoutHTML = str_replace("__DB_Image__", htmlspecialchars($Image, ENT_QUOTES, "UTF-8"), $LayoutHTML);
}

$stmt->close();

क्वेरी ID, तारीख, शीर्षक, विवरण और छवि को परीक्षा तालिका से लोड करती है। संपादन बटन के लिए नई बात मुख्य रूप से पढ़ी गई ID है। PHP बाद में __DB_ID__ प्लेसहोल्डर को $LayoutHTML में वास्तविक रिकॉर्ड-ID से बदलता है। बाकी प्लेसहोल्डर्स को तारीख, शीर्षक, विवरण और चित्र पथ के साथ पहले की तरह भरा जाता है।

दिनांक, शीर्षक, विवरण और चित्र पथ के मान htmlspecialchars() के साथ HTML आउटपुट के लिए मास्क किए जाते हैं। $ID = 1 यहाँ केवल एक निश्चित उदाहरण-ID के रूप में कार्य करता है; अन्य रिकॉर्ड के लिए, आप उचित मान डालते हैं।

यदि पिछले ट्यूटोरियल से कोई स्वचालित रूप से निष्पादित UPDATE उदाहरण मौजूद है, तो इसे इस परीक्षण से पहले अक्षम करें। नहीं तो यह आपके द्वारा बाद में संपादित बटन के माध्यम से किए गए परिवर्तनों को अगले पृष्ठ लोड पर फिर से अधिलेखित कर सकता है।

2. HTML स्क्रिप्ट: संपादित बटन जोड़ें

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

<section class="section py-5 sectionAll">
   <div class="container py-4">
      <div class="row g-5 align-items-center">
         <div class="colAll col-lg-6 wowOff fadeInLeft">
            <div class="ratio ratio-4x3 rounded-4 overflow-hidden">
               <img src="/CMS/cgi-bin/IMG.pl?__DB_Image__=700=500=1=100=1" class="w-100 h-100 object-fit-cover" alt="">
            </div>
         </div>
         <div class="colAll col-lg-6 wowOff fadeInRight">
            <span class="badge text-bg-secondary text-white mb-3">__DB_Date__</span>
            <!--bxEB_DSedit Test __DB_ID__ bxEB_DSedit-->
            <h2>__DB_Title__</h2>
            <p>__DB_Description__</p>
            <a href="#" class="btn btn-primary">Mehr erfahren</a>
         </div>
      </div>
   </div>
</section>

निर्णायक नई पंक्ति तारीख के ठीक पीछे होती है: संपादन बटन को HTML टिप्पणी के रूप में। इसमें बटन प्रकार bxEB_DSedit, तालिका का नाम परीक्षा और प्लेसहोल्डर __DB_ID__ शामिल है। यह ब्लूट्रोनिक्स CMS इस टिप्पणी को संसाधित करता है और संपादन मोड में उपयुक्त संपादन पेंसिल प्रदर्शित करता है।

संपादित बटन पंक्ति को सही ढंग से टिप्पणी चिह्नों के साथ ले लें। तालिका का नाम और आईडी PHP स्क्रिप्ट के साथ मेल खाने चाहिए। यदि आपकी अपनी तालिका का नाम अलग है, तो Test को SELECT क्वेरी और संपादित बटन में बदलें।

3. PHP और HTML कैसे साथ में काम करते हैं

पृष्ठ लोड होने पर PHP सबसे पहले परीक्षा से रिकॉर्ड पढ़ता है। उसके बाद स्क्रिप्ट HTML में प्लेसहोल्डर __DB_ID__, __DB_Date__, __DB_Title__, __DB_Description__ और __DB_Image__ को बदलती है। हमारे उदाहरण में __DB_ID__ वाली संपादन बटन पंक्ति तालिका परीक्षा और रिकॉर्ड-ID 1 से संबंधित होती है।

इससे पृष्ठ weiterhin डेटा बैंक से चित्र और टेक्स्ट प्रदर्शित करता है। इसके अलावा, संपादित-बटन को पता होता है कि कौन सा डेटासेट खोलना है। अंतिम ग्राहक को इसके लिए न तो PHP और न ही HTML संपादित करना होगा।

4. परिणाम: वेबसाइट पर रिकॉर्ड को सीधे संपादित करें

पहले PHP और HTML कोड को सेव करें। संपादित मोड में उदाहरण पृष्ठ को फिर से लोड करें। अब तिथि के बगल में संपादित-पेंसिल दिखाई देगी, जैसा कि पहले स्क्रीनशॉट में दिखाया गया है।

संपादित-पेंसिल पर टैप करें। CMS परीक्षण – आईडी: 1 के लिए संपादन पृष्ठ खोलता है। वहां आप तिथि, शीर्षक, विवरण और चित्र बदल सकते हैं। चित्र के लिए आपके पास मौजूद BX-इमेज-बटन उपलब्ध है।

सहेजें पर टैप करें और वेबसाइट को फिर से लोड करें। PHP अद्यतन मानों को MySQL से पढ़ता है और उन्हें समान HTML प्लेसहोल्डर में स्थापित करता है। लेआउट अपरिवर्तित रहता है; केवल संपादित सामग्री अद्यतित की जाती है।

सारांश

एक संपादन बटन के साथ संबंध के लिए, आप अपनी मौजूदा SELECT क्वेरी में ID जोड़ते हैं, इसे $LayoutHTML के साथ __DB_ID__ पर पास करते हैं और HTML में इच्छित सामग्री के बगल में संपादन बटन मार्कअप जोड़ते हैं। इसके बाद संबंधित रिकॉर्ड को सीधे वेबसाइट के माध्यम से संपादित किया जा सकता है।