Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Mongodb

नोड और MongoDB का उपयोग करके साइनअप फॉर्म

<घंटा/>

इस लेख में, हम कुछ मापदंडों के साथ एक साधारण उपयोगकर्ता साइन-अप फॉर्म तैयार करेंगे। सेव पर क्लिक करने पर, सभी उपयोगकर्ता विवरण MongoDB डेटाबेस में सहेजे जाएंगे।

इंस्टॉलेशन

साइन-अप फॉर्म बनाने के लिए आगे बढ़ने से पहले, निम्नलिखित निर्भरताएं आपके सिस्टम पर सफलतापूर्वक स्थापित होनी चाहिए।

  • निम्नलिखित कमांड का उपयोग करके एक्सप्रेस को चेक और इंस्टॉल करें। HTTP अनुरोधों का जवाब देने के लिए एक्सप्रेस का उपयोग मिडलवेयर सेट करने के लिए किया जाता है

npm इंस्टाल एक्सप्रेस --save
  • HTTP POST डेटा पढ़ने के लिए "बॉडी-पार्सर" नोड मॉड्यूल सेट करें।

npm install body-parser --save
  • सेटअप "मोंगोज़", क्योंकि यह नोड के मोंगोडीबी ड्राइवर के शीर्ष पर बैठता है।

npm नेवला स्थापित करें -- सहेजें

उदाहरण 1

  • निम्नलिखित फाइलें बनाएं और नीचे दी गई प्रत्येक फाइल के संबंध में कोड-स्निपेट को कॉपी पेस्ट करें -

    • app.js

    • सार्वजनिक (नया फोल्डर बनाएं और नीचे दी गई फाइलों को इस फोल्डर के अंदर पेस्ट करें।)

      • index.html

      • Success.html

      • style.css

  • अब, एप्लिकेशन को चलाने के लिए निम्न कमांड चलाएँ।

नोड app.js

कोड स्निपेट

app.js

var Express=require("express");var bodyParser=require("body-parser");const mongoose=require('mongoose');mongoose.connect('mongodb://localhost:27017/tutorialsPoint' );var db=mongoose.connection;db.on('error', console.log.bind(console, "connection error"));db.once('open', function(callback){ console.log(" कनेक्शन सफल हुआ");})var app=express()app.use(bodyParser.json());app.use(express.static('public'));app.use(bodyParser.urlencoded({ Extended:true }));app.post('/sign_up', function(req,res){ var name =req.body.name; var ईमेल =req.body.email; var pass =req.body.password; var phone =req.body.phone; वर डेटा ={ "नाम":नाम, "ईमेल":ईमेल, "पासवर्ड":पास, "फोन":फोन} डीबी संग्रह ('विवरण')। सम्मिलित करें (डेटा, समारोह (गलती) , संग्रह) {अगर (गलती) फेंक गलती; कंसोल.लॉग ("रिकॉर्ड सफलतापूर्वक डाला गया");}); वापसी res.redirect('success.html');})app.get('/',function(req) ,res){ res.set({ 'पहुंच-नियंत्रण-अनुमति दें-उत्पत्ति':'*'}); वापसी res.redirect('index.html');}).listen(3,000)console.log("सर्वर लिसनिंग एट पोर्ट 3000");

index.html

<शीर्षक> साइनअप फॉर्म


ट्यूटोरियल प्वाइंट में आपका स्वागत है - साइनअप

<इनपुट वर्ग ="बॉक्स" प्रकार ="पाठ" नाम ="नाम" आईडी ="नाम" प्लेसहोल्डर ="नाम" आवश्यक />
<इनपुट वर्ग ="बॉक्स" प्रकार ="ईमेल" नाम ="ईमेल" आईडी ="ईमेल" प्लेसहोल्डर ="ई-मेल" आवश्यक />
<इनपुट वर्ग ="बॉक्स" प्रकार ="पासवर्ड" नाम =" पासवर्ड" आईडी ="पासवर्ड" प्लेसहोल्डर ="पासवर्ड" आवश्यक/>
<इनपुट वर्ग ="बॉक्स" प्रकार ="पाठ" नाम ="फ़ोन" आईडी ="फ़ोन" प्लेसहोल्डर ="फ़ोन नंबर" आवश्यक/> br>
<इनपुट प्रकार ="सबमिट" आईडी ="सबमिट विवरण" नाम ="सबमिट विवरण" वर्ग ="रजिस्टरबीटीएन" मूल्य ="सबमिट करें" />

success.html

<शीर्षक> साइनअप फॉर्म


साइनअप सफल

style.css

.मुख्य{ पैडिंग:20px; फ़ॉन्ट-परिवार:'हेल्वेटिका', सेरिफ़; बॉक्स-छाया:5px 5px 7px 5px #888888;}. मुख्य h1{ फ़ॉन्ट-आकार:40px; पाठ-संरेखण:केंद्र; फ़ॉन्ट-फ़ैमिली:'हेल्वेटिका', सेरिफ़;}इनपुट{फ़ॉन्ट-फ़ैमिली:'हेल्वेटिका', सेरिफ़; चौड़ाई:100%; फ़ॉन्ट-आकार:20px; पैडिंग:12px 20px; मार्जिन:8px 0; सीमा:कोई नहीं; बॉर्डर-बॉटम:2px सॉलिड #4CAF50;}इनपुट [टाइप =सबमिट] {फ़ॉन्ट-फ़ैमिली:'हेल्वेटिका', सेरिफ़; चौड़ाई:100%; पृष्ठभूमि-रंग:#4CAF50; सीमा:कोई नहीं; रंग सफेद; पैडिंग:16px 32px; मार्जिन:4px 2px; सीमा-त्रिज्या:10px;}.registerbtn {पृष्ठभूमि-रंग:#4CAF50; रंग सफेद; पैडिंग:16px 20px; मार्जिन:8px 0; सीमा:कोई नहीं; कर्सर:सूचक; चौड़ाई:100%; अस्पष्टता:0.9;}

आउटपुट

अब, इस लिंक को अपने वेब ब्राउजर पर आजमाएं। आपको एक पंजीकरण पृष्ठ दिखाई देगा।

https://127.0.0.1:3000/index.html या https://localhost:3000/index.html

C:\Users\tutorialsPoint\> नोड app.jsserver पोर्ट 3000 पर सुन रहा है (नोड:73542) बहिष्करण चेतावनी:वर्तमान URL स्ट्रिंग पार्सर को हटा दिया गया है, और भविष्य के संस्करण में हटा दिया जाएगा। नए पार्सर का उपयोग करने के लिए, MongoClient.connect.(node:73542) [MONGODB DRIVER] को विकल्प { useNewUrlParser:true } पास करें। नए सर्वर डिस्कवर और मॉनिटरिंग इंजन का उपयोग करने के लिए, MongoClient कंस्ट्रक्टर के लिए विकल्प { useUnifiedTopology:true } पास करें। कनेक्शन सफल हुआ

साइन-अप पृष्ठ

<मजबूत> नोड और MongoDB का उपयोग करके साइनअप फॉर्म

सफलता पृष्ठ

<मजबूत> नोड और MongoDB का उपयोग करके साइनअप फॉर्म

मोंगोडीबी में रिकॉर्ड सफलतापूर्वक डाला गया

<मजबूत> नोड और MongoDB का उपयोग करके साइनअप फॉर्म


  1. MongoDB अपडेटऑन () और इन्सर्टऑन () का उपयोग करना

    MongoDB insertOne() एक संग्रह में एक दस्तावेज़ सम्मिलित करता है, जबकि updateOne() एक क्वेरी फ़िल्टर के आधार पर संग्रह में एक दस्तावेज़ को अद्यतन करता है। आइए दस्तावेजों के साथ एक संग्रह बनाएं - db.demo735.insertOne({id:1,Name:Carol});{ acknowledge:true, insertedId :ObjectId( 5ead51c757bb72a10bcf06

  1. मोंगोडीबी और पायथन

    MongoDB एक व्यापक रूप से उपयोग किया जाने वाला दस्तावेज़ डेटाबेस है जो NoSQL DB का एक रूप भी है। पायथन कुछ पायथन मॉड्यूल के माध्यम से मोंगोडीबी के साथ बातचीत कर सकता है और मोंगो डीबी के अंदर डेटा बना और हेरफेर कर सकता है। इस लेख में हम ऐसा करना सीखेंगे। लेकिन मोंगोडीबी आपके सिस्टम में पहले से ही उपलब

  1. MongoDB एकत्रीकरण और प्रक्षेपण?

    इसके लिए, कुल () के साथ $project का उपयोग करें। एकत्रीकरण में $प्रोजेक्ट अनुरोधित फ़ील्ड वाले दस्तावेज़ों के साथ पाइपलाइन में अगले चरण तक जाता है। आइए दस्तावेजों के साथ एक संग्रह बनाएं - db.demo762.insertOne({... _id :{... userId:101,... userName:Chris...},... countryName :अमेरिका,... विवरण :[...