इस लेख में, हम कुछ मापदंडों के साथ एक साधारण उपयोगकर्ता साइन-अप फॉर्म तैयार करेंगे। सेव पर क्लिक करने पर, सभी उपयोगकर्ता विवरण 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
<शीर्षक> साइनअप फॉर्म
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 } पास करें। कनेक्शन सफल हुआ
साइन-अप पृष्ठ
<मजबूत>
सफलता पृष्ठ
<मजबूत>
मोंगोडीबी में रिकॉर्ड सफलतापूर्वक डाला गया
<मजबूत>
