• Home
  • /
  • Blog
  • /
  • बच्चों को समझाया गया जावास्क्रिप्ट का उपयोग करके HTML में डेटाबेस प्रोग्रामिंग

बच्चों को समझाया गया जावास्क्रिप्ट का उपयोग करके HTML में डेटाबेस प्रोग्रामिंग

सितम्बर 1, 2021

Database Programming in HTML Using JavaScript

This post is also available in: English (English) العربية (Arabic)

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

एक इंटरएक्टिव वेबसाइट क्या है?

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

कुछ सबसे सामान्य प्रकार की इंटरेक्टिव वेबसाइटों में ब्लॉग, फ़ोरम, विकी और सोशल नेटवर्क शामिल हैं। इंटरएक्टिव वेबसाइटें उपयोगकर्ताओं को वेबसाइट के प्रदर्शित होने के तरीके को बदलने, गेम खेलने, दोस्तों के साथ ऑनलाइन बातचीत करने और कई कार्यों को करने की अनुमति देती हैं। यह भी शामिल है:

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

एक इंटरैक्टिव वेबसाइट बनाने के लिए, आवश्यक जानकारी प्रदान करने के लिए वेबसाइट से जुड़े डेटाबेस की आवश्यकता होती है।

डेटाबेस क्या है?

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

जावास्क्रिप्ट का उपयोग करके HTML में डेटाबेस प्रोग्रामिंग

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

वेब डेटाबेस क्या है?

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

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

जावास्क्रिप्ट का उपयोग करके HTML में डेटाबेस प्रोग्रामिंग

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

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

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

जावास्क्रिप्ट का उपयोग करके HTML में डेटाबेस प्रोग्रामिंग

Node.js का उपयोग डेटाबेस अनुप्रयोगों में किया जा सकता है। सबसे लोकप्रिय डेटाबेस में से एक MySQL है। इसके लिए आपके कंप्यूटर में MySQL इनस्टॉल होना चाहिए। आप https://www.mysql.com/downloads/ पर एक निःशुल्क MySQL डेटाबेस डाउनलोड कर सकते हैं।

एक बार जब आप MySQL को अपने कंप्यूटर पर चालू कर लेते हैं, तो आप इसे Node.js का उपयोग करके एक्सेस कर सकते हैं।

Node.js के साथ एक MySQL डेटाबेस तक पहुँचने के लिए, आपको एक MySQL ड्राइवर की आवश्यकता होती है। यह ट्यूटोरियल NPM से डाउनलोड किए गए “MySQL” मॉड्यूल का उपयोग करेगा।

“MySQL” मॉड्यूल को डाउनलोड और इंस्टॉल करने के लिए, कमांड टर्मिनल खोलें और निम्नलिखित को निष्पादित करें:

C:\Users\YourName\npm install mysql

अब आपने एक mysql डेटाबेस ड्राइवर डाउनलोड और इंस्टॉल कर लिया है। Node.js इस मॉड्यूल का उपयोग MySQL डेटाबेस में हेरफेर करने के लिए कर सकते हैं:

var mysql = require('mysql');

कनेक्शन बनाना

डेटाबेस से कनेक्ट करने के लिए निम्न कोड का उपयोग किया जाता है।

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword"
});
con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
});

अब, ऊपर दिए गए कोड को “demo_db_connection.js” नाम की फाइल में सेव करें और फाइल को रन करें:

C:\Users\YourName\node demo_db_connection.js

अब आप SQL स्टेटमेंट का उपयोग करके डेटाबेस को क्वेरी करना शुरू कर सकते हैं।

डेटाबेस को क्वेरी करें

MySQL डेटाबेस से पढ़ने (या लिखने) के लिए SQL कथनों का उपयोग करें। इसे डेटाबेस को “क्वेरी करने के लिए” भी कहा जाता है। ऊपर दिए गए उदाहरण में बनाई गई कनेक्शन ऑब्जेक्ट में डेटाबेस को क्वेरी करने की एक विधि है:

con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  con.query(sql, function (err, result) {
    if (err) throw err;
    console.log("Result: " + result);
  });
});

क्वेरी विधि SQL कथनों को एक पैरामीटर के रूप में लेती है और परिणाम लौटाती है।

एक डेटाबेस बनाना

MySQL में डेटाबेस बनाने के लिए, “CREATE DATABASE” स्टेटमेंट का उपयोग करें:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword"
});
 
con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  con.query("CREATE DATABASE mydb", function (err, result) {
    if (err) throw err;
	console.log("Database created");
  });
});

उपरोक्त कोड mydb नाम से एक डेटाबेस तैयार करेगा।

उपरोक्त कोड को “demo_create_db.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

एक टेबल बनाना

MySQL में एक टेबल बनाने के लिए, “CREATE TABLE” स्टेटमेंट का उपयोग करें। सुनिश्चित करें कि आप कनेक्शन बनाते समय डेटाबेस का नाम परिभाषित करते हैं:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  var sql = "CREATE TABLE customers (name VARCHAR(255), address VARCHAR(255))";
  con.query(sql, function (err, result) {
    if (err) throw err;
	console.log("Table created");
  });
});

उपरोक्त कोड customers के नाम के साथ एक तालिका बनाता है।

उपरोक्त कोड को “demo_create_table.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_create_table_db.js

तालिका में डेटा जोड़ना

MySQL में एक टेबल भरने के लिए, “INSERT INTO” स्टेटमेंट का उपयोग करें।

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  var sql = "INSERT INTO customers (name, address) VALUES ('Company Inc', 'Highway 37')";
  con.query(sql, function (err, result) {
    if (err) throw err;
	console.log("1 record inserted");
  });
});

उपरोक्त कोड को “demo_db_insert.js” नामक फ़ाइल में सहेजें, और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_insert.js

तालिका से डेटा पुनर्प्राप्त करना

MySQL में किसी तालिका से डेटा का चयन करने के लिए, “SELECT” कथन का उपयोग करें।

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM customers", function (err, result, fields) {
    if (err) throw err;
	console.log(result);
  });
});

उपरोक्त कोड को “demo_db_select.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_select.js

डेटाबेस में रिकॉर्ड्स को फ़िल्टर करना

किसी तालिका से रिकॉर्ड का चयन करते समय, आप “WHERE” कथन का उपयोग करके चयन को फ़िल्टर कर सकते हैं:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM customers WHERE address = 'Park Lane 38'", function (err, result) {
    if (err) throw err;
	console.log(result);
  });
});

उपरोक्त कोड ‘पार्क लेन 38’ पते के साथ रिकॉर्ड प्राप्त करेगा।

उपरोक्त कोड को “demo_db_where.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_where.js

आप उन रिकार्ड्स का चयन भी कर सकते हैं जो किसी दिए गए अक्षर या वाक्यांश के साथ शुरू, शामिल या समाप्त होते हैं। शून्य, एक या एकाधिक वर्णों को दर्शाने के लिए ‘%’ वाइल्डकार्ड का उपयोग करें:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM customers WHERE address LIKE 'S%'", function (err, result) {
    if (err) throw err;
	console.log(result);
  });
});

उपरोक्त कोड उन अभिलेखों को प्राप्त करेगा जहां पता ‘S’ अक्षर से शुरू होता है।

उपरोक्त कोड को “demo_db_where_s.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_where_s.js

जब क्वेरी मान उपयोगकर्ता द्वारा प्रदान किए गए चर होते हैं, तो आपको मानों से बचना चाहिए। यह SQL इंजेक्शन को रोकने के लिए है, जो आपके डेटाबेस को नष्ट या दुरुपयोग करने के लिए एक सामान्य वेब हैकिंग तकनीक है। MySQL मॉड्यूल में क्वेरी मानों से बचने के तरीके हैं:

var adr = 'Mountain 21';
var sql = 'SELECT * FROM customers WHERE address = ' + mysql.escape(adr);
con.query(sql, function (err, result) {
  if (err) throw err;
  console.log(result);
});

आप एक का भी उपयोग कर सकते हैं? उन मूल्यों के लिए प्लेसहोल्डर के रूप में जिनसे आप बचना चाहते हैं। इस मामले में, चर को query() विधि में दूसरे पैरामीटर के रूप में भेजा जाता है:

var adr = 'Mountain 21';
var sql = 'SELECT * FROM customers WHERE address = ?';
con.query(sql, [adr], function (err, result) {
  if (err) throw err;
  console.log(result);
});

यदि आपके पास एकाधिक प्लेसहोल्डर हैं, तो सरणी में उस क्रम में एकाधिक मान होते हैं:

var name = 'Amy';
var adr = 'Mountain 21';
var sql = 'SELECT * FROM customers WHERE name = ? OR address = ?';
con.query(sql, [name, adr], function (err, result) {
  if (err) throw err;
  console.log(result);
});

परिणाम छँटाई

परिणाम को आरोही या अवरोही क्रम में क्रमबद्ध करने के लिए ORDER BY कथन का उपयोग करें। ORDER BY कीवर्ड डिफ़ॉल्ट रूप से आरोही परिणाम को सॉर्ट करता है। परिणाम को अवरोही क्रम में क्रमबद्ध करने के लिए, DESC कीवर्ड का उपयोग करें।

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM customers ORDER BY name", function (err, result) {
    if (err) throw err;
	console.log(result);
  });
});

उपरोक्त कोड को “demo_db_orderby.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_orderby.js

तालिका से रिकॉर्ड हटाना

आप “DELETE FROM” कथन का उपयोग करके किसी मौजूदा तालिका से रिकॉर्ड हटा सकते हैं:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  var sql = "DELETE FROM customers WHERE address = 'Mountain 21'";
  con.query(sql, function (err, result) {
    if (err) throw err;
	console.log("Number of records deleted: " + result.affectedRows);
  });
});

उपरोक्त कोड को “demo_db_delete.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_delete.js

तालिका हटाना

आप “DROP TABLE” कथन का उपयोग करके किसी मौजूदा तालिका को हटा सकते हैं:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  var sql = "DROP TABLE customers";
  con.query(sql, function (err, result) {
    if (err) throw err;
	console.log("Table deleted");
  });
});

उपरोक्त कोड को “demo_db_drop_table.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_drop_table.js

तालिका अद्यतन करना

आप “UPDATE” कथन का उपयोग करके किसी तालिका में मौजूदा रिकॉर्ड अपडेट कर सकते हैं:

var mysql = require('mysql');
var con = mysql.createConnection({
  host: "localhost",
  user: "yourusername",
  password: "yourpassword",
  database: "mydb"
});
con.connect(function(err) {
  if (err) throw err;
  var sql = "UPDATE customers SET address = 'Canyon 123' WHERE address = 'Valley 345'";
  con.query(sql, function (err, result) {
    if (err) throw err;
	console.log(result.affectedRows + " record(s) updated");
  });
});

उपरोक्त कोड को “demo_db_update.js” नामक फ़ाइल में सहेजें और फ़ाइल चलाएँ:

C:\Users\YourName\node demo_db_update.js

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>