Transcript for:

तो यार थोड़े दिन पहले हमने एक कम्युनिटी पोस्ट डाला था और मैंने आपसे पूछा था कि हम लोग एक प्रोजेक्ट बनाएंगे एंड उस प्रोजेक्ट के अंदर बहुत सारे इंपोर्टेंट मॉड्यूस कवर करेंगे और आपसे मैंने पूछा था क्या आपको ऐसा प्रोजेक्ट चाहिए तो बहुत सारे लोगों ने इंटरेस्ट दिखाया था उस प्रोजेक्ट पे लेकिन कुछ रीजंस की वजह से मैं आपके साथ वो प्रोजेक्ट नहीं ला पाया एंड काफी डिले हो गया तो अब हम लोग इस वीडियो से क्या करेंगे उस प्रोजेक्ट को स्टार्ट करेंगे एंड हम लोग कंप्लीट एंड टू एंड प्रोजेक्ट को बनाएंगे साथ ही साथ में वो सारे मॉड्यूल आपको मैं सिखाऊंगा जैसे लॉग इन विद द वकिंग विथ गिट हब ईमेल को कैसे भेजते हैं प्रोजेक्ट के अंदर पीडीएफ रिपोर्ट्स कैसे बनाते हैं वो सब चीज हम लोग बात करेंगे अपने प्रोजेक्ट के अंदर तो एक बार मैं क्या करता हूं आपको डेमोंस्ट्रेट देता हूं कि एक्चुअली हम लोग क्या बनाने वाले हैं पूरा फीचर देख लेते हैं उसके बाद हम लोग बनाएंगे साथ में तो गाइज हम लोग बनाने वाले हैं स्मार्ट कांटेक्ट मैनेजर आई नो कि ये प्रोजेक्ट हमारे चैनल पे ऑलरेडी पड़ा हुआ है लेकिन अब क्योंकि वो पुराना हो चुका है काफी पहले मैंने डाला था बहुत सारे लोगों ने उसको देखा भी काफी लोग काफी आपने प्यार दिया लेकिन अब इस प्रोजेक्ट के अंदर जो अब हम लोग बनाने वाले हैं इस प्रोजेक्ट के अंदर हम लोग नई टेक्नो और नए फीचर्स को यूज करेंगे जैसे हम लोग लॉगइन करने के लिए यूजर नेम पासवर्ड तो यूज करेंगे ही करेंगे साथ ही साथ में हम लोग लॉगइन विद हम लोग यूआई बनाने के लिए नई टेक्नोलॉजी यूज़ करेंगे टेलमेंट वगैरह यूज़ करेंगे इसको हम लोग डिटेल में बात करेंगे कि हम लोग एक्चुअली हमारे एससीएम का नया फीचर क्या होगा क्या-क्या नए फीचर्स होंगे एंड साथ ही साथ में हम लोग कौन-कौन सी नई टेक्नोलॉजीज को यूज़ करने वाले हैं इस प्रोजेक्ट को बनाने के लिए तो वो सब चीज हम लोग डिटेल में बात करते हैं बट अब जिन्होंने वो वाली प्लेलिस्ट ऑलरेडी देख रखी है वो क्या कर सकते हैं क्योंकि ये जो है ये उसका अपग्रेडेड वर्जन है नई-नई चीजें इसमें है तो आप इसको भी कंटिन्यू कर सकते हो देख सकते हो लेकिन अगर आपने वो प्लेलिस्ट नहीं देखी तो आप क्या कर सकते हो आप स्टार्टिंग से इस प्लेलिस्ट को देख सकते हो इस पूरे सीरीज को देख सकते हो मैं क्या करूंगा एक-एक चीज स्टेप बाय स्टेप आपको सिखाऊंगा कह सकते हो हाथ पकड़ के सिखा रहा हूं तो आप डायरेक्टली भी अगर इस प्लेलिस्ट को देख सकते हो तो आप समझ जाओगे लेकिन अगर पुरानी प्लेलिस्ट आप देखना चाहते हो तो मैं लिंक आपको डिस्क्रिप्शन बॉक्स में दे दूंगा आप वहां से जा कर के एक्सेस कर सकते हो या आपको आई बटन में भी मिल जाएगी तो हम लोग क्या करते हैं एक-एक करके हम लोग फीचर्स को देखते हैं एंड साथ ही साथ में उसके बाद मैं आपको एक डेमो दिखा देता हूं क्योंकि हमारे पास प्रोजेक्ट ऑलरेडी हमने बना रखा है तो डेमो देख लेते हैं उसके बाद हम लोग बनाना स्टार्ट करते हैं हेलो यार अब बात कर लेते हैं कि हम जो एससीएम बनाने वाले हैं उसके फीचर्स क्या-क्या होंगे साथ ही साथ में हम लोग टेक्नोलॉजीज कौन-कौन सी सीखेंगे यह भी बात कर लेते हैं तो थोड़ा सा हम लोग इसको क्या कर लेते हैं हल्का सा जूम कर लेते हैं जिससे आपको प्रॉपर दिख जाए तो हम लोग सबसे पहले बनाएंगे यूजर साइन अप विद ईमेल एंड पासवर्ड हम अपने प्रोजेक्ट में एक ऐसा फीचर देना चाह रहे हैं कि भैया यूजर साइन अप साइन अप कर सके देन बाद में लॉगइन कराएंगे लेकिन हम लोग ईमेल एंड पासवर्ड को रखेंगे हम चाहते हैं तो ईमेल पासवर्ड को हटा देते हैं डायरेक्टली हम लोग हमें चीजें सीखनी है इसीलिए हमने ईमेल पासवर्ड का लॉगइन रखा है आप इसको भी सीखो एंड हम लोग google2 ये देखिए कुछ ऐसा जब आप साइन अप पे जाओगे तो यहां पे हमारे पास यूजर नेम ईमेल पासवर्ड इससे भी आप साइन अप कर सकते हो एंड इफ यू वांट तो आप क्या कर सकते हो यहां पे अ साइन इन विद googleupdate.exe कैसे कर सकते हो बट आपने अगर अच्छे से देखा तो मैं आपको ये भी ये भी सिखा दूंगा कैसे आप कर लिया नॉट लॉग इन साइन अप कर लिया तो हम क्या करेंगे उसके अकाउंट को बाय डिफॉल्ट डीएक्टिवेट रखेंगे दैट मींस डिसेबल रखेंगे फिर क्या करेंगे हम लोग हम लोग के इस प्रोजेक्ट का फीचर यही रहेगा कि हम लोग उसके ईमेल आईडी पे ईमेल सर्विस को यूज़ करके एक वेरिफिकेशन लिंक भेजेंगे उस लिंक को यूज करके यूजर अपने अकाउंट को वेरीफाई करेगा जब अकाउंट वेरीफाई हो जाएगा तभी वो बंदा लॉगिन हो पाएगा अदर वाइज अगर अकाउंट वेरीफाइड नहीं है और वो लॉग इन करने की कोशिश कर रहा है तो वो लॉगइन नहीं कर पाएगा हम अकाउंट डिसेबल का उसको मैसेज दिखाएंगे एक बार जब अपनी ईमेल आईडी को ओपन करेगा और लिंक को क्लिक करके जब वेरीफाई करेगा उसके बाद बंदा लॉग इन कर सकता है और हमारे प्रोजेक्ट के फीचर्स को यूज़ कर सकता है अब याद देखिए ये जो हम लोग वेरिफिकेशन लिंक वाला फीचर है यहां पे ये वाला ये वेरिफिकेशन लिंक वाला फीचर हम दो तरीके से बना सकते हैं एक तो हम ओटीपी सेंड कर दें एंड ओटीपी बंदा डाले यहां पे यूजर डाले हमारे प्रोजेक्ट के अंदर देन हम उसको एक्टिवेट करें अकाउंट को या फिर हम वेरिफिकेशन लिंक को भेज के एंड डायरेक्टली उस वेरिफिकेशन लिंक पे क्लिक करके हम लोग अकाउंट को वेरीफाई कर सकते हैं तो मैं यहां पे आपको दोनों अप्रोचेबिलिटी अ यूजर साइन अप हो चुका है लॉग इन के वक्त जब वो वेरीफाई अकाउंट कर लिया उसके बाद हम उसको सारे फीचर्स एक्सेस करने की परमिशन दे देंगे वो क्या कर सकता है वो ऐड कर सकता है कांटेक्ट को अब कांटेक्ट को जब ऐड करेगा तो हम यहां पे मल्टीपल चीज इंक्लूड करेंगे उसके अंदर हम नॉर्मल टेक्स्ट भी रखेंगे हम कांटेक्ट की पिक्चर भी रखेंगे कि फोटो भी वो कांटेक्ट ऐड कर सकता है फोन नंबर ऐड कर सकता है एंड बाकी डिटेल्स को भी वो ऐड कर सकता है सब चीज रखेंगे समझेंगे समझने वाली बात यहां पे है कि ये सारा डाटा फॉर्म के अंदर कैसे उठाएंगे हम लोग एक बार डाटा को उठाएंगे देन उसको कैसे बैक एंड में भेजेंगे स्प्रिंग बूट से उसे कैसे कैसे हैंडल करेंगे टेक्स्ट के साथ-साथ पिक्चर्स को कैसे हैंडल करेंगे वो सब चीज हम लोग सीखेंगे एक बार जब पिक्चर आ गई उसके बाद हम पिक्चर को अपलोड करना सीखेंगे अब क्योंकि यहां पे हम लोग कुछ नए फीचर्स ऐड कर रहे हैं नई चीजें सीखने के लिए नई चीज डाल रहे हैं अपने प्रोजेक्ट के अंदर तो जो फोटो है गाइस वो फोटो हम अपने लो लोकल स्टोरेज में नहीं अपलोड कराएंगे उस फोटो को हम लोग क्या करेंगे क्लाउड प स्टोर करना सीखेंगे एड क्लाउड यूज कर सकते हैं एड का s3 यूज कर सकते हैं या फिर क्लाउडरी जैसे क्लाउड को हम लोग यूज करना सीखेंगे कि हम अपनी रिसोर्सेस को ऑडियो वीडियो या फिर फोटो है उसको क्लाउडिनरी क्लाउड प कैसे स्टोर कर सकते हैं या फिर एड प कैसे स्टोर कर सकते हैं तो यहां पर हम लोग जब कांटेक्ट कोड करेंगे तो हम जो फोटो आएगी उस फोटो को क्लाउड प सेव करेंगे उसके बाद जो लिंक हमें मिलेगा उसको अपने डेटाबेस में रखेंगे उसके बाद जब हमारा कांटेक्ट सेव हो जाएगा तो कांटेक्ट सारे यूजर्स देख सकते है कांटेक्ट को देख सकता है देखने के बाद वो सिंगल कांटेक्ट की डिटेल को देख सकता है देखने के बाद अगर चाहे तो वो किसी पर्टिकुलर कांटेक्ट सर्च करना चाहे तो सर्च कर सकता है इवन उस कांटेक्ट को वहीं से वो ईमेल भी भेज सकता है कंपोज एंड सेंड ईमेल डायरेक्टली फ्रॉम एसीएम हमारे इसी प्रोजेक्ट से वो ईमेल को भेज सकता है सपोज मैंने आपका कांटेक्ट सेव कर लिया देन हमें अलग कहीं जाने की जरूरत नहीं हम अपने प्रोजेक्ट के अंदर है आपका कांटेक्ट सर्च किया वहां से क्लिक किया कंपोज मेल पे गए सब्जेक्ट डाला कंटेंट डाला एंड अटैचमेंट डाला एंड सेंड कर दिया एंड ईमेल सेंड हो गई आपको आपको आपको आपको मैसेज रिसीव हो जाएगा ईमेल में हम दोनों चीज रखेंगे हम ईमेल सर्विस को यूज करके ओबवियस स बात हम सेंड कर रहे हैं ईमेल तो हम उसके अंदर अटैचमेंट और टैक्स्ट भी भेज सकते हैं दोनों चीज मैं आपको संगा कैसे भेजेंगे हम कांटेक्ट को चाहे तो अपडेट कर सकते हैं चाहे तो डिलीट कर सकते हैं एंड चाहे तो सर्च कर सकते हैं पर्टिकुलर कांटेक्ट अ उसके नेम वाइज या जो भी फील्ड वाइज आप सर्च कर सकते हो कोई दिक्कत वाली बात नहीं कांटेक्ट को जब शो कराएंगे क्योंकि जब हमारे पास बहुत सारे कांटेक्ट आएंगे मल्टीपल कांटेक्ट आएंगे हजारों कांटेक्ट आएंगे तो हमें जरूरत बड़ेगी पेज नेशन की तो मैं आपको बताऊंगा पेज नेशन भी कैसे यूज कर सकते हैं हमारे पास जो डाटा है हमें दिख रहा है सारे कांटेक्ट दिख रहे हैं अगर हम चाहते हैं एक्सपोर्ट करना उन कांट्रैक्ट्स को तो हम लोग एक्सपोर्ट बटन क्लिक करके एक्सपोर्ट कर सकते हैं एक बार आपने एक्सपोर्ट बटन क्लिक किया देन आप अपने अनुसार पीडीएफ चाहो तो पीडीएफ बना लो चाहो तो एकल बना लो चाहो तो आप सीएसबी फाइल बना लो डिपेंड करता है कि आप कैसे इंप्लीमेंटेशन देना चाहते हो गाइस हम किसी भी कांटेक्ट को फेवरेट मार्क कर सकते हैं वो हमारे फेवरेट वाले सेक्शन में दिखेगा एंड सी एंड एडिट ओन डिटेल तो हम अपनी डिटेल्स को भी देख सकते हैं और एडिट कर सकते हैं और साथ ही साथ में हम अपने प्रोजेक्ट के अंदर डार्क थीम और लाइट थीम भी यूज करने वाले हैं एंड हम लोग चाहते हैं हमलो हम क्योंकि एज अ एडमिन हम चाहते हैं कि भाई आप हमारे प्रोजेक्ट को यूज करो तो हमें फीडबैक भी दो तो हम एक फीडबैक का भी सेक्शन बनाएंगे अगर आप लॉग इन हो तो आप हमको फीडबैक भी दे सकते हो अब इतनी सारी चीजें हम लोग अपने इस प्रोजेक्ट के अंदर क्रिएट करने वाले हैं हम कोशिश करेंगे कि नई-नई टेक्नोलॉजीज यूज़ करें जिससे कि आपको दिक्कत ना हो तो डेमो दिखाने से पहले हम लोग क्या करते हैं टेक्नोलॉजीज की बात कर लेते हैं कि एक्चुअली हम लोग कौन-कौन सी टेक्नोलॉजी सीखेंगे जब यह प्रोजेक्ट बनाएंगे मतलब अगर आप यह प्रोजेक्ट बनाते हो हमारे साथ तो आपको इतनी सारी टेक्नोलॉजी पे काम करने का मौका मिलेगा इतनी सारी टेक्नोलॉजीज आप सीखो ग बात कर लेते हैं भाई सारी टेक्नोलॉजीज सबसे पहले इस तो हम लोग यूज़ करेंगे लेटेस्ट वर्जन ऑफ स्प्रिंग बूट हम जब प्रोजेक्ट बनाएंगे उस समय जो लेटेस्ट वर्जन होगा वो हम लोग यूज़ करेंगे क्योंकि पुराने वर्जन प बहुत सारी चीजें डिप्र केट हो चुकी हैं जैसे स्प्रिंग सिक्योरिटी मैक्सिमम चीजें स्प्रिंग सिक्योरिटी की डिप्री केट हो चुकी हैं जो पुराना तरीका यूज़ होता था अब वो तरीका नहीं यूज़ होता है अब नया तरीका यूज होता है तो हम देखेंगे कैसे हम नए तरीके से स्प्रिंग सिक्योरिटी को यूज करके अपने राउट्स को सिक्योर कर सकते हैं भैया कोई लॉगिन नहीं है तो ना यूज कर पाए हमारे रिसोर्सेस को तो यह चीज देखेंगे साथ ही साथ में क्योंकि हम जब स्प्रिंग बूट यूज करेंगे एंड प्रोजेक्ट को बनाएंगे तो हमें बहुत बार डिपेंडेंसी इंजेक्शन करना पड़ेगा एंड क्योंकि हमें पता है कि स्प्रिंग बूड यूज कर रहे हैं तो ओबवियस सी बात बिहाइंड द सीन स्प्रिंग भी यूज होगा तो हम लोग स्प्रिंग भी सीखेंगे स्प्रिंग में कैसे हम लोग बीन बनाते हैं कैसे डिपेंडेंसीज इंजेक्ट होती हैं प्रोजेक्ट के दौरान हम चीजें आपको सिखाते रहेंगे आप सीखते जाइए अगर आपको डिटेल में सीखना है स्प्रिंग एंड स्प्रिंग बूट तो उसके लिए हमारे पास अलग से पेड कोर्स है आप उसको जाके एक्सेस कर सकते हो नीचे डिस्क्रिप्शन बॉक्स में लिंक मिल जाएगा डिटेल में मैंने स्प्रिंग बूट एंड स्प्रिंग समझा रखा है एंड उसके अंदर हमने प्रोजेक्ट भी करा रखा है बैक एंड एंड फ्रंट एंड अलग-अलग है तो आप जाके उसको भी देख सकते हो साथ ही साथ में स्प्रिंग बूट और स्प्रिंग के साथ-साथ हमें रिक्वेस्ट को हैंडल करना पड़ेगा अ वेब का काम है भाई वहां एमबीसी का काम है मॉडल व्यू कंट्रोलर का तो वो चीज भी हम लोग सीखेंगे कैसे हम लोग स्प्रिंग एमबीसी की हेल्प लेंगे या स्प्रिंग एमबीसी को यूज़ करेंगे रिक्वेस्ट को एक्सेप्ट करने के लिए रिस्पांस में अपना एटीएमएल भेजने के लिए क्योंकि हम हमारा प्रोजेक्ट थोड़ा सा बड़ा होने वाला है इतनी सारी चीज मैंने बताई तो वहां पे हमें जरूरत पड़ेगी डेटाबेस की और जावा या हमारे स्प्रिंग बूट को डेटाबेस के साथ जड़ने के लिए हम एक टूल यूज करेंगे जिसका नाम है ओ आरएम ओ आरएम टूल ऑब्जेक्ट रिलेशनल मैपिंग अ जिसको हम बोलते हैं स्प्रिंग डेटा जीपीए स्प्रिंग डटा जीपीए वो आरएम का फीचर हमें स्प्रिंग बूड में प्रोवाइड करता है तो हम लोग स्प्रिंग डटा जीपीए को यूज करेंगे यूजिंग डेटाबेस इन र प्रोजेक्ट डेटा बेस को यूज करने के लिए हम अपने प्रोजेक्ट के अंदर स्प्रिंग डाटा जेपी यूज करेंगे अब जो स्प्रिंग डाटा जेपी है गाइ ये जो है ये हमारे प्रोजेक्ट को डेटाबेस डेटा बेस इंडिपेंडेंट बनाता है इंडिपेंडेंट बनाता है मतलब हम चाहे अगर हमने स्प्रिंग डाटा जीपी यूज़ कर रखा है तो हम चाहे मा स्ल यूज करें चाहे हम बाद में चेंज करके उसको पोस्ट ग्रेस कर दें चाहे हम कोई और डाटा बेस यूज कर लें तो इसका कोई टेंशन लेने की हमें दिक्कत नहीं है एंड ज्यादातर हमें डेटाबेस की क्वेरीज वगैरह नहीं लिखनी पड़ेगी ओ आरएम हम अपने आप ओ आरएम में हम लोग डायरेक्टली सेव करेंगे डटा सेव हो जाएगा ओके नेक्स्ट हम लोग यहां पे यूज करेंगे सोशल लॉगइन लॉग इन कराएंगे और गिट अप से दो प्रोवाइडर्स हम लोग यूज़ करेंगे तो इसके लिए हमें टू सीखना पड़ेगा पढ़ना पड़ेगा डॉक्यूमेंटेशन काफी खोद पड़ेगी चीजें समझने के लिए तो यह चीज भी हम सीखेंगे एंड एक चीज हम लोग और यूज़ करेंगे थाइम लीफ टेंप्लेट इंजन यूज़ करेंगे क्योंकि हम लोग जो एटीएमएल जनरेट करेंगे वो डायरेक्टली बैक एंड से जनरेट करेंगे गाइज तो बैक एंड से html5 यूज़ करेंगे टेंप्लेट इंजन आप इवन जेएसपी भी यूज़ कर सकते हो आपकी म जी पहले जेएसपी यूज़ होता था बट अभी हम जेएसपी नहीं थाइम लीफ यूज़ करेंगे एचटीएमएस को जनरेट करने के लिए वैलिडेशन करेंगे हम स्प्रिंग बूड का वैलिडेटर यूज़ करेंगे जिसकी हेल्प से हम लोग फॉर्म को वैलिडेट कर सकते हैं एक एग्जांपल छोटा सा मैं दिखा दूं यहां पे डायरेक्टली हम विदाउट एंटरिंग एनी फील्ड हम यहां पे कोई फील्ड बिना डाले हम डायरेक्टली रजिस्टर पे क्लिक करेंगे यह देखिए ये जो वैलिडेशन हो रहा है कि यूजर रिक्वायर्ड ईमेल रिक्वायर्ड पासवर्ड रिक्वायर्ड एंड पासवर्ड मिनिमम दो कैरेक्टर्स एंड मैक्सिमम 10 इज रिक्वायर्ड तो इस तरह से वैलिडेशन भी हम लोग सीखेंगे एंड हाइनेट वैलिडेटर यूज़ करेंगे अ वैलिडेटर य करेंगे स्प्रिंग बूट का क्योंकि हमें राउट्स को सिक्योर करना होगा तो उसके लिए हम लोग स्प्रिंग सिक्योरिटी का लेटेस्ट वर्जन यूज करेंगे स्प्रिंग सिक्योरिटी का स्प्रिंग सिक्योरिटी का लेटेस्ट वर्जन यूज करेंगे एक चीज गाइ और मैं बता दूं मैं कुछ ऐसे चीजें सिखाऊंगा ऐसे तरीके से सिखाऊंगा जिसके हिब से अगर फ्यूचर में नया वर्जन आता भी है तो आप अपग्रेड कर सको आपको टेंशन ना हो कि नया वर्जन आ गया तो हम पुराने पर काम कर रहे हैं ऐसा अब मैं ध्यान रखूंगा अब से जो चीज कराऊंगा क्योंकि हमारा जो पुराने प्रोजेक्ट हैं उसमें थोड़ा सा दिक्कत होती है ठीक है तो हमें अलग से वीडियो बनाना पड़ता है इसमें पहले से बता दूंगा कि अगर नया वर्जन आएगा तो आपको यह करना होगा या आपको यहां से डॉक्यूमेंटेशन पढ़नी होगी डॉक्यूमेंटेशन कैसे पढ़ना है चीजों को अपग्रेड करने के लिए तो स्प्रिंग बूट नया वाला हम लोग यूज करेंगे फॉर सिक्योरिंग राउट्स डेटाबेस में हम लोग मा स्कल यूज करेंगे या फिर पोस्ट ग्रेस कोई भी आप यूज कर सकते हो हम अभी मा स्कल यूज करेंगे अगर आप लोग कमेंट सेक्शन में बताओगे तो हम लोग पोस्ट क्रेस यूज कर लेंगे अगर आपको पोस्ट ग्रेस यूज करना है तो कमेंट सेक्शन में बता दीजिएगा भाई हम लोग ये वाला यूज कर लेंगे क्योंकि डेटाबेस में इतना कुछ हार्ड फास्ट नहीं है हमें जेपी यूज करना है जेपी अपने आप से डेटाबेस से कनेक्टिविटी कर लेता है ईमेल भेजने के लिए हम लोग जावा ईमेल सर्विसेस या जावा ईमेल सर्विस का यूज करेंगे जावा ईमेल एपीआई हम लोग जावा ईमेल एपीआई यूज करेंगे बट हमारे पास एक स्टार्टर मिल जाती है ईमेल की तो उस स्टार्टर को यूज करेंगे और स्टार्टर हमें बहुत आसान बना देता है ईमेल को भेजने के लिए तो सब चीज हम सीखेंगे तो जावा ईमेल एपीआई का यूज करेंगे जवा मेल ईपीआई फॉर सेंडिंग एंड रिसीविंग ईमेल्स तो ईमेल को भेजने के लिए तो मैं आपको सिखाऊंगा साथ में यह भी सिखा दूंगा कैसे आप ईमेल को रिसीव करते हो एंड ओबवियस सी बात है हम एड्स एंड क्लाउड क्लाउडरी एसडी के यूज करेंगे फॉर स्टोरिंग फाइल्स अब जब आप एड्स पे डाटा सेव करोगे अपनी फाइल सेव करोगे तो वहां पे आपको काफी चीजें पढ़नी पड़ेंगी उसका एसडीके पढ़ना पड़ेगा क्या कोड है भाई जिसकी हेल्प से जिसको हम यूज करें एंड उसकी हेल्प से डेटा सेव हो जाए तो एसडीके के बारे में नॉलेज होनी चाहिए तो हम लोग देखेंगे कैसे हम पढ़ना सीखना फ्रंट एंड जो भी बनाएंगे उसपे हम लोग एटीएल सीए ए जावास्क्रिप्ट यूज करेंगे तो बेसिकली क्लाइंट प जो चलने वाली चीज जावास्क्रिप्ट यूज करेंगे जैसे मैं बता दूं जैसे फॉर एग्जांपल आपको डार्क थीम और लाइट थीम का फीचर बनाना है लाइट थीम का फीचर बनाना है तो हम लोग वो चीज जावास्क्रिप्ट से करेंगे एंड फ्रंट एंड जो पूरी डिजाइनिंग है उसम हम लोग टेलमेंट सीएस यूज करेंगे जो कि लेटेस्ट टेक्नोलॉजी है टेलमेंट सीएसएस तो हम लोग इसका फ्रंट यवाई हम लोग इसी से बनाएंगे सब चीज स्टेप बाय स्टेप मैं आपको सिखाऊंगा कैसे बनाना है कहां से कोड लेना है फ्रंट एंड में हल्का सा कम फोकस करेंगे कोड बने बनाए रखे हैं हम उनको उठा लेंगे दैट्ची मैं आपको सिखाऊंगा एक फ्लो वाइड वेबसाइट है जो हम बहुत सारे कंपोनेंट्स प्रोवाइड करती है के तो फ्लो बाइट भी यूज करेंगे हम लोग क्योंकि बहुत सारे कंपोनेंट है यहां पर आप देखोगे बहुत सारे कंपोनेंट है तो जैसे फॉर एग्जांपल हमने यहां पे फील्ड यूज कर रखी है यह फील्ड टेलमेंट के अंदर हम लोग बना सकते हैं बट हम लोग फ्लो बाइट के अंदर से डायरेक्टली उठा सकते हैं कंपोनेंट्स को जैसे हम लोग बुट स्प में करते थे ठीक है बाकी हम लोग पीडीएफ एक्सेल टूल यूज करेंगे फॉर जनरेटिंग रिपोर्ट्स रिपोर्ट्स को जनरेट करने के लिए रिपोर्ट मींस वट की आप एक्सपोर्ट करना आपको कोई कांटेक्ट 10 कांटेक्ट एक्सपोर्ट करने हैं 15 कांटेक्ट एक्सपोर्ट कर करने बीस कांटेक्ट एक्सपोर्ट करने है सो हाउ कैन यू डू दैट तो उसके लिए हम लोग पीडीएफ या फिर एक्सेल टूल यूज करेंगे अब इसके लिए भी आपके पास बहुत सारे ऑप्शन है आप बैक एंड से डाटा को एक्सपोर्ट कर सकते हो फ्रंट एंड पे या फिर आप फ्रंट एंड पे जो टेबल दिख रही है उसको डायरेक्टली पीडीएफ में डाल सकते हो एक्सेल में डाल सकते हो तो सब चीज देखेंगे कौन सा चीज हमें कैसे करना सब चीज हम लोग देखेंगे तो इतनी सारी चीजें तो मैंने यहां पे सीधा-सीधा आपको बता दी कि सीखो लेकिन जब आप प्रोजेक्ट बनाओगे तो बहुत सारी चीज सीखो जैसे कुछ चीजें मैंने यहां पे मेंशन नहीं की आप गिट अप भी सीखो क्योंकि मैं कोड को गिट अप पे पुश करूंगा तो वो भी सिखाऊंगा आप ग कोड को कैसे एक्सेस करोगे उसका लिंक मैं दूंगा तो एक्चुअली सीखने वाले हो बहुत सारी जी नेक्स्ट अब हम थोड़ा सा डेमो देख लेते हैं तो हमारे पास ये रहा प्रोजेक्ट एंड दिस इज योर प्रोजेक्ट जो हम लोग बनाने वाले हैं हम सिंपल यह यई हमने टेलम से बना रखी है यह टेल मिंट से बना रखी है अब आपको दिख रहा होगा सिंपली हम लोग क्या कर सकते हैं यहां पर लॉगइन पर क्लिक कर सकते हैं एंड सबसे पहली चीज कि आप यहां पर थीम को चेंज कर सकते हो अकॉर्डिंग्ली अगर आपके पास डार्क थीम है तो चीजें डार्क हो जाएंगी सब चीज एंड अगर आपके पास लाइ थीम है तो यह लाइट प चलेगा लॉगिन प आएंगे तो हम लॉगिन ईमेल एंड पासवर्ड से कर सकते हैं इफ यू वांट तो हम google.com और पासवर्ड में मैं कुछ डाल दूंगा एंड दिस इज टेस्टिंग अकाउंट एंड सिंपली मैं रजिस्टर कर दूंगा तो हमारा जो यूजर है वो रजिस्टर हो जाएगा बट लॉजिक यहां पे वही है कि यूजर तो रजिस्टर हो जाएगा डेटाबेस में यह देखिए डेटाबेस में डटा हमारा चला गया यूजर रिस्टर हो चुकी है बट अभी हमारा अकाउंट एक्टिवेटेड नहीं है हमने एक ईमेल आईडी भेजा होगा ईमेल वेरिफिकेशन के लिए तो हम यहां पे मैसेज भी दे सकते थे अगर मैं यहां पे लॉगइन करूं सेम ईमेल आईडी से ब @ gmail.com और मैंने पासवर्ड सही डाला है लॉगइन किया सो आप देखोगे इनवैलिड डिटेल्स बता रहा है एक बार हम लोग फिर से डालते हैं भाई बच lc2 gmail.com पासवर्ड में मैं पासवर्ड डालता हूं लॉग इन करता हूं सो आप देखोगे मैंने डिटेल्स करेक्ट डाली है डिटेल्स करेक्ट डाली है तो आपके पास यहां पे एक मैसेज आ रहा है ये कह रहा है कि अकाउंट इज डिसेबल आपका अकाउंट डिसेबल है योर अकाउंट इज डिसेबल इफ योर ईमेल इज नॉट वेरीफाइड वेरीफाई योर ईमेल वी हैव सेंट ईमेल वेरिफिकेशन लिंक टू योर ईमेल आईडी और यहां से अब दोबारा से ईमेल वेरिफिकेशन लिंक दोबारा से भेज सकते हो तो ये है अभी अकाउंट इसका डिसेबल है अगर हम ईमेल ओपन करें लेट्स ओपन वही वाली ईमेल हम लोग ओपन करते तो हम लोग यहां से वही वाली ईमेल आईडी मैं ओपन करता हूं एंड इनबॉक्स में देखते हैं क्या कोई हमारे पास ईमेल वेरिफिकेशन लिंक आया सो आप देख सकते यहां पे एससीएम वेरीफाई योर अकाउंट एक ईमेल वेरिफिकेशन लिंक आ चुका है एंड हम लोग इस लिंक पर क्लिक करके अकाउंट को वेरीफाई कर सकते हैं ठीक है सो आई थिंक यह लॉगइन मांग रहा है क्या देखते हैं हां ईमेल वेरीफाइड हमारा ईमेल वेरीफाइड हो चुका है अब हम लॉगइन करेंगे अगर उसे अकाउंट से तो लेट्स डू दैट हम यहां पे आते हैं एंड आई थिंक हां ठीक है तो हम पासवर्ड डालते एंड लॉग इन कर लेते हैं सो आप देखोगे आपका अकाउंट लॉग इन हो जाएगा एक बार जब वेरिफिकेशन हो जाएगा तभी वो लॉगइन होगा अदर वाइज वेरिफिकेशन नहीं होगा तो लॉगइन नहीं होगा जब तक आप वेरीफाई नहीं करोगे ईमेल पे आ करके तब तक वेरीफाई नहीं होगा अगर ईमेल बाय चांस नहीं आता है तो आप रिसेंट ईमेल का ऑप्शन था उस रिसेंट ईमेल पे क्लिक करके आप वेरीफाई ईमेल को रिसेंड भी कर सकते हो वेरिफिकेशन लिंक को अब एक बार जब हमारा लॉगइन हो गया यहां पे ये देखिए तब हम फीचर्स को यूज कर सकते हैं हम लोग यहां पे स्टार्ट डिंग कांटेक्ट कांटेक्ट को ऐड कर सकते हैं तो फीचर को मैं एक्सप्लेन करता हूं बट उससे पहले मैं आपको ये भी एक्सप्लेन कर देता हूं कि साइन इन विथ googleupdate.exe एंड आप अपने सिस्टम में लॉग इन हो जाओगे ये देखिए ये देखिए हम यह जो आ रहा है डिटेल यह हमारे googleupdate.exe स्मार्ट कांटेक्ट मैनेजर अब अगर यहां पर मैं गेट अप से लॉग इन कर दूं तो टाक से जैसे हमारे पास googleupdate.exe से भी क्लिक करके ड कांटेक्ट प आ सकते हो यहां प हम कांटेक्ट को ऐड कर सकते हैं लेट्स सपोज कि हमने यहां पे कांटेक्ट ऐड कर दिया जॉन ईमेल आईडी मैंने डाल दी कुछ ऐसे जॉन @ gmail.com ये ईमेल आईडी करेक्ट डालेंगे करेक्ट डालने से य होगा कि अगर आपको डायरेक्ट इस कांटेक्ट को ईमेल वगैरह भेजना होगा तो डायरेक्टली भेज पाओगे कोई दिक्कत नहीं होगी कुछ फोन नंबर मैं डाल देता हूं ऐसे ही अब ये फोन नंबर मैंने यहां पर डाल दिया प् 91 यह मैंने रैंडम डाल दिया इस पर कॉल मत करने लग कोई एंड देन सम राइट समथिंग अबाउट दिस कांटेक्ट यहां पे लिख सकते हैं दिस इज टेस्टिंग कांटेक्ट फिर उसके बाद कुछ एड्रेस वगैरह सपोज मैंने लिख दिया ए बी सी डेल्ली एंड देन हम लोग क्या कर सकते हैं एक फोटो चूज कर सकते हैं एक कांटेक्ट इस कांटेक्ट की एक फोटो चूज कर कर सकते हैं एक चीज मैं आपको और सिखाऊंगा ये जो मैंने नॉर्मल टेक्स्ट फील्ड ली है इसकी जगह पे कैसे आप टेक्स रिच टेक्स टर लगा सकते हो मतलब इसके अंदर आप कोई एचटीएमएल कोई नोटपैड की तरह चीज लिख सकते हो तो ये चीज भी मैं आपको सिखा दूंगा देन हम यहां पे सेलेक्ट करेंगे कांटेक्ट इमेज कोई इमेज सपोज हमने सेलेक्ट कर लिया कोई अपनी फोटो मैं सेलेक्ट कर लेता हूं ये इसका प्रीव्यू आ जाएगा दैट मींस प्रीव्यू हमें हमने इसलिए दिखा रखा है जिससे कि आप यह पता लगा सको कि हां भाई ये कांटेक्ट मैं ऐड करने वाला हूं यह ईमेल ये फोन नंबर यह अबाउट ये एड्रेस एंड साथ ही साथ में यह फोटो ऐड करने वाले हैं जैसे मैं ऐड प क्लिक करूंगा तो यह सारी इंफॉर्मेशन हम लोग स्प्रिंग वूड से हैंडल करेंगे और हमने अपने डेटाबेस में भी इंफॉर्मेशन सेव कर दी साथ ही साथ में हमने जो इमेज आपने सेलेक्ट की थी वो इमेज हमारे क्लाउड सर्वर पे मतलब हमारे सर्वर पे नहीं दूसरे अगर आप एडस यूज़ कर रहे हो तो एए पे गई साथ ही साथ में अगर आप यूज कर रहे हो क्लाउड नरी तो क्लाउड नरी पे गई मैं दोनों बता दूंगा कैसे करना है देन अगर हम व्यू कांटेक्ट में चलेंगे तो हमारे पास वो कांटेक्ट आ आ चुका होगा आप देखो यहां पे जॉन हमारे पास आ चुका है यह देखिए जॉन आ चुका है एंड जॉन की जो फोटो अपलोड की थी वो फोटो आ चुकी है यह क्लाउड नरी से डायरेक्ट आ रहा है एड से डायरेक्ट यूज़ कर सकते हो प्री सांड यरल बना करके इसकी इंफॉर्मेशन आ रही है हम क्या कर सकते हैं हम यहां पे इस बटन पे क्लिक करके हम फेवरेट मार्क कर सकते हैं अपने कांटेक्ट को इसको डिलीट कर सकते हैं या फिर इसको अपडेट कर सकते हैं इफ यू वांट जैसे इस क् करेंगे तो हमें अगेन वैसे ही फॉर्म दिखेगा डिटेल को अपडेट करेंगे एंड सेव कर देंगे ठीक है पेज नेशन को इंप्लीमेंट कर सकते हैं पेजेस जब आपके पास बहुत सारे पेजेस होंगे तो हम पेजेस को मूव कर सकते हैं दूसरे पेज पे तीसरे पेज पे पेज का साइज डायनेमिक आप चेंज कर सकते हो अपने बैक एंड से ओके सपोज हम इसकी इंफॉर्मेशन देखना चाह रहे हैं या हां इसकी इंफॉर्मेशन देखना चाह रहे हैं हमने इस पर क्लिक किया तो आपको इंफॉर्मेशन दिख जाएगी अपने उस कांटेक्ट की नाम सारी इंफॉर्मेशन जाएगी हम डायरेक्टली सपोज हमें ईमेल करना है तो हम ईमेल कांटेक्ट पर क्लिक करेंगे और आपके पास एक कंपोज मेल का बॉक्स खुल जाएगा यहां आप उस ईमेल का सब्जेक्ट डालो ईमेल मैसेज डालो एंड अटैचमेंट कुछ अपलोड करना है तो अटैचमेंट आप अपलोड कर दो एंड देन से सेंड पर क्लिक कर दिए तो होगा क्या कि हर्ष तिवारी को अपने आप से ऑटोमेटिक ईमेल चली जाएगी हमने जो ईमेल सर्विस यूज कर रखी है ओके तो इतनी सारी चीजें हम लोग कर सकते हैं जो कांटेक्ट आपने फेवरेट बना रखे हैं सपोज आपने ये कांटेक्ट फेवरेट बना दिया जन को तो कांटेक्ट फेवरेट बन चुका है तो आपके फेवरेट में आके दिख जाएगा यहां पे ये देखिए ये सारे फेवरेट कांटेक्ट हैं यहां से भी आप इसको अनफेवरेट कर सकते हो फेवरेट से हटा सकते हो डिलीट कर सकते हो और अपडेट कर सकते हो तो ये सारे कांटेक्ट हमारे फेवरेट है अगेन एक्शन वही यहां पर ट्रिगर हो रहा है आप कॉल कर सकते हो डायरेक्टली ईमेल कर सकते हो ठीक है बाकी अगर आप सर्च करना चाह रहे हो सपोज जॉन गायब हो गया कहीं बहुत सारे कांटेक्ट थे तो आप जॉन से सर्च कर सकते हो तो जॉन से हमारे पास दो हैं एक जॉन पीटर है एक जॉन है अगर चाहते तो यहां पर आप ईमेल से भी सर्च करा सकते थे टोटली सेम कांसेप्ट है अगर आप चाहो तो इस एक्सपोर्ट बटन प क्लिक करके एक्सपोर्ट डाटा इस एक्सपोर्ट डाटा पे क्लिक करके इस वाले आप जो करेंटली व्यू है उसको एक्सपोर्ट कर सकते हो सीएसबी या फिर आप एक्सेल फाइल में तो जैसे आप एक्सपोर्ट डाटा पे क्लिक करोगे तो इस व्यू की एक सीएसबी फाइल बन जाएगी या एक एक्सेल फाइल बन जाएगी वो तो जब हम बनाएंगे तब आपको बताएंगे कैसे करना है तो इसको दोनों तरीके से कर सकते हो बैक एंड से भी सीएसबी जनरेट करके भेज सकते हो या फिर फ्रंट एंड पे ये जो टेबल दिख रही है वो टेबल अपने आप से एक्सपोर्ट हो जाएगी और आपके कंप्यूटर में डाउनलोड हो जाएगी उसके बाद अपनी प्रोफाइल भी मैनेज कर सकते हो यह अपनी प्रोफाइल है जो कि बनी है अप्रूव कर सकते हैं तो अगर कोई एडमिन है तो यहां पे नीचे हम एक ऑप्शन और दिखा देंगे दैट्ची चीजें करने वाले हैं और इतनी सारी चीजें करने में बहुत सारी चीजें लगेंगी थोड़ा सा आपको बस मुझे मोटिवेट करना होगा उसके लिए आपको चैनल को सब्सक्राइब करना होगा साथ ही साथ में वीडियो को लाइक करना होगा इस वीडियो का लाइक हम रखते हैं 1000 लाइक अगर आप 1000 लाइक जल्दी से करा दोगे तो थोड़ा सा मोटिवेशन मिलेगा और वीडियोस और जल्दी-जल्दी आएंगे कोशिश करेंगे इस पूरे प्रोजेक्ट को जल्दी से जल्दी फिनिश कर ले क्योंकि नेक्स्ट प्रोजेक्ट जो होगा उसपे हम लोग बैक एंड और फ्रंट एंड दोनों अलग-अलग करेंगे सो इतनी सारी मोटी मटी चीजें जो दिखी है वो मैंने आपको बता दिया जब प्रोजेक्ट बनाएंगे तो इससे कहीं ज्यादा चीजें हम लोग यूज करने वाले हैं क्योंकि सब चीज तो नहीं बता सकते ना जैसे एग्जांपल दूं अब हम लोग कौन सा एडिटर यूज करेंगे एडिटर के शॉर्टकट्स काफी चीजें जो होती हैं वो हम यहां पे नहीं बता सकते कि भैया ये चीज सिखाएंगे बट एक्चुअली जब मैं आपको सिखाता हूं तो वो चीज बनाता हूं सो आई होप आपको पूरा समझ में आया होगा कि एक्चुअली हम लोग क्या बनाने वाले हैं एंड कौन सी टेक्नोलॉजी यूज करने वाले हैं अगर आप हमारे साथ बनाते हो तो बस आप फॉलो कर रहे हो इस उसका सिर्फ बताने का एक ही तरीका कि आप कमेंट सेक्शन में बताइए आप कमेंट सेक्शन में यस यस लिख दीजिए जिससे हमें पता चल जाएगा कि हां भाई आप फॉलो अप कर रहे हो और यहां तक आए हो चैनल अभी तक नहीं सब्सक्राइब किया तो एक बार कर दीजिए भाई क्योंकि यार जब आप सब्सक्राइब करते हो तो हमें मोटिवेशन मिलता है और हम ऐसी वीडियोस आपके लिए लाते रहते हैं सो नेक्स्ट स्टेप बाय स्टेप एकएक चीज आपको बना कैसे बनाते हैं ये सब चीज मैं सिखाता हूं एंड नेक्स्ट हम लोग मिलते हैं जहां पर हम लोग प्रोजेक्ट सेटअप वगैरह करते हैं एंड बाकी कैसे हम लोग मॉडल्स वगैरह बनाएंगे वो सब चीज हम लोग स्टार्ट करते हैं भाई प्रोजेक्ट सेटअप करने वाले हैं एंड प्रोजेक्ट सेटअप करेंगे तो वहां पे बहुत सारे लोग एसटीएस यूज कर रहे होंगे आईडी बहुत सारे लोग इंटेलीज यूज कर रहे होंगे बहुत सारे लोग बीएस कोड पे भी काम करना चाहेंगे तो इस वीडियो के अंदर मैं तीनों चीज पे बताऊंगा कैसे आप वीएस कोड अगर आप यूज करना चाह रहे हो तो वीएस कोड यूज करो कैसे आप एसटीएस यूज करना चाह रहे हो तो एसटीएस यूज कर लो एंड अगर आप इंटेलीज यूज करना चाह रहे हो तो कैसे इंटेलीज यूज कर सकते हो चलो भाई तो हम यहां पे हम लोग सबसे पहले चलेंगे वेबसाइट ओपन करेंगे स्प्रिंग इनिला इजर क्योंकि हम लोग स्प्रिंग बूट का प्रोजेक्ट बना रहे हैं तो ओबवियस सी बात है स्प्रिंग इलाज सबसे बढ़िया चीज है ठीक है बाकी आप आईडी को डायरेक्टली यूज़ कर सकते प्रोजेक्ट्स को बनाने के लिए बट मैं तो स्प्रिंग इनिला जर यूज़ करूंगा वहां से प्रोजेक्ट को क्रिएट कर लूंगा एंड उसके बाद हम जिस भी आईडी से ओपन करना चाह रहे हैं उस आईडी से अपने प्रोजेक्ट को ओपन कर लेंगे तो हम स्प्रिंग इस वाली वेबसाइट पे स्प्रिंग इनिला इजर पे जाएंगे क्लिक कर लेंगे भाई एंड हमारी वेबसाइट ओपन हो जाएगी ये देखिए ये पूरा हमें सब चीज प्रोवाइड करेगी कि भाई हम अपने ऑप्शंस दे दें एंड बेस्ड ऑन उन ऑप्शंस हमारा प्रोजेक्ट क्रिएट हो जाएगा जिप बन के डाउनलोड हो जाएगा फिर हम लोग उसको यूज कर सकते हैं अपने अपने आईडी के अंदर तो अब एक-एक करके मैं आपको गाइड करता हूं बताता हूं सबसे पहले हमें प्रोजेक्ट देन लैंग्वेज तो हम जो प्रोजेक्ट मैनेजमेंट टूल यूज़ करेंगे वो मेन यूज़ करेंगे अगर आप फैमिलियर हो ग्रेडल से तो आप ग्रेडल भी यूज़ कर सकते हो अगर आप एंड्राइड डेवलपमेंट पहले कर चुके हो या फिर अगर आप बाकी ग्रेडल के प्रोजेक्ट्स बना चुके हो तो आप ग्रेडल यूज़ कर सकते हो बट मैं ज्यादातर काम करता हूं मेविन तो मैं बन मैं चूज करूंगा साथ ही साथ में हम जो लैंग्वेज यूज़ करेंगे वो जावा यूज़ करेंगे अगर आप चाहते हो तो आप कोटन यूज़ कर सकते हो ग्रबी भी यूज़ कर सकते हो टोटली डिपेंड कि आप क्या यूज़ करना चाहते हो जो स्प्रिंग बुट का वर्जन है वो मैं लेटेस्ट वर्जन यूज़ करूंगा 3.2.5 जो स्टेबल वर्जन है एंड जो snap7 वर्जन है उसको मैं नहीं यूज़ करूंगा क्योंकि ये ये डेवलपमेंट में होते हैं तो अभी जब मैं यह वीडियो बना रहा हूं तब 3.2.5 वाला वर्जन है स्टेबल इसी इसी को मैं यूज़ करूंगा हो सकता है आप फ्यूचर में वीडियो देख रहे हो तो यहां पे नया वर्जन आ जाएगा तो आप नया वर्जन चूज करिएगा अगर 3.2.5 नहीं दिख रहा है तो आप नया चूज कर लीजिएगा बाकी प्रोसेसस सारा प्रोसेस सेम होगा तो आपको टेंशन लेने की जरूरत नहीं है अगर आप इफ यू वांट तो आप पुराना वर्जन य यूज कर सकते हो जैसे भाई कोई अगर चाहता है कि हम 3.1.11 यूज करें तो 3.1.11 प सेलेक्ट करिए इतना सिंपल है एंड लेकिन हम 3.2.5 पे देन हमसे हमसे कुछ प्रोजेक्ट का मेटा डाटा मांग रहा है ट मीस प्रोजेक्ट के बारे में सबसे पहले ग्रुप आईडी मांग रहा है तो ग्रुप आईडी बेसिकली आपकी एक्चुअली प्रोजेक्ट आईडी होती है कि जब हमने प्रोजेक्ट को मेवन रिपोजिटरी या इंटरनेट पर डालेंगे तो इसका यूनिक नेम क्या होगा तो ये ऐसा समझ लो समझाने के लिए मैं बता रहा हूं कि ग्रुप आईडी एक्चुअली कुछ सिमिलर टू पैकेज होता है तो यहां पे हम डाल देंगे कॉड एए बस कॉड एएम डाल देंगे एंड क्योंकि यह जो ग्रुप आईडी होती है वो यूनिक आइडेंटिफिकेशन है या डोमेन नेम है उस डोमेन नेम का उल्टा कर दीजिएगा जैसे हमारी वेबसाइट का नाम है sc.com तो हम क रख देंगे य तो ये एक्चुअली एक स्टैंडर्ड तरीका होता है कि क्योंकि हमारे पास एसीएम जो डोमेन है वो हमारा खुद का डोमेन होगा तो अगर हम उसको उल्टा कर दे कमड एसीए तो डोमेन तो हमारे पास है तो यह नाम हमारे पास ही होगा यह छोटा सा मैंने आपको एक्सप्लेन कर दिया कि एक्चुअली ग्रुप आईडी का मतलब क्या होता है इसको कैसे रखते हैं ज्यादा स्टैंडर्ड अभी के लिए क्योंकि हम लोकली बना रहे प्रोजेक्ट्स को इसको डिप्लॉयड क्शन में तो हम इसका नाम कुछ भी रख सकते हैं कोई दिक्कत वाली बात नहीं है देन आर्टीफैक्ट आईडी में हम क्या करेंगे यहां पे आर्टीफैक्ट आईडी इज सिमिलर टू प्रोजेक्ट तो हम यहां पर नाम दे देंगे एससीएम एसएम 2.0 या 2.2 दे देंगे एसीएम 2.1 एससीएम का सिंपली मतलब होता है स्मार्ट कांटेक्ट मैनेजर अगर आपको नहीं पता तो आप समझ लीजिए मैं बहुत बार पूरे प्रोजेक्ट में एसीएम एसीएम यूज करूंगा तो आप ध्यान दीजिएगा देन यहां पर लिख देते हैं 10 डिस्क्रिप्शन लिखना है कुछ तो प्रोजेक्ट फॉर स्टोरिंग एंड मैनेजिंग कांटेक्ट ऑन क्लाउड क्लाउड पैकेज नेम अगेन मैं कॉ ही यूज करूंगा पैकेज का नाम एंड पैकेजिंग में जर यूज करूंगा क्यों क्योंकि हम लोग स्प्रिंग बूट का एप्लीकेशन बना रहे हैं तो यहां पे हम जर ही यूज करेंगे जो पैकेज होगा हमारा एप्लीकेशन वो जर फाइल में ही पैकेज होगा अच्छा ये सारे ऑप्शंस अगर आपको लग रहा है कि एक ही बार मुझे देना है तो ऐसा बिल्कुल भी नहीं आप बाद में भी जा करके इन ऑप्शंस को चेंज कर सकते हो मैं आपको बताऊंगा नेक्स्ट हम यहां पे आएंगे एंड जावा का वर्जन इंपॉर्टेंट हम चूज कर लेंगे देखिए कैसे इंपॉर्टेंट का मतलब है कि ये वर्जन ध्यान से चूज करिएगा हमारे पास तीन ऑप्शन आ रहे हैं 17 21 एंड 22 तो अभी मैं 21 वाला वर्जन यूज करूंगा जो कि लेटेस्ट लेटेस्ट वर्जन है हमारे पास अच्छा जब मैं ये वीडियो बना रहा तो हमारे पास 22 भी आ चुका है बट अभी मैं 21 यूज कर रहा हूं इसमें से आप कोई भी वर्जन यूज कर सकते हो स्प्रिंग बूट जो है वो इन जावा वर्जंस के साथ कंपट होना चाहिए तो अभी जो हमारा लेटेस्ट 3.2 वाला जो स्प्रिंग बूट है वो जावा 21 के साथ कंफर्टेबल है इवन 17 भी आप यूज कर सकते हो बट स्प्रिंग 3 के साथ 17 मिनिमम वर्जन है मतलब आप पुराना वर्जन जावा का नहीं यूज कर सकते हैं स्प्रिंग थ के साथ स्प्रिंग बूड थ के साथ तो 17 ूज करो चाहे 21 यूज करो मैंने 21 चूज कर लिया अब इंपॉर्टेंट बात है कि इसके अंदर कौन-कौन सी डिपेंडेंसीज हम लोग ऐड करेंगे तो डिपेंडेंसीज ऐड करने के लिए हम लोग क्या करेंगे मैंने यहां पे बना रखा है मैं आपको बताऊंगा कई सारी डिपेंडेंसी यूज़ करने वाले हैं हम लोग बट इन सारी डिपेंडेंसीज को आपको एक साथ नहीं ऐड कर लेना है ठीक है कुछ डिपेंडेंसीज अभी ऐड करेंगे कुछ डिपेंडेंसीज अब जरूरत पड़ेगी तब ऐड करेंगे क्योंकि देखो स्प्रिंग बूट ऑटो कॉन्फिन फ्रेमवर्क है अपने आप से बहुत सारी चीजें ऑटोमेटिक सबसे सेटअप कर देता है तो अगर कोई चीज हम अभी ऐड कर लेंगे और हम ही सोचेंगे भाई हम काम बाद में करें तो सेटअप तो पहले करेगा तो उसको जो रिक्वायरमेंट होगी वो तुरंत मांगने की कोशिश करेगा और तुरंत हम चीजें दे नहीं पाएंगे क्योंकि हम उसका काम बाद में करने वाले हैं तो हम क्या करेंगे कुछ चीजें तो हम अभी सेट कर लेंगे जो हमें जरूरत है और कुछ चीजें जो जरूरत नहीं है उसको हम बाद में सेट अप करेंगे तो ये जो पूरा नोट्स है मैं बनाऊंगा इसमें सब चीज लिखता जाऊंगा उसको मैं आपको प्रोवाइड कर दूंगा लिंक आपको नीचे डिस्क्रिप्शन बॉक्स में मिल जाएगी वहां से आप जाकर के इस नोट्स की लिंक भी एक्सेस कर सकते हो तो सबसे पहले चाहिए हमें वेब अब वेब की डिपेंडेंसी किसलिए होगी वेब इस बेसिकली क्योंकि हमें वेब एप्लीकेशन बनाना है तो हमें रिक्वेस्ट को हैंडल करना होगा प्रोसेस करना होगा रिस्पांस देना होगा तो वो सब हम स्प्रिंग बड स्टार्टर वेब से करेंगे तो सबसे पहली इंपॉर्टेंट डिपेंडेंसी हम लोग वेब को यहां पे ऐड करेंगे कैसे हम यहां पे आएंगे एंड अगेन ऐड डिपेंडेंसी पे चलेंगे और यहां पे सर्च करेंगे स्प्रिंग वेब ये देखिए स्प्रिंग वेब स्प्रिंग वेब आ चुकी है एंड अगर हम देखें तो इस पूरा इसके बारे में डिटेल भी देख सकते हैं हम एक्सप्लोर पे जाएंगे एंड यहां पे आप देख सकते हो कि स्प्रिंग वेब मींस कि हम लोगों ने ये वाली डिपेंडेंसी ऐड की है स्प्रिंग बूट स्टार्टर वेब स्प्रिंग बूट स्टार्टर वेब तो एक्चुअली मतलब कह सकते हो कि इसका नाम स्प्रिंग वेब है लेकिन जो आर्टफेड आईडी है वो बूट स्टार्टर वेब और जो ग्रुप आईडी है वड स्प्र फेवर्ड बूट है तो इससे आप पहचान सकते हो कौन सा हमने यहां पे आर्टीफैक्ट आईडी वाला प्रोजेक्ट यूज़ किया तो बेसिकली ये नीचे वाला टेस्ट है ये वाला हम लोगों ने ऐड किया ये स्प्रिंग बूट स्टार्टर वेब तो इसको हम लोग कॉपी करेंगे एक बार अगर आपकी जरूरत आपको जरूरत है तो हम इसको यहां पे चिपका सकते हैं स्प्रिंग बड स्टार्टर देन देन हम क्या करेंगे क्योंकि हमें क्या करना है गाइस हमें जो एचटीएमएल जनरेट करना है वो सब हम अपने बैक एंड से ही जनरेट करेंगे एंड बैक एंड से जब एचएएल जनरेट होगा तो हमें एक टेंपलेट इंजन चाहिए होगा एक बार पूरा प्रोसेस आपको समझाता हूं सपोज यहां पे यहां प हमारा क्लाइंट बैठा है सो दिस इज एक्चुअली क्लाइंट हम ये हमारा क्लाइंट है एंड यह हमारा अगर क्लाइंट है ना गाइस तो हम लोग इसको थोड़ा सा ऐसे कर देते हैं यह हमारा क्लाइंट है एंड आई होप आपको दिख रहा हो एंड हमारे पास सर्वर है ये देखिए यहां पर स्पिंग बूट का प्रोजेक्ट है स्प्रिंग बूट प हमारे पास पूरा कोड हमारे सर्वर पर चल रहा होगा स्प्रिंग बट यहां प बेसिकली स्प्रिट हमारे सर्वर प चल रहा होगा तो मैं य सर्वर भी लिखना चाहूंगा यहां प जब कोई रिक्वेस्ट करेगा लेट्स सपोज कि एक ने यहां पर रिक्वेस्ट किया ठीक है एक बंदे ने यहां पर रिक्वेस्ट किया अब जब यह रिक्वेस्ट किया है ना गाइस तो आपको कुछ चीज मैं आपको बताना चाहूंगा यहां पे ध्यान से समझिए इस चीज को अगर आप इस चीज को समझ गए तो काफी चीज आप समझ जाओगे ठीक है सो मैं यह कहना चाह रहा हूं कि अगर कोई रिक्वेस्ट गई है यहां से ठीक है थोड़ा सा मैं इसको सही कर देता हूं हां अगर यहां से रिक्वेस्ट गई है इन केस और यह रिक्वेस्ट ओबवियस बात है किसी ने यहां से की है और यह रिक्वेस्ट गई हमारे स्पिंग के प्रोजेक्ट प सर्वर प गए सर्वर प हमारा स्प्रिंग बूट का एप्लीकेशन चल रहा है तो स्प्रिंग बूट के एप्लीकेशन प प्रोजेक्ट चला अब प्रोसेसिंग कैसे होगी यह बात समझिए प्रोसेसिंग होगी कैसे इस बात को आप समझिए यहां पर जब हमारे स्प्रिंग बूड प्रोजेक्ट पर रिक्वेस्ट आएगी यहां पे तो स्प्रिंग बूड प्रोजेक्ट रिक्वेस्ट को एक्सेप्ट कर लेगा तो लेट्स डू दैट समथिंग लाइक दिस यहां पर यह रिक्वेस्ट को एक्सेप्ट कर लेगा एंड एक्सेप्ट करने के बाद इस रिक्वेस्ट को प्रोसेस की जाएगी बहुत सारा काम यहां पर किया जाएगा जो रिक्वायर्ड है आपने जो कोड लिखा होगा वो काम यहां पे किया जाएगा इफ दिस रिक्वेस्ट वांट्स सम डेटा फ्रॉम द डेटाबेस तो डेटाबेस से भी डाटा को एक्सेस कर सकता है कोई दिक्कत वाली बात नहीं यहां पे हमारा डेटाबेस है डीबी तो डीबी से भी डाटा को बहुत आसानी से एक्सेस किया जा सकता है डाटा यहां पे मिल गया अब क्योंकि क्लाइंट मोस्टली हमारा ब्राउजर होगा जैसे chrome-flags firefox.exe हम एक पेज जनरेट करेंगे दिस इज एक्चुअली जब जनरेट किया तब हम क्या करेंगे इस वाले प्रोसेस जब रिक्वेस्ट हुई थी तो इस वाले कांटेक्ट से जो डेटा हमें मिला था उस डाटा को यहां पे हम लोग पुट करेंगे अपने एचटीएमएल के अंदर जो भी डायनेमिक एटीएमएल आया हम लोग डाटा को पुट करेंगे यह डायनेमिक डाटा यहां से जाएगा डायनेमिक डाटा यहां से जाएगा यहां से जाएगा एंड html5 मेथड से स्प्रिंग बूड एप्लीकेशन में जो आपने कंट्रोल लिखा उस कंट्रोलर से लेकिन यह सब काम करेंगे यह सब काम करेंगे और यह सब काम करने के लिए हम लोग यहां पर टेंप्लेट इंजन यूज करते हैं क्या यूज करते हैं टेंप्लेट इंजन टेंप्लेट इंजन यहां मैं लिख दे रहा हूं टेंप्लेट इंजन यह सब काम करने के लिए हम लोग टेंप्लेट इंजन को यूज करते हैं और हम लोग यूज करेंगे टाइम लीप टेंप्लेट इंजन जो कि हमारी हेल्प करेगा हमारे कह सकते हो कि हमारा जो डायनेमिक डाटा आ रहा होगा उस डायनेमिक डाटा को हमारे एटीएमएल में पुट कर देगा एंड देन यह सब हो जाने के बाद हम लोग अपने रिक्वेस्ट कोट अपने ने रिक्वेस्ट को जो एक्सेप्ट किया था उसके रिस्पांस में यह वाला पेज यहां से उठा के हम लोग अपने क्लाइंट को भेज देंगे एंड दिस इज एक्चुअली अ रिस्पांस अब जनरेट हो गया होगा एंड जेएस जनरेट किया होगा इन सबका कॉमिनेशन हमारे रिस्पांस में आ जाएगा और यहां पे ये पेज होगी तो हम यहां पे आएंगे एंड अभी क्लोज कर दो थोड़ी देर के लिए हैड डिपेंडेंसी प चलेंगे और यहां पे हम लोग यूज करेंगे टाइम लीफ उसके बाद हमें यहां पे चाहिए होगा डटा जेपी ओबवियस स बात माल से रिलेटेड काम करने के लिए क्योंकि हम डेटाबेस यूज करेंगे नाने प्रोजेक्ट के अंदर तो हम लोग ओरम टूल यूज करेंगे डटा जीपीए तो हम यहां पे आएंगे एंड यहां पे यूज करेंगे डटा जीपीए स्प्रिंग डाटा जीपीए तो एक्चुअली डिपेंडेंसी को आप सही से लिख सकते हो मैंने सिर्फ डटा जीपीए लिख दिया था आप स्प्रिंग डटा जीपीए कर सकते हो यह तो आप समझ जाओगे इतना तो आप समझदार होही तो हम स्पिंग डाटा जेबीए कर देंगे इसको ओके एंड थाइम लीफ को थाइम लीफ भी कर सकते हैं जो नाम होगा आप यहां प डाल सकते हो नेक्स्ट अगर हमें वैलिडेशन करना है तो हमें वैलिडेशन भी चाहिए होगा तो हम ब बात जो फॉर्म जाएंगे उसको वैलिडेट करेंगे तो हम लोग यहां प आएंगे एंड यूज करेंगे वैलिडेशन पन वैलिडेशन विद हाइबरनेट वैलिडेटर तो हम लोग हाइबरनेट वैलिडेटर यूज करेंगे न को वैलिडेट करने के लिए सो लेट्स सी यहां पर लिख देते हैं ये एक्चुअली हाइबरनेट वैलिडेटर या बी वैलिडेटर है ठीक है बस आपको य टर लिखना था एंड वेटेट जब आप लिख दोगे तो आपके पास यहां पे ऐड हो जाएगा ओके नेक्स्ट हम लोग ऐड करते हैं हमें चाहिए होगा सिक्योरिटी तो सिक्योरिटी को अभी नहीं ऐड करेंगे यहां पे मैं कुछ स्टार लगा देता हूं इसको हम लोग बाद में ऐड करेंगे स्प्रिंग सिक्योरिटी तो लेट्स सी हम यहां पे स्प्रिंग सिक्योरिटी को बाद में ऐड करेंगे स्टार स्टार लगा दो कि हमने अभी ऐड नहीं किया ओ ऑथ क्लाइंट भी हम लोग बाद में ऐड करेंगे जब हम लॉगइन बनाएंगे एंड मॉडल मैपर ऐड कर सकते हैं मॉडल मैपर की डिपेंडेंसी ऐड कर सकते हैं कभी भी कभी-कभी हमें मॉडल्स को मैप करने की जरूरत होगी एक ऑब्जेक्ट की वैल्यूज को दूसरे ऑब्जेक्ट में डालने की जरूरत पड़ेगी तो हम लोग मॉडल पपर की डिपेंडेंसी लगा सकते हैं बट मैं बताऊंगा मेल की भी लगा सकते हैं बट अभी नहीं लगाऊंगा जब हमें मेल भेजना होगा तो हम लगाएंगे स्टार्टर मेल एंड लॉक की डिपेंडेंसी लगा सकते हैं तो यहां पे आएंगे हम लोग यूज करेंगे लबॉक लॉक और क्या चाहिए भाई अ ओके सो लॉक लगा लिया लम बॉक डेब टूल्स हम ले लेंगे डेब टूल्स जिससे हमारा जो प्रोजेक्ट है वो थोड़ा सा लाइव रीलोड हो तो डेप टूल्स ले लेंगे स्प्रिंग डेप टूल्स स्प्रिंग बूट डेप टूल्स और मा स्ल कनेक्ट कर लेंगे क्योंकि हमें मा स्कल यूज करना है अगर आपके पास पोस्ट ग्रेस है डेटाबेस यूज कर रहे हो तो पोस्ट गेस का कनेक्टर लीजिएगा तो अभी के लिए मैं माय एल ले लेता हूं तो यहां पे माय एल ड्राइवर एंड अगर पोस्ट गेस है तो आप पोस्ट गेस का एल ड्राइवल ले लीजिएगा ओके इतनी डिपेंडेंसीज हो गई तो हमारे पास बची कौन सी ये हो गया ये हो गया ये हो गया स्टार्टर बची है ये एंड ये भी ये भी बची है जब इसकी जरूरत होगी तो हम लेंगे ठीक है जब इसकी जरूरत होगी तो हम लोग लेंगे मॉडल मैपर की अभी हम नहीं लेंगे एंड स्टार्टर मेल भी जब हमें मेल भेजना होगा तब लेंगे तो हमारे पास एक दो तीन चार डिपेंडेंसी हमने नहीं ड की बाकी डिपेंडेंसी मैंने ऐड की आप चाहो तो आप ऐड कर सकते हो कोई दिक्कत वाली बात नहीं है एक ही बार में बट मैं दिखाना चाहूंगा एक्चुअली कब किसकी जरूरत है तब हम चीजों को ऐड करेंगे अब हमारे पास बन गया प्रोजेक्ट हमारे पास रेडी है डिपेंडेंसी मैं तो रिकमेंड करूंगा एक बार इसको एक्सप्लोर करके देख लीजिए जिससे आपको समझ में आ जाए ये देखिए सारी डिपेंडेंसी आ चुकी स्प्रिंग बड स्टार्ट डटा जेपी स्प्रिंग बट स्टार्टर थाइम लेप स्प्रिंग बट स्टार्टर वैलिडेशन स्प्रिंग बूट स्टार्टर वेब अब फाइनली हम क्या करेंगे हम लोग सब चीज होने के बाद हम जनरेट प क्लिक करेंगे जैसे जनरेट प क्लिक करेंगे तो यह पूछेगा एक्चुअली कहां प डाउनलोड करना है अगर आप यूज कर रहे हो ब अगर आप कम यूज करर तो ये सब नहीं पूछेगा डायरेक्टली डाउनलोड में डाउनलोड कर देगा तो मैं डेस्कटॉप प जाऊंगा वाइटी एलियास के अंदर जाऊंगा और यहां पर सेव कर दूंगा तो हमारे पास एससीएम ये देखिए हमारे पास एससीएम नाम से एक फोल्डर आ चुका है एक जिप फाइल चुकी है नॉट फोल्डर राइट क्लिक करेंगे इसको एक्सेट कर लेंगे एंड ये थोड़ा सा टाइम लेगा और आप देखोगे अज फाइल को हम हटा सकते हैं मैंने हटा दिया एंड हमारे पास यहां पे आप देखोगे तो ये देखिए एए 2.0 नाम से एक पूरा प्रोजेक्ट आ चुका है इसके अंदर देखोगे तो फाइल से भी फाइल्स भी हमारे पास हैं रसी फाइल है pom.xml फाइल है एंड बाकी जो चीजें हैं वो है हमारे पास तो परफेक्ट है अभी तक तो हम लोग एकदम सही रास्ते पे हैं रास्ते पे रास्ते पे हैं नेक्स्ट अब हम इस प्रोजेक्ट के अंदर छेड़छाड़ करने के लिए इस प्रोजेक्ट के अंदर कोड लिखने के लिए हमें क्या करना होगा हमें इसको किसी आईडी के अंदर ओपन करना होगा तो हमारे पास कई सारे ऑप्शंस है बताता हूं ठीक है आईडी पे काम करने के लिए हमारे पास कई सारे ऑप्शन है देखिए इसके नीचे डालते हैं हम आईडी में हम लोग क्या कर सकते हैं आईडी में हेडिंग टू लेते हैं यार हेडिंग टू ले लो आईडी में हम लोग यूज कर सकते हैं इंटेलीज एंड इंटे में आप कम्युनिटी वर्जन यूज कर सकते हो कम्युनिटी वर्जन इ बेसिकली फ्री होता है तो आप फ्री यूज कर सकते हो हमारे पास कम्युनिटी वर्जन है आप यूज कर सकते इफ यू वांट तो आप अल्टीमेट वर्जन भी यूज कर सकते हो अगर आपके पास सब्सक्रिप्शन है तो अल्टीमेट अल्टीमेट बहुत सारे लोग के पास ऑलरेडी सब्सक्रिप्शन है तो टेंशन लेने की जरूरत नहीं फिर तो आप डायरेक्टली ओपन करिए एंड अल्टीमेट से बढ़िया कुछ भी नहीं है अगर आप जुगाड़ विद्या यूज करना चाह रहे हो तो आप क्या कर सकते हो आप सब्सक्रिप्शन ले भी सकते हो ए या फिर क्रैक कर सकते हो एंड क्रैक करना मैं य नहीं बताऊंगा क्योंकि समझ सकते हो ना तो अलग बात है बट आप समझ सकते हो चीज नेक्स्ट काम करते हैं इसको हम लोग क्या करते हैं आईडी गा देते हैं एंड यहां पर हम लोग पेस्ट कर लेते हैं एंड ठीक है तो एक काम करते हैं न ठीक है अब सही है इ दोनों कोई यूज कर सकते हो बट गाइस मैं रिकमेंड करूंगा कि आप फ्री वर्जन यूज करिए यस बात है अगर अल्टीमेट वर्जन सबके पास होता भी नहीं बट अगर आप कॉलेज लेज में हो तो फ्री वर्जन आप यूज कर लो एक चीज और बता दूं अगर आप एजुकेशनल पर्पस के लिए एक्टिवेट करना चाह रहे तो एक्टिवेट कर सकते हो कम्युनिटी वर्जन भी एजुकेशनल परपस से नेक्स्ट आपके पास ऑप्शन है एसटीएस का यूज कर सकते हो एसटीएस फ्री है इसमें कोई दिक्कत वाली बात नहीं एंड हम लोगों ने बहुत बार स्टेस को यूज किया एंड आप वीएस कोड भी को भी यूज कर सकते हो इन इनमें से कोई भी आईडी यूज कर सकते हो इवन आप नेट बनस भी यूज़ कर सकते हो नेट बनस सबका तरीका एक ही है गाइस मैं एक दो बता देता हूं कैसे करना है मैं ऑफिशियल यूज़ करूंगा वीएस कोड क्योंकि वीएस कोड के लिए मैं बहुत वीएस कोड को मैं बहुत सारी चीज के लिए यूज़ करता हूं तो मैं जावा के लिए भी इस बार वीएस कोड को यूज़ करूंगा एंड वीएस कोड के अंदर बहुत सारे फीचर हमें मिल जाएंगे मैं बताता हूं क्या दिक्कत अगर मैं इंटेलिजेंट कम्युनिटी वर्जन यूज़ करता हूं तो वहां पे हमें सपोर्ट नहीं मिलेगा क्योंकि हमारा वेब प्रोजेक्ट है तो वहां पे एचटीएल के लिए भाई हमें सपोर्ट चाहिए हमें बहुत सारी डिजाइनिंग लिखनी है बहुत सारा एटीएमएल कोड लिखना है बहुत सारा सीएसएस लिखना है बहुत सारी डिजाइनिंग करनी है तो अगर हमें html5 वर्जन नहीं है हमारे पास फ फ्री वर्जन है लेकिन फ्री वर्जन में हमें एटीएमएल सीएसएस का सपोर्ट इतना अच्छा नहीं मिलेगा एसटीएस में भी वही है कि हमारे पास जावा का सपोर्ट तो बढ़िया है बट एटी सीएस का इतना बढ़िया सपोर्ट नहीं मिलेगा हम वहां पे क्योंकि क्लिप्स बेस आईडी है वीएस कोड के अंदर हमें एटी सीएसएस का भी सपोर्ट मिलेगा अच्छा सा एंड साथ ही साथ में हमें जावा का भी सपोर्ट अच्छा मिलेगा तो हम वीएस कोड यूज करेंगे और थोड़ा सा मॉडर्न लुक एंड फील है वीएस कोड में हम लोग बहुत ज्यादा काम करते हैं तो हमें चीजें पता भी है भाई कैसे करना है नेट बस भी आप यूज कर सकते हो टोटली डिपेंड करता है तो मुझे कुछ भी नहीं करना है आपको भी कुछ नहीं करना अगर आप सोच रहे हो कि मुझे कुछ नहीं करना आपको कुछ पड़ करना पड़ेगा नहीं बस जो आपका प्रोजेक्ट है ना गाइस य ये वाला प्रोजेक्ट इसको ओपन करना है अगर आपके पास इंटेल है तो मैं दिखा देता हूं आपके पास इंटेलीज है हम कम्युनिटी वर्जन ये रहा इंटेलीज सिंपली आपको ओपन पे क्लिक करना है एंड अपने फोल्डर के अंदर जाना है एससीएम पे क्लिक करना है एंड एसीएम 2.2 को सेलेक्ट कर लेना है ट्रस्ट कर दीजिए एंड आपका प्रोजेक्ट यहां पे ओपन हो जाएगा थोड़ा सा टाइम लेगा आप देख सकते हो थोड़ा सा टाइम गा यह प्रोजेक्ट को ओपन कर देगा ये देखिए प्रोजेक्ट आपका ओपन है अभी रन मत करिएगा थोड़ा सा ये देखिए नीचे ये थोड़ा सा बिल्ड वगैरह करेगा तो बिल्ड उसको करने दीजिएगा कंप्लीट हो जाने दीजिए ठीक है इस तरफ तो राइट बॉटम प ये थोड़ा सा बिल्ड करेगा तो बिल्ड उसको करने दीजिएगा देन आप अपने प्रोजेक्ट को टच करिएगा अगर हम देखें स्ट्रक्चर की बात करें तो हमारे पासस एसआरसी है देन मेन है मेन को ओपन करेंगे तो हमारे पास जावा है रिसोर्सेस है जावा को ओपन करेंगे तो जावा के हमारे फोल्डर्स दिखेंगे ये एप्लीकेशन है अगर हम इसको ओपन करते हैं तो आप देखोगे ये हमारा मेन एप्लीकेशन है दिख गया मेन एप्लीकेशन एंड ये मेन एप्लीकेशन हम जैसे रन करेंगे हमारा प्रोजेक्ट अप एंड रनिंग हो जाएगा तो हम जितने भी जावा का कोड लिखेंगे पैकेज बना के हीं पे लिखे यहां पैकेज बनाएंगे लिखेंगे पैकेज बनाएंगे लिखेंगे अगर हमें कुछ एक्स्ट्रा चीज़ चाहिए होगी जैसे फॉर एग्जांपल अगर हमें कोई इमेज रखनी है या फॉर एग्जांपल हमें कोई फाइल रखनी है हमें एमएल रखना सीएसएस रखना वह सब चीज़ कहां रखेंगे वह सब चीज़ हम रिसोर्सेस फोल्डर में रखेंगे तो हम इसको ओपन करेंगे तो आप देखोगे हमें एक स्टैटिक फोल्डर दिख रहा है स्टैटिक के अंदर हम स्टैटिक चीज़ रखेंगे किसी कोई इमेज हो गई टेंप्लेट आएंगे जो हमें रेंडर करने वो एचटीएमएल जो मैं आपको दिखा रहा था टेंप्लेट इ बेसिकली एटीएमएल जो हमें डायनेमिक रेंडर करना है यह वाला एटी ये वाला ये वाला आप देख पा रहे हो तो ये चीज हमें किसम अंदर रखनी है यह चीज हमें रखनी है अपने टेंपलेट्स के अंदर और सबसे इंपोर्टेंट फाइल है एप्लीकेशन प्रॉपर्टीज फाइल ये एक्चुअली इसके अंदर हम रखेंगे कॉन्फिन भाई डेटाबेस की कॉन्फिन डेटाबेस का यूजर नेम पासवर्ड हमारा जो सर्वर चल रहा है उसका पोर्ट नंबर हम मेल एपीआई की चीज यूज करेंगे तो मेल एपीआई की कॉन्फिन इसके अंदर रखेंगे मेल एसटीपी सर्वर यूजर नेम पोट पासवर्ड ये सब चीज हम यहां पे रखेंगे तो यह बेसिकली कॉन्फिन फाइल होती है बाकी आपको अगर कोई डिपेंडेंसी ऐड करनी है तो हमारे लिए इंपोर्टेंट फाइल है pom.xml ओपन करेंगे यहां पे वो सारी जो आपने डिपेंडेंसी ऐड की थी वो सब हमें यहां पे मिल जाएंगी देखिए स्प्रिंग बूट स्टार्टर डाटा जीपीए ठीक है स्प्रिंग बूट स्टार्टर थाइम लीफ स्प्रिंग बूट स्टार्टर वैलिडेटर वैलिडेशन स्प्रिंग बूट स्टार्टर वेब स्प्रिंग बूट डेब टूल्स सब चीज मिल जाएगा स्प्रिंग मा स्ल कनेक्टर सब चीज यहां प मिल जाएगा इफ यू वांट अगर आपको कुछ ऐड करना है तो आप यहां ऐड भी कर सकते हो डिपेंडेंसी आके ऐड कर दो नेट से कॉपी करो डिपेंडेंसी यहां प ऐड कर दो ट्स इट उसके बाद आपको यहां पर आना है एंड प्रोजेक्ट को रीलोड कर लेना है अभी प्रोजेक्ट रन नहीं करेंगे पता है क्यों क्योंकि हम लोग ने डेटाबेस की डिपेंडेंसी यहां प डाल रखी है स्प्रिंग बूट स्टार्टर टा डेटा जीपी तो हमें डेटाबेस की कॉन्फिन करनी होगी तभी प्रोजेक्ट चलेगा अदर वाइज अगर आप अपने एप्लीकेशन को रन करोगे सो एरर आ जाएगी देखिए मैंने प्रोजेक्ट को रन कर दिया एंड एरर आ गई क्योंकि स्प्रिंग बूट ऑटो कॉन्फिन सब चीज करता है सब चीज अब दिक्कत ये होगी गाइस कि जैसे मैंने अपने प्रोजेक्ट को रन किया इसने डेटाबेस को कॉन्फिनेट पेंडेंसी ऐड कर रखी है डेटाबेस की और डेटाबेस कॉन्फिन ऐड करने की वजह से ऑटो कॉन्फिन ट्रिगर हुआ लेकिन हमने जो रिक्वायर्ड प्रॉपर्टीज थी वो नहीं डाली भाई डेटाबेस का यूजर नेम नहीं डाल रखा है पासवर्ड नहीं डाल रखा है तो उसने एरर दे दिया कि भाई हमें ये सब चीज चाहिए ये देखिए यूआरएल चाहिए ये सब चीज चाहिए तो अभी हम डालेंगे फिर स्टार्ट करेंगे तो ये इंटेलीज है अब यहीं से हम प्रोजेक्ट बनाएंगे न्यू पे चलेंगे एंड क्लास बना लेंगे क्लास बनाते जाएंगे कोई h फाइल बनानी है तो यहां पे जाएंगे राइट क्लिक करेंगे html5 बना लेंगे ठीक है ज सब चीज कर लेंगे स्टैटिक फाइल पे जाएंगे यहां बना लेंगे तो इंटे में इस तरह से यूज करेंगे बस प्रोजेक्ट प्रोजेक्ट को रन करने के लिए सिंपली हम रन बटन पे क्लिक करेंगे हमारा प्रोजेक्ट रन हो जाएगा अगर आपको वीएस कोड में यही प्रोजेक्ट चलाना था तो हम क्या करेंगे वीएस कोड ओपन कर लेंगे भाई वीएस कोड डाउनलोड कर लीजिए एंड वीएस कोड ओपन कर लीजिए इतना तो मुझे लग रहा है कर ही लोगे सब लोग तो लेट्स ओपन वीएस कोड एंड ये हमारा पुराना प्रोजेक्ट ओपन है हम लोग क्या करेंगे इसको बंद कर दो या ठीक है कोई दिक्कत वाली बात नहीं हम फाइल प चलते हैं एक नई विंडो ओपन कर लेते हैं यस एंड पुरानी विंडो को हम क्लोज कर देते हैं यस तो ये हमारा वीएस कोड है एंड वीएस कोड है तो आपको टेंशन नहीं लेना इसमें भी हम क्या करेंगे सबसे पहले हमें एक्सटेंशन डाउनलोड करना होगा हम इस एक्सटेंशन पर क्लिक करेंगे एंड यहां पर हम डाउनलोड करेंगे जावा लिखेंगे जावा लिखेंगे तो आपको यहां पे यह देखिए एक्सटेंशन पैक फॉर जावा इसको हम डाउनलोड कर लेंगे पॉपुलर एक्सटेंशन फॉर जावा डेवलपमेंट ट प्रोवाइड जावा इंटेलिजेंस डीबगिंग एंड जो भी है इसके अंदर व सब चीज हम मिल जाएगा एक चीज हम और यहां पर आएंगे एंड यहां हम लोग डालेंगे स्प्रिंग बोट ए स्प्रिंग बूट डेप टूल्स या स्प्रिंग बूट टूल्स प आएंगे एंड इसको भी इंस्टॉल कर लेंगे प्रोवाइड डे वैलिडेशन एंड कंटेंट असिस्टेंट फर स्प्रिंग बूट एंड हा ठीक इसको भी कर लेंगे एंड इसके अंदर हमें आई थिंक हम एक ऐसी डिपेंडेंसी एक ऐसा एक्सटेंशन चाहिए मुझे जिसके अंदर सब मिल जाए तो हमें डैशबोर्ड भी चाहिए हां तो डैशबोर्ड भी चाहिए तो हम डैशबोर्ड भी ले लेंगे तो एक्चुअली आप यह वाला ये वाला डाउनलोड कर लीजिएगा स्प्रिंग बूट एक्सटेंशन पैक जिसके अंदर हमें दो तीन ये सब चीज मिल जाएगा स्प्रिंग ब टूल्स भी मिल जाएगा एंड हमें स्प्रिंग इलाइल जावा सपोर्ट भी मिल जाएगा स्प्रिंग डैशबोर्ड भी मिल जाएगा तो आप ये वाला डाउनलोड करिएगा स्प्रिंग बूट एक्सटेंशन पैक तो हमें ये भी मिल जाएगा ये भी मिल जाएगा और ये भी मिल जाएगा तो तीनों मिल जाएंगे स् बूड के लिए ट्स इट और कुछ नहीं करना तो आप दो एक्सटेंशन इंपॉर्टेंट है एक्सटेंशन पैक फॉर जावा एंड स्प्रिंग बूड एक्सटेंशन पैक जावा एक्सटेंशन पैक एंड स्प्रिंग बूड एक्सटेंशन पैक तो ये दोनों इंपोर्टेंट है कर लीजिएगा डाउनलोड उसके बाद हमको कुछ नहीं करना हमें ओपन फोल्डर प जाना है एंड बस डेस्कटॉप प जाना है अपने प्रोजेक्ट के अंदर चले जाइए एंड एससीएम अपना प्रोजेक्ट सेलेक्ट करिए एंड ओपन कर लीजिए यू विल फाइंड ये ट्रस्ट करने के बोलिएगा मैं कहूंगा भाई मैं खुद को तो ट्रस्ट करता ही हूं ट्रस्ट करूंगा एंड थोड़ा सा य टाइम लेगा ओपनिंग जावा प्रोजेक्ट वगैरह एंड ये कह रहा है नल नटेशन टाइप हैव बीन डिटेक्टेड इन प्रोजेक्ट डू यू वांट टू इनेबल नल एनालिसिस मैं कहूंगा नल एनालिसिस तो अभी नहीं करनी है अभी मैंने इसको डिसेबल कर दिया तो यह हमारा प्रोजेक्ट ओपन हो गया बट यहां पर कुछ चीज मैं आपको बताना चाहूंगा हमारे पास कई सारी विंडो है ये देखिए एससीएम ये हमारा फोल्डर है इसके अंदर हम देखें तो हम सोर्स भी है मेन भी है जावा भी है एंड हमारा एप्लीकेशन भी है ठीक है ओ रिसोर्सेस है रिसोर्सेस के अंदर हमारी एप्लीकेशन प्रॉपर्टी फाइल है वही चीज जो हमारे इंटेल में दिख रही थी इसके अंदर हम टेंप्लेट एम बना सकते हैं स्टैटिक फाइल्स बना सकते एंड को भी यहां से हम एडिट कर सकते हैं नाउ एक बार प एडिट हो जाएगी उसके बाद बहुत सारी कर सकते सब चीज कर सकते हैं बट हम यहां से हमें एक्सप्लोरर से यह जो ए 2.2 है इसको हमें छेड़ना नहीं हम इसको बंद कर देंगे जब जरूरत पड़ेगी तो इसको ओपन करेंगे जैसे बंद करेंगे तो हमारे पास एक ऑप्शन और दिख रहा है आउटलाइन का उसके नीचे एक और दिख रहा है जावा प्रोजेक्ट्स का आप देखोगे यहां टाइमलाइन दिख रहा है एंड मेवन दिख रहा है तो हम इस जावा प्रोजेक्ट पर क्लिक करेंगे जैसे हम जावा प्रोजेक्ट पे क्लिक करेंगे हमारा जो प्रोजेक्ट है यहां पे दिख जाएगा हमारे इस वर्कस्पेस में जो हमने एसीएम 2.2 ओपन कर रखा है उस वर्क स्पेस में यह वाला प्रोजेक्ट हमारे पास जावा दिखा है तो उसने डिटेक्ट कर लिया अपने आप से इसको ओपन करेंगे तो आप देखोगे इ क्लिप्स जैसा स्ट्रक्चर मिलेगा य इ क्लिप्स जैसा स्ट्रक्चर आपके पास एसआरसी स्न जावा है इसको ओपन करोगे तो हमारे पास पैकेज है कॉए इसको ओपन करेंगे तो हमारे पास जावा एप्लीकेशन है यह देखिए एक मेन क्लास है मतलब एक एप्लीकेशन है यही एंड यह स्प्रिंग बूट का है तो हम इस पर क्लिक करके आई थिंक हम लोग रन कर सकते हैं यह देखिए रन बटन प क्लिक करके रन कर सकते हैं वा अगर आपको कोई पैकेज बनाना है तो आप इस पे राइट क्लिक करके न्यू पे जाकर के बना सकते हैं क्लास इंटरफेस नम रिकॉर्ड एनोट ए क्लास पैकेज फाइल दैट मींस हम पैकेज के अंदर पैकेज बना सकते हैं जावा के अंदर हम इस प्लस बटन प क्लिक करके क्या-क्या बनाना है यहां पे देखो हम क्लास बना सकते हैं सब चीज बना सकते हैं इस प्लस पर क्लिक करेंगे चलो भाई मतलब जावा का कोड हम एसआरसी स्मन जावा के अंदर करेंगे ठीक है अगर आपको कुछ स्टैटिक चीज चाहिए तो हम रिसोर्सेस के अंदर आएंगे इसको ओपन करेंगे तो हमें वही तीन चीज मिल जाएगी स्टैटिक टेंप्लेट एंड एप्लीकेशन ड प्रॉपर्टीज अगर हमें एप्लीकेशन प्रॉपर्टीज के अंदर ओपन करना है तो हम इस पर क्लिक करेंगे लिखना है तो इसको क्लिक करके ओपन कर लेंगे और यहां पे लिख देंगे जैसे हमें पोर्ट नंबर चेंज करना है तो हम यहां पे स्प्रिंग डॉट आई थिंक हमें लिखना है यहां पे सर्वर डॉट पोट और ये अस असिस्टेंट भी देगा तो ये बढ़िया चीज है हम यहां प 8081 लिख देंगे तो अब हमारा जो सर्वर चलेगा वो 8081 पर चलेगा नाइस तो यहां पर हम अभी डीबी काकेशस भी करेंगे यहां पर हम लोग मायल डेटा बेस कॉन्फिन एंड देन ईमेल कॉन्फिन ऐसा करके हम यहां पर सारी प्रॉपर्टी सेट करेंगे फिर हम उसको यूज करेंगे चलो भाई बढ़िया ये कुछ बता रहा है चलो अभी वो सब बाद में देखेंगे नेक्स्ट तो दो चीज हो गई कोई html5 बन जाएगी अ ये देखिए index.htm फाइल के अंदर बन गई एंड यहां पे हम लोग html5 नेक्स्ट नेक्स्ट नीचे अगर आपको टेस्ट वेस्ट करना है तो टेस्ट वाला फोल्डर है अभी हम टेस्ट वेस्ट कुछ-कुछ चीजें करेंगे तो मैं बताऊंगा कैसे करना है बाकी यह सब चीज टारगेट वाला फोल्डर है जो बिल्ड होता है वोह सब चीज उसको आपको छेड़ना नहीं है इसको छूना भी नहीं है टारगेट स्लश जनरेटर सोर्स कोड ये सब नहीं छूना है टारगेट स्लश जनरेट टेस्ट सोर्स कोड ये सब नहीं छूना और ये जीआर की लाइब्रेरी है तो इसको भी हमें सेट नहीं छूना नहीं है जितनी भी मे डिपेंडेंसी है वो आपको यहां पे दिख जाएंगी ठीक है तो इसको भी अगर जरूरत है तो छूना अदर वाइज मत छूना बस और कुछ भी नहीं छूना हमें ठीक है एक चीज और छूने पड़ सकता है ये एसआरसी वगैरह वही है जो ऊपर आपने देखा ठीक है तो ये ये एसआरसी सब चीज ई तो इधर ये चीज नहीं चुनी आपको ये एसआरसी मेन जावा के अंदर कोड लिखने है एआरसी मेन रिसोर्सेस के अंदर हमारे रिसोर्सेस लिखने है अगर इन केस पड़ी जरूरत तो पल को हम लोग ओपन करेंगे एंड यहां पे हम लोग चेंजेज करेंगे ठीक है हम लोग चेंजेज करेंगे यहां पे अगर इन केस इफ रिक्वायर्ड अगर जरूरत है कुछ डिपेंडेंसी ऐड करने के लिए तो करेंगे अदर वाइज हम नहीं करेंगे बस ये ठीक है अब हम प्रोजेक्ट को रन कैसे करेंगे इसमें इसमें प्रोजेक्ट को रन कैसे करेंगे देखिए इसमें प्रोजेक्ट को रन करने के लिए कुछ नहीं करना है आपको अपने प्रोजेक्ट पे राइट क्लिक करना है और यहां पर एक रन बटन दिख रही है बस रन रन बटन प जैसे क्लिक करोगे आपका प्रोजेक्ट रन हो जाएगा आपके प्रोजेक्ट का मेन एप्लीकेशन रन हो जाएगा ये देखिए बट इसमें भी वही एरर आई गाइज वही एरर आ ई मतलब इसमें भी हमने अभी देखो डेटाबेस के कॉन्फिन नहीं डाली है तो इसलिए एरर आ रही है तो इसको भी हम छोड़ देंगे अभी अगर चल जाता तब तो भाई हम एप्लीकेशन को ओपन कर लेते ब्राउजर से हमारा काम हो जाता ठीक है इन केस आपको कुछ और अपने जावा प्रोजेक्ट से रिलेटेड करना है तो यहां पे बहुत सारे ऑप्शंस हैं जैसे फॉर एग्जांपल अगर हम इस पे राइट क्लिक करते हैं तो यहां पे देखो रिवील इन एक्सप्लोरर कॉपी पाथ कॉपी रिलेटेड पाथ बिल्ड रिबिल्ड ऑल रिबिल्ड प्रोजेक्ट रन मेवन रीलोड कर सकते हैं अगर आपने कोई डिपेंडेंसी ऐड की तो आपको मे में रीलोड की जरूरत है तो अपने प्रोजेक्ट प राइट क्लिक करिए और मे बन यहां पर रीलोड प्रोजेक्ट प क्लिक कर दए तो डिपेंडेंसी सारे रीलोड हो जाएंगे एंड बहुत सारी चीज ओपन पॉम फाइल क्लिक करके आप पॉम फाइल ओपन कर सकते हो यहां से भी डायरेक्टली एंड रन मेमन कमांड यहां पे मेमन कमांड भी आप रन कर सकते हो क्या करना है भाई क्लीन करना है डेट कंपाइल सब चीज कर सकते हो तो बहुत तगड़ा है भाई वीएस कोड भी अब जावा का सपोर्ट बहुत तगड़ा दे रहा है ट्स इट इतना ही काम तो कर ना है सस कोड यूज करने का फायदा गाइस यही है कि इसके अंदर हमें एटीएल के इंटेलिजेंस और ससस के इंटेलिजेंस बहुत तगड़े तरीके से मिलेंगे उसको नेक्स्ट वीडियो में बताऊंगा कैसे हम लोग अपने प्रोजेक्ट के अंदर टेल विंट को यूज करेंगे ठीक है और इंटेलिजेंस कैसे सेट करेंगे उस सब चीज मैं आपको बताऊंगा तो आपको टेंशन लेने की जरूरत नहीं है ये हो गया बस अब इसमें से आप इंटेलिजेंस यूज करो चाहे ये यूज करो एक ही चीज है आईडी डजन मैटर मैटर करती है आपकी प्रोडक्टिविटी को बढ़ाने के लिए बट फिलहाल आप जिस चीज को सीख रहे हो उसको सीखो आईडी पे टेंशन मत लो आप इंटेल यूज करो वीएस कोड यूज करो कुछ भी यूज करो कोई फर्क नहीं पड़ता नेक्स्ट अगर हमें एसटीएस यूज करना तो हमें क्या करना है हम इसको बंद कर देते हैं आई डोंट वांट दिस इसको अभी के लिए बंद कर देते हैं हमने दोनों बता दिया इलज एंड वीएस कोड नेक्स्ट हम लोग आते हैं हमारे पास आई थिंक एसटीएस नहीं है एसटीएस है तो एसटीएस को ओपन करेंगे क्या कह रहा है कांट बी ओपन व्हाई व्हाई दिस कांट बी ओपन वई दिस कांट बी ओपन ओके लेट्स ट्राई ट हम देखते हैं डाउनलोडस में क हमारे पास एसटीएस है क्यास कोई नहीं कोई नहीं इफ यू कांट ओपन दिस तो हम लोग क्या करते हैं एसटीएस को डाउनलोड करके मैं दिखाता हूं आपको ठीक है एसटीएस स्प्रिंग टूल सूट एंड आई डोंट वांट वीएस कोड मुझे चाहिए स्प्रिंग टूल सूट फॉर इ क्लिप्स एंड हम लोग यूज करेंगे अपना मैक ओ तो मैक ओ मैं क्या करता हूं मैक ओ हमारे पास आई थिंक हमारे पास ये वाला सेटअप चलेगा क्या एक बार ये वाला डाउनलोड करते हैं आई डोंट थिंक ये वाला चलेगा एक बार हम लोग ये वाला डाउनलोड करते हैं आ 64 ठीक है एक बार यह वाला हम लोग डाउनलोड करेंगे एंड रन करके देखेंगे तो जब ये डाउनलोड हो जाता है उसके बाद मैं रन करके आपसे मिलता हूं एंड ये भी बताता हूं कि एक्चुअली कैसे हम लोग एसटीएस के अंदर काम करेंगे सेम है प्रोजेक्ट को ओपन करेंगे दैट्ची एआरसी स्मन स् जावा इसमें भी एआरसी मेन स् रिसोर्सेस ये दोनों फोल्डर्स मिल जाएंगे हमें पम में मिल जाएगा सब चीज मिल जाएगा देन हम वहां पे डायरेक्टली काम कर सकते हैं सो भाई इसको हो जाने देते हैं फिर मैं बताता हूं आपको कैसे करना है तो यार हमारा यहां पे एसटीएस डाउनलोड हो हो चुका है सिंपली हम क्या करेंगे राइट क्लिक करके हम इसको ओपन कर लेंगे एंड क्योंकि हम मैक यूज कर रहे हैं तो हम सिंपली इसको हम ड्रैग करके ड्रॉप कर देंगे एप्लीकेशन के अंदर एंड हम रिप्लेस कर देंगे हमारे पास ऑलरेडी है तो आप क्या कर विंडोज है तो आप राइट क्लिक करके चला दीजिएगा एक्सट्रैक्ट हो जाएगी जर फाइल एंड बस जर फाइल जो एक्सट होगी फोल्डर मिलेगा उस फोल्डर को ओपन करिएगा उसके अंदर जाइएगा और अपनी एकसी फाइल एग्जीक्यूट कर दीजिएगा सिंपल एज दैट कोई दिक्कत आती है तो आप कमेंट सेक्शन में बताइएगा ओके उसके बाद हमारा ये जो है ना एप्लीकेशन वो हमारे यहां पे आ चुका होगा हम एसटीएस सर्च करेंगे तो आप देखोगे ये देखिए एंड अगर आ चुका होगा तो हम लोग इसको ओपन कर सकते हैं एंड ओपन करेंगे तो आपका एसटीएस ओपन हो जाएगा कुछ ऐसे ये देखिए ये आपसे वर्कस्पेस पूछ रहा है तो मैं डिफॉल्ट वर्कस्पेस लंच कर दूंगा डिफॉल्ट वर्क स्पेस पे ये देखिए आपका यहां पे प्रोजेक्ट कुछ ऐसा लंच हो जाएगा ये देखिए प्रोजेक्ट नहीं आपका आईडी लंच हो गया अब एक बार आईडी लंच हो गया तो हम क्या कर सकते हैं हम फाइल पे जा सकते हैं एंड हम लोग ओपन कर सकते हैं ओपन फाइल नहीं हम क्या करेंगे हम प्रोजेक्ट को इंपोर्ट करते हैं क्या चलो इंपोर्ट कर लेते हैं और हमारे पास ये नॉर्मल मेवन का प्रोजेक्ट हैट का जो प्रोजेक्ट प्रोजेक्ट है वो मेवन का ही तो है टाइप याद करो हमने स्टार्टिंग में वंस अपॉन अ टाइम हमने मेवन चूज किया था ठीक है तो हमारे पास एसिस्टिंग मेवन प्रोजेक्ट है नेक्स्ट करेंगे एंड ब्राउज करेंगे ब्राउज में हम लोग अपना फोल्डर चूज कर लेंगे एसीएम वाला एसआरसी की पैरेंट डायरेक्टरी एसीएम 2.0 ओपन कर लेंगे एंड इसने डिटेक्ट कर लिया फम फम धर अगर आपको नहीं दिख रहा तो मैं बता दूं इस तरफ हल्का सा यहां पे अगर ये कुछ बिल्ड करता है तो उसको बिल्ड हो हो जाने दीजिए प्रॉपर तगड़े से जब बिल्ड हो जाएगा तब आप अपने प्रोजेक्ट को टच करिएगा एंड प्रोजेक्ट आपको कुछ यहां दिख रहा है अभी मैंने फंट ऑट बढ़ाया नहीं तो छोटा दिख रहा होगा बट आई थिंक इतना समझ लो इसको ओपन करेंगे अपने प्रोजेक्ट को यहां से डबल क्लिक करके ओपन कर सकते हैं बट अभी आई थिंक कुछ कर रहा है क्या ओपन क् नहीं हो रहा हां ठीक है तो ओपन कर लेंगे एंड जब हम ओपन करेंगे तो यहां हमें वही सारी चीजें दिखेंगी जो हमें वीएस कोड के अंदर दिखा दिखा है तो हमें कंफ्यूज होने की जरूरत नहीं है हम यहां पे एसआरसी स्मन जावा है इसके अंदर हम ओपन करेंगे तो हमारे पास पैकेज दिखेगा कॉए ओपन करेंगे तो हमारा एप्लीकेशन दिखेगा ये देखिए ठीक है मेन क्लास जिसके अंदर मेन मेथड है इस क्लास को रन करेंगे हमारा एप्लीकेशन रन हो जाएगा तो अगर मुझे कुछ क्लास बनानी है पैकेज बनाना तो हम इस पे राइट क्लिक करेंगे न्यू पे जाएंगे एंड पैकेज बना लेंगे क्लास बनाना है क्लास बना लेंगे जो भी बनाना है बना लेंगे बस ये चीज याद रखिएगा हम इसी पैकेज के अंदर काम करेंगे इसके बाहर नहीं काम करेंगे तो हम अपने पैकेज पे राइट क्लिक करेंगे यहां पे जो भी बनाना है क्रिएट कर लेंगे कुछ जावा क्लास बनानी है मतलब जावा से रिलेटेड जी सोर्स कोड के अंदर जावा ही रखेंगे मतलब एसआरसी स् मेन जावा के अंदर जावा ही रखेंगे कुछ एक्स्ट्रा रखना है तो हम रिसोर्सेस को ओपन करेंगे यहां पे हमें एप्लीकेशन प्रॉपर्टीज मिलेगी याद करिए हम लोगों ने वीएस कोड से लिखा था वो यहां पे भी लिखा है अगर हमें को एटीएल वगैरह बनाना है तो टेंपलेट्स के अंदर जाएंगे एंड इक्सड ए यहां पे बना लेंगे ठीक है सपोज हमें एटीए तो यहां पे हमें भैया वो हमें नहीं मिलेगा वो सब जो हमें बीएस कोड के अंदर हमें नहीं मिलेगा जो ऑटो सजेशन मिलता है एंड जो अपने आप से कोड जनरेट हो जाता है यह सब चीज नहीं मिले तो हमस कोड एटील बनाना है तोस कोड थोड़ा सा इंपोर्टेंट है इस केस में तो एटील का सपोर्ट सस कोड में सबसे बढ़िया मिलेगा इसलिए हम लोगस कोड यूज करेंगे तो हमारे पास य चीज हो ग कोई स्टैटिक फाइल एटी रखना है सॉरी सीएसएस रखना है जावास्क्रिप्ट रखनी है कोई इमेज रखनी वो सब य रखेंगे तो इस रख रते ठीक है बस एंड इससे हमें कोई मतलब नहीं टेस्ट से जब हम टेस्ट से रिलेटेड कुछ टेस्ट केसेस लिखेंगे तब हम इसको यूज करेंगे एंड ये जी आरई की लाइब्रेरी है जो हम लोग यूज कर 21 एंड देन फाइनली मेवन की डिपेंडेंसी है अगर दे है तो जरूरत पड़गी देखेंगे ये सब वही चीज है जो ऊपर हमने एक्सेस किया वही चीज है इस इन दोनों फोल्डर को छेड़ने की जरूरत नहीं है ये डायरेक्टली जनरेट होंगे यहां से हम इसमें लिखेंगे इसमें लिखेंगे तो इसके अंदर कोड अपने आप आता रहेगा एक इंपोर्टेंट फाइल और बच गई pom.xml इसके अंदर डिपेंडेंसीज होती है डबल क्लिक करके आप ओपन करोगे तो वही सारी डिपेंडेंसीज यहां पे दिखेंगी तो आप यहां से भी चेंज कर सकते हो एंड चेंज करने के बाद आप प्रोजेक्ट प राइट क्लिक करके मेवन पे जा कर के एंड इसको आप अपडेट कर सकते हो मेवन अपडेट होगा कहीं ये रहा मेवन अपडेट करके अपनी डिपेंडेंसीज को अपडेट कर सकते हो बस तो एगजैक्टली सेम ऐसे इसमें करेंगे अब आपको क्या करना है बस कोड लिखना है अगर मान लो आप इक्लिप्सो कर रहे हो या मान लो आप एसटीएस यूज़ कर रहे हो मैं वीएस कोड यूज़ कर रहा हूं तो आपको टेंशन नहीं लेना है जैसे मैं क्लास बनाऊंगा तो आप यहां पे क्लास बना लीजिएगा अगर मैं एटीएमएल बनाता हूं तो आप यहां पे आईडी नहीं जो कांसेप्ट आप सीख रहे हो उसपे आप काम करिए ओके नेक्स्ट हम लोग डेटाबेस सेट अप करते हैं साथ ही साथ में हम लोग फ्रंट एंड ईवा के लिए सेटअप करते हैं टेल विं टेल विं का मैं एक अलग वीडियो बनाऊंगा क्योंकि यार इंपॉर्टेंट है टेल विं एंड उसमें थोड़ा सा हम लोग देखेंगे कैसे हमें यूज़ करना है कैसे हम अ अपने सीएसएस को जनरेट करेंगे आउटपुट फाइल को जनरेट करेंगे कैसे हम वच करेंगे कि भाई जैसे हम कोड लिखते जाए और हमारा काम होता जाए और कैसे हम एक्चुअली अपने अ इंटेलिजेंस को चला सकते हैं वीएस कोड के अंदर तो इस वीडियो के अंदर सेटअप कैसे करना है प्रोजेक्ट तीनों में मैंने बता दिया नेक्स्ट वीडियो के अंदर हम लोग सेटअप करते हैं डेटाबेस उसके बाद हम लोग सेटअप करते हैं एक्चुअली या हम एक ही में कर देंगे दोनों मैं टाइम स्टेम दे दूंगा एंड टाइम स्टेम से आप उसको एक्सेस कर लीजिएगा ओके सो हम लोग बना रहे थे यहां पे प्रोजेक्ट विद द हेल्प ऑफ स्प्रिंग बूट और हमारा प्रोजेक्ट का नाम था एए 2.0 हम लोगों ने बना लिया था प्रोजेक्ट साथ ही साथ में उसको इंपोर्ट कर लिया था अपनी फेवरेट आईडी फेवरेट आईडी मींस कि अगर आप इलज यूज़ करोगे तो इलज का भी मैंने बता दिया था वहां पे वीएस कोड यूज़ करोगे वो भी मैंने बता दिया था एसटीएस यूज़ करोगे तो वो भी मैंने बता दिया था डिटेल में सब चीज मैंने कवर कर दिया था क्या प्रॉब्लम्स आएंगी वो सब चीज हमने बता दिया था जिससे आपको कोई प्रोजेक्ट बनाने और इंपोर्ट करने में दिक्कत ना हो आप कोई भी आईडी खुल के यूज करो क्या दिक्कत हो रही है हम हमने ओपन कर लिया वीएस कोड अगर आपको ये ये जानना है कि मैं कौन सा थीम यूज कर रहा हूं तो बता दीजिए भाई मैं उसका एक वीडियो बना दूंगा या फिर शॉर्ट में बता दूंगा कि मैं थीम कौन सा यूज कर रहा हूं चलो तो ये रहा हमारा प्रोजेक्ट अगर मैं इस प्रोजेक्ट पे राइट क्लिक करके और रन करता हूं तो अभी एरर आएगी एंड क्या एरर आएगी पहले एरर को समझेंगे एक अच्छा कोडर होता है वो एरर को समझता है अगर आप एरर को समझ गए धीरे-धीरे धीरे-धीरे तो एरर्स को हटाना भी सीख जा जाओगे धीरे-धीरे अगर आप एरस को नहीं समझ पाए तो दिक्कत होगी तो आप देखो यह बता रहा है कि जब हमने रन किया तो ये बता रहा है एप्लीकेशन फेल टू स्टार्ट हमारा एप्लीकेशन स्टार्ट होने से पहले ही फेल हो गया ठीक है तो पहले ही प्रोजेक्ट चलाया पहले एर आ गया कह रहा है डिस्क्रिप्शन बता रहा है फेल टू कॉन्फिडे सोर्स कह रहा है डेटा सोर्स मैं नहीं कॉन्फिन एटिबल इज नॉट स्पेसिफाइड एंड नो एबेटेड डाटा सोर्स कुड बी कॉन्फ़िगर वो कह रहा है कि हम डेटा सोर्स नहीं कॉन्फिडे सोर्स को कॉन्फिनेट ब्यूट चाहिए अभी ऐसा क्यों हो रहा है ए हो रहा है गाइ क्योंकि हम लोगों ने डिपेंडेंसी ऐड की थी स्प्रिंग बूट के अंदर आपने स्प्रिंग बूट के प्रोजेक्ट के अंदर डेटाबेस की कह सकते हो डेटाबेस जीपीए वाली डिपेंडेंसी डटा जीपीए वाली डिपेंडेंसी अब जब डेटा जीपीए वाली डिपेंडेंसी है साथ ही साथ में हमारे पास मा स्कल कनेक्टर है तो स्प्रिंग बूट का सबसे बढ़िया खासियत है कि वो ऑटो कॉन्फ़िगरेशन सब चीज करता है सब चीज अपने आप से करने की कोशिश करता है लेकिन डेटाबेस को ऑटो कॉन्फिनेट डेटा सोर्स की इंफॉर्मेशन चाहिए और वो इंफॉर्मेशन हमने दी इसलिए दिक्कत हो रही है तो हम वो इंफॉर्मेशन कैसे हम अपने प्रोजेक्ट के अंदर आएंगे और यहां पे हम लोग देखेंगे सिंपली एक फाइल अ जो रिसोर्सेस के अंदर मिलेगी हमें इसको ओपन करेंगे एंड हमें एप्लीकेशन ट प्रॉपर्टीज फाइल मिलेगी इसको ओपन कर लेंगे ठीक है एंड थोड़ा सा फंट को मैं बढ़ा सकता हूं वीएस कोड को मैं बहुत ज्यादा यूज किया हूं तो मेरा हाथ बैठ गया इसके अंदर मतलब बैठना बैठने का मतलब इतना सेट है ना शॉर्टकट टकट सब चीज एंड काफी चीजें मैं यूज़ करता हूं वीएस कोड के लिए वीएस कोड के साथ तो भाई कोई दिक्कत वाली बात नहीं यहां पे हम डेटाबेस कॉन्फिन करेंगे क्या-क्या लिखेंगे सब चीज समझते जाइएगा मैं एक-एक पॉइंट बता जाऊंगा साथ-साथ अने कमेंट में बताता जाऊंगा एंड इसको उठाकर के अपने नोट्स वाली फाइल में भी डाल दूंगा जिससे कि आपको डिटेल में मिल जाए ओके सो ये कुछ बता भी रहा है बट कोई दिक्कत वाली बात नहीं हमारे पास एआई है कोपायलट है हमारा पेयर प्रोग्रामर चलो तो हम लोग यहां पे सबसे पहले हम डाटा सोर्स का यूआरएल सेट करेंगे क्या डटा सोर्स यूआरएल सेट करेंगे कैसे हम यूज करेंगे स्प्रिड डटा सोर्स डॉट यरल और यहां पर य वायरल जो हम यूज करेंगे एटली यही वायरल जो बता रहा है अगर मैं आपको पढ़ा रहा हूं सिखा रहा हूं तो मैं यहां पे ई का कम से कम यूज करूंगा बट अगर मैं प्रोजेक्ट बना रहा होता तो मैं टैब दबा देता यह है ईई का फायदा समझ गया अगर मैं प्रोजेक्ट को बना रहा होता तो बट मैं बताऊंगा हम लोग यूज करेंगे जेडीबीसी वी आर गोइंग टू यूज जेडीबीसी कोलन मा एल कलन स्ल स्ल अब हमारा जो प्रोजेक्ट है वो कहां पे चल रहा है किस मशीन पे चल रहा है लेकिन यहां पे जो ये लोकल होस्ट है वो प्रोजेक्ट का होस्ट नहीं मांग रहा है वो मांग रहा है कि हमारा डेटाबेस है वो किस होस्ट पे चल रहा है तो हमारा डेटाबेस भी हमारे ही होस्ट पे चल रहा है हमारे ही कंप्यूटर प इसलिए मैं यहां पर लोकल होस्ट लिख दूंगा बात समझिए यह लोकल होस्ट बदल भी सकता है और बदलेगा भी अगर आप अपने डेटाबेस को किसी सर्वर पर डालोगे तो वहां यहां पे लोकल उसस की जगह प सर्वर का आईपी एड्रेस आ जाएगा सर्वर आईपी एड्रेस जहां पे डेटाबेस चल रहा है डेटाबेस सर्वर का आईपी एड्रेस देन पोर्ट नंबर क्या है तो पोर्ट नंबर हमारा 3306 है समझ गए 3306 है पोर्ट नंबर ये बेसिकली डेटाबेस का पोर्ट नंबर है ये डेटाबेस का पोर्ट नंबर गाइस चेंज होगा अकॉर्डिंग टू कि भैया आपका डेटाबेस किस पोर्ट प चल रहा है समझ समझ गए मेरी बात नेक्स्ट हमें यहां पे लिखना है स्लैश स्लैश के बाद हमें डेटाबेस का नाम लिखना है तो अभी मैं एसीएम ही यूज करूंगा सीएम टू एसीएम 2.2 ही यूज करूंगा बाकी ये कुछ और प्रॉपर्टीज बता रहा है तो प्रॉपर्टीज को आप एक यूज कर सकते हो अदर वाइज इतना रखो अगर दिक्कत आएगी तो हम लोग डालेंगे भाई प्रॉपर्टीज यहां पे जो भी है तो अभी के लिए हमने अपना यरल सेट कर लिया अब इस यरल से पता क्या चल रहा है भाई इस यल से हमें हमारा ये पता चल रहा है कि हम प्रोटोकॉल डीबीसी यूज कर रहे हैं डेटाबेस माल यूज़ कर रहे हैं हमारा डेटाबेस लोकल होस्ट पे चल रहा है और डेटाबेस का पोर्ट नंबर है 33 06 एंड हम डेटाबेस के अंदर जो हम डेटाबेस यूज कर रहे हैं वो एसीए 2.0 है कहने का मतलब कि इससे ये पता चल रहा है कि हमारे डेटाबेस किस सर्वर पे है उसका पोर्ट नंबर क्या है और डेटाबेस के अंदर कौन सा डेटाबेस हम लोग यूज कर रहे हैं ये डेटाबेस का नाम दिस इज इल डेटाबेस नेम एक चीज और बता दूं हो सकता है कि एसीएम 2.0 ना चले तो ये स्पेशल कैरेक्टर्स या डॉट डॉट लगाने की जरूरत नहीं होती डायरेक्टली हम 2o लिख दें ऐसा लिख सकते हैं या एससीएम डायरेक्टली लिख सकते हो ये नाम बदल भी सकते हो कोई दिक्कत वाली बात नहीं अपने अकॉर्डिंग नेक्स्ट हम अपने डेटाबेस का यूजर नेम यूज करेंगे स्प्रिड डटा सोर्स डट यूजर नेम और हमारा है रूट इसी तरह स्प्रिड डटा सोर्स सॉरी डाटा सोर्स डॉट पासवर्ड अ रूट 1 2 3 4 बस यह डेटाबेस की इंफॉर्मेशन है इतना इंफॉर्मेशन हमने दिया अब हमारा एप्लीकेशन अपने आप ऑटोमेटिक डेटाबेस से कनेक्ट हो जाएगा आपको कुछ करने की जरूरत नहीं होगी दैट मींस जो ट्राई कर रहा था स्ट वो काम हो जाएगा ट्राई क्या कर रहा था देखिए अब अगर मैं अपने प्रोजेक्ट को रन करता हूं प्रोजेक्ट प राइट क्लिक करता हूं रन पे क्लिक करता हूं सो आप देखोगे तो यहां पे अभी एरर आएगी एक एरर आएगी बस क्योंकि हम लोगों ने डेटाबेस नहीं बना रखा है तो इस एरर को भी हम लोग सॉल्व करेंगे सो आप देखोगे यहां पे ठीक है हाने डायलेक्ट वगैरह भी हम लोगों ने सेट किया है तो उसको भी करेंगे उसको भी करेंगे ठीक है सो तो हम लोग क्या करेंगे हम लोग ये एसीएम 2.2 वाला डेटाबेस बनाएंगे उसके लिए मैं ओपन करूंगा माय एल वर्क बेंच एंड लेट्स सी वर्क बेंच ओपन हो गया यहां पर हम एससीएम स्कीमा पर चलेंगे एंड यहां पर हम लोग इस तरफ राइट क्लिक करेंगे क्रिएट स्कीमा पर ना जाएंगे एंड यहां पर हम लोग यूज करेंगे क्या वही वाला एससीएम ना देन फाइनली हम अप्लाई प क्लिक कर देंगे अप्लाई बटन दिखेगी अप्लाई प क्लिक करेंगे एंड अप्लाई कर देंगे आपकी यह देखिए आपका डेटाबेस बन जाएगा यहां पम 2 प टेबल्स नहीं है टेबल्स अपने आप आ जाएंगे कैसे आंगे स्ट की हे सेता तो ये चीज हो गई अगर अभी मैं रन करू तो अभी भी यह कुछ बताएगा लेट्स सी क्याय बता रहा है अगर मैं रन कर रहा हूं ठीक है सो आप देखोगे तो ठीक है सो आप देखोगे यहां पर तो अब अब अब हमें एरर नहीं मिल रही देखने के लिए ठीक है तो क्या मैं देख पा रहा हूं कि हमारा सर्वर किस पोर्ट पर चल रहा है यहां पर कहीं मुझे दिखना चाहिए यह देखिए सर्वर स्टार्टेड एट प 8081 तो हुआ क्या कि स्प्रिंग बूट जिस चीज को ट्राई कर रहा था वो चीज उसे मिल गई वो क्रिएट कर रहा था डेटा सोर्स और डटा सोर्स के लिए ये तीन प्रॉपर्टीज जरूरत थी और ये तीनों प्रॉपर्टीज हमने दे दी और हमारा काम हो गया अब हमारा एप्लीकेशन स्टार्ट हो चुका कैसे हम चेक करें स्टार्ट हो चुका यहां पे तो एरर नहीं पहला तरीका एरर नहीं स्टार्ट हो चुका हम लोग क्या करते हैं एक टेंपररी कंट्रोलर बनाते हैं देखते हैं एक पेज बनाते हैं एंड देखते हैं कि हमारा प्रोजेक्ट चल रहा है कि नहीं चल रहा तो हम लोग आएंगे यहां पे हम लोग क्या करेंगे हम लोग एक रिक्वेस्ट फर्जी डालेंगे फर्जी रिक्वेस्ट से टेस्ट करेंगे कैसे देखते भाई हम लोग क्या करेंगे यहां पे समझिए बात को हम लोग हम लोग एक रिक्वेस्ट भेजेंगे क्लाइंट से रिक्वेस्ट भेजेंगे क्लाइंट से एंड इस रिक्वेस्ट को हम लोग हैंडल करेंगे विद द हेल्प ऑफ स्प्रिंग बोर्ड एंड देन हम लोग हैंडल करेंगे उसके बाद हम लोग यहां से एक ड डायनामिक एचटीएमएल जनरेट करके भेजेंगे यहां पर एक पेज जनरेट करेंगे जो कि है डायनेमिक एटीए सो मैं दिखाता हूं आपको ये ये पेज जनरेट करेंगे एंड देन इस पेज को हम लोग यहां पे अ भेजेंगे वापस क्लाइंट के पास ठीक है हम लोग इसको भेजेंगे ये काम करेंगे और यहां हमारा एक्चुअली क्लाइंट है ये क्लाइंट है ये क्लाइंट है समझ ग तो ये काम करते हैं तो अब रिक्वेस्ट को हैंडल करने के लिए हमें यहां पे एक हैंडलर बनाना पड़ेगा जिसको हम लोग बोलते हैं कंट्रोलर तो बस टेस्टिंग के लिए हम लोग बना लेते हैं बाद में हम लोग सीखेंगे स्प्रिंग बूट का पूरा कोर्स मैंने डाल रखा है पेड में भी फ्री में भी तो इतना डिटेल में नहीं जाते अदर वाइज पूरा बहुत टाइम लग जाएगा तो हम अपने यहां पे आएंगे एंड यहां पे राइट क्लिक करेंगे अपने मेन पैकेज के अंदर एक बार देख लीजिए कॉ ए के अंदर राइट क्लिक कर लो डायरेक्टली न्यू पे जाओ एंड न्यू पे आप पैकेज बना लो हम पैकेज बनाएंगे कंट्रोलर्स एक बार मैं आपको दिखा दूं मैं क्या बना रहा हूं ये देखिए कंट्रोलर्स कंट्रोलर्स पैकेज मैंने बना लिया तो आप एसीएम के अंदर कॉड एसीए पैकेज के अंदर आपको एक कंट्रोलर नाम से पैकेज देखने को मिलेगा जो कि आई थिंक नीचे ये देखिए आ गया ये देखिए कॉड कलर एकदम एक्लिप्स की तरह यहां पे आएगा देन हम इस पे प्लस पे क्लिक करके हम बना सकते हैं यहां पे क्लास तो हम क्लास प एंटर करेंगे देन क्लास का नाम देंगे यहां पे पेज कंट्रोलर पेज कंट्रोलर एंड आप देखोगे ये पेज कंट्रोलर आ जाएगा कहां पे हमारे इस पैकेज के अंदर कॉड एड कंट्रोलर्स के अंदर आ जाएगा प्रॉपर्टीज फाइल को हम बंद कर सकते हैं थोड़ी देर के लिए ट्स इट बस अब आपको क्या करना है पेज कंट्रोलर के अंदर काम करना है तो हम जाते हैं कि ये जो पेज कंट्रोलर है गाइ ये हमारे पेज को दिखाए बट दिखाएगा कैसे रिक्वेस्ट को हैंडल करना पड़ेगा और रिक्वेस्ट को हैंडल करने के लिए इसे हमें बनाना पड़ेगा पेज कंट्रोलर या कंट्रोलर जितने भी कंट्रोलर्स होते हैं इस प्रूट के अंदर वो रिक्वेस्ट को हैंडल कर सकते हैं अब इसको हम रिक्वेस्ट को हैंडल कैसे कराएंगे इसको कंट्रोलर कैसे बनाएंगे सिर्फ क्लास बनाने से तो कंट्रोल नहीं बन जाता हम क्या करेंगे टॉप पे आएंगे और यहां पे हम एक नोटेशन यूज़ करेंगे कंट्रोलर कंट्रोलर ये देखिए जैसे आप यहां पे कंट्रोल लिखोगे ये अपने आप ऑटो इंपोर्ट हो जाएगा और अब ये बन चुका है कंट्रोलर अब हम यहां पे एक ऐसा फंक्शन है एक ऐसा मेथड लिख सकते हैं जो रिक्वेस्ट को हैंडल कर सकता है कैसे देखिए हम लिखेंगे पब्लिक और हम एक स्ट्रिंग टन कराएंगे एंड होम दे दो या चाहे आप टेस्ट चलो होम दे दो ठीक है ये जो मेथड है वो एक्चुअली एग्जीक्यूट होगा कब जब हम कोई यूआरएल ब्राउजर फायर करेंगे वो रिक्वेस्ट भेजेंगे तो उसको हम स्पेसिफाई करने के लिए यहां पे आएंगे लिखेंगे रिक्वेस्ट मैपिंग एंड यहां पे हम बता देंगे कि भैया हम रिक्वेस्ट भेजेंगे स्लश होम पे तो जैसे ही आप स्लैश होम फायर करोगे ब्राउजर पे अपने आप से ये मेथड चल जाएगा एंड यहां पे हम रिटर्न करेंगे और हम यहां पर दिखाएंगे एक पेज होम ट्स इट तो बेसिकली होगा क्या आप अपने ब्राउजर पे रिक्वेस्ट मैपिंग अपने ब्राउजर पे रिक्वेस्ट मैपिंग की हेल्प से आपने मैपिंग की है यूआरएल तो जैसे आप ब्राउजर पे स्लश होम फायर अप करोगे अपने आप से यह वाला मेथड चल जाएगा और वो एक पेज का नाम रिटर्न कर रहा है व्यू यह होम पेज आपके टेंप्लेट के अंदर होना चाहिए होम पेज आपके टेंप्लेट के अंदर होना चाहिए तो हमारे पास इंडेक्स है बट होम नहीं है तो अभी होम बनाएंगे ठीक है पहले हम यहां पे एक लॉग दे देते हैं एक आउट दे देते हैं एंड अ लिख देते हैं होम होम पेज हैंडलर होम पेज हैंडलर ठीक है एंड अब हम क्योंकि यहां से रिटर्न कर रहे हैं होम व्यू तो हमारे पास होड एटीए होना चाहिए बट हम लोग चलाते हैं देखते हैं हमें यहां पे रीलोड नहीं करना पड़ रहा है प्रोजेक्ट को दोबारा रन नहीं करना पड़ रहा है हमारे पास डेब टूल्स है तो अपने आप से प्रोजेक्ट अपने आप से रीलोड हो जा रहा है तो अब हम आ जाते हैं ब्राउजर के अंदर एंड यहां पे हम लोग टाइप करते हैं अ टाइप करते हैं यहां पे लोकल होस्ट कॉलन 8081 ये हमारे सर्वर का पोर्ट नंबर देन स्लश देन स्लश होम आप देखोगे आपके पास एरर आई है एरर इसलिए आ रही है क्योंकि जो होम आपने रिटर्न किया है व्यू का नाम वो व्यू अभी है ही नहीं लेकिन हमको स्क्रीन पे या हमको कंसोल प यह मैसेज तो दिखना चाहिए दिखाता हूं अगर हम कंसोल ओपन करें सो आपको यहां पर कहीं देखने को मिलेगा होम तो ऊपर करो ऊपर करो ऊपर करो ढूंढो भाई ढूंढो ढूंढो ढूंढो दिखा कहीं भी दिखा हो तो बताना हम और क्या था ये होम पेज हैंडलर सो मुझे तो नहीं दिख रहा यार हां है कहीं यहीं पे है कहीं य पे मुझे पता है यह देखिए होम पेज हैंडलर दैट मींस ये मेथड चल रहा है अब एरर इसलिए आ रही एरर को पढ़िए आप समझिए ये कह रहा है कि एक्सेप्शन प्रोसेसिंग टेंप्लेट जो टेंप्लेट हम प्रोसेस करने में एक्सेप्शन इसने दिया मतलब स्प्रिंग बूट टेंप्लेट को प्रोसेस नहीं कर पा रहा है जिसका नाम है होम ठीक है क्यों नहीं कर पा रहा ये सब चीज बता र है मैं थोड़ा सा हटता हूं फिर आपको दिखाता हूं यहां पे देखिए एरर रिजॉल्विंग टेंप्लेट होम इस टेंप्लेट को रिजॉल्व नहीं कर पा रहा मतलब पता ही नहीं चल पाहा टेंप्लेट है क्या भाई टेंप्लेट माइट नॉट एजिस्ट टेंप्लेट नहीं भी हो सकता है टेंप्लेट माइट बी एक्सेसिबल बाय एनी ऑफ द माइट नॉट बी एक्सेसिबल बाय एनी ऑफ द कॉन्फिडो पार्ट रिजॉल्वर मतलब टेंप्लेट या तो नहीं है या तो एक्सेसिबल नहीं है तो अब बा हमारे पास टेंप्लेट है नहीं हम इस फोल्डर पे प्लस पे क्लिक करेंगे एंड बना लेंगे एक फाइल तो फाइल पे एंटर कर लो एंड नाम दे दो फाइल का होड तो यह हमारे पास फाइल बन गई एंड ऑप्शन के साथ आप के दबा के कुछ जनरेट कर सकते हो अभी अभी वो सब चीज बाद के बात है हम लोग यहां पर एक एचटीएमएल डालेंगे एटी कॉलन फ यह देखिए यह फायदा है सस कोड का गाइस कि हमें एटील का सपोर्ट बहुत तगड़ा मिलेगा ठीक है तो यहां पर हम कुछ ऐसे लिखेंगे एक डिव बना दो क्लास देन लिख देते हैं एव लिख देते हैं दिस इ या वेलकम टू होम पेज वेल कम टू होम पेज एंड देन फाइनली हम लोग य पे एक पैराग्राफ लिख देते हैं प एंड प के अंदर या डायरेक्टली हम कुछ डायनेमिक या कुछ लोरम डमी टेक्स लिखते हैं 50 वर्ड्स का ठीक है एंड यस इतना दिखेगा बाकी आप यहां पर क्लास वगैरह लगा सकते हो अभी तो हमारे पास कुछ ज्यादा है नहीं तो हम कुछ एक कंटेनर बना लेते हैं एंड कंटेनर को स्टाइल दे देते हैं यहीं से इस टाइप एंड यहां पर हम कंटेनर ठीक है कंटेनर को ज्यादा मैं कुछ नहीं दू मार्जिन ट वि 50 दे दो ठीक है बस एंड हल्का सा पडि दे दो कितना दे दो पडि ब पिक्सल देते हैं और बैकग्राउंड हल्का सा चेंज करते बैकग्राउंड बैकग्राउंड हम लोग कुछ कितना दे दे या e222 दे दो कुछ ऐसा ही दे दो बस अब रन करते हैं देखते क्या हमें ये मिल रहा है कि नहीं तो हमारा आप से रीलोड हो चुका होगा पेज एक बार हम अपना यहां पे कुछ ऐसा आपको दिखेगा पूरे स्क्रीन पे कहीं ना कहीं यहां से ये कुछ ये वाली विंडो दिखेगी ये वाली तो यहां से हम क्या कर सकते हैं स्प्रिंग बूट एप्लीकेशन को रीलोड कर सकते हैं रीस्टार्ट कर सकते हैं तो अभी मैं तो फिलहाल रीस्टार्ट करूंगा ठीक है एंड वापस आऊंगा कोड पे एंड रन करूंगा ये देखोगे वेलकम टू होम पेज और आपको लोर एप्सम दिख रहा है दैट मींस हमारा प्रोजेक्ट चल रहा है परफेक्ट अगर हमें कोई डायनेमिक डेटा भेजना मैंने बताया था ना कि आप कंट्रोलर से डायनेमिक डटा भेज सकते हो इस कंट्रोलर से डायनेमिक डटा भेज सकते हो कैसे भेजना है देखिए बहुत सिंपल है आप क्या करो जो हैंडलर मेथड है उस हैंडलर मेथड के पैरामीटर में एक मॉडल नाम का ऑब्जेक्ट ले लो मॉडल जो कि आ रहा है ओजी स्प्रिंग फवक से अब हम इस मॉडल के अंदर कोई एटिबल अगर ऐड करेंगे तो वो अपने आप से पहुंच जाएगा टेंप्लेट के पास वहां पर हम उसको यूज कर सकते हैं देखिए कैसे हम इस मॉडल के अंदर मॉडल डॉट ऐड एटिबल और मैं डालने जा रहा हूं नेम एंड नेम के अंदर हम लोग लिख देते हैं कुछ सब स्ट्रिंग थोड़ा सा इधर चलो इधर इधर सबिंग जूम आउट कर दो सबिंग टेक्नोलॉजी ठीक कुछ और डाल सकते हो एक और एट्रबीक हो ड एटिबल एंड नाम दे देते य अपने चैनल का नाम लर्न कोड विद दुर्गेश कुछ और पैराग्राफ वगैरह भी ऐड कर सकते हो लेट्स सपोज गिट रिपोजिटरी ठीक है गिट रिपोजिटरी एक मैंने ऐड कर दिया ऐसे ही जबक ये एक्चुअल रिपोजिटरी हमारी नहीं है दुर्गेश श्रीवास्तव नहीं भाई यहां पे यहां पर अगर आपको देखना है तो लर्न कोड विथ दुर्गेश देखो दुर्गेश श्रीवास्तव कहां से आ गया आ डोंट नो कुछ और सजेस्ट कर दिया था इसने ये तो हमने क्या किया हमने अपने कह सकते हो कि हमने तीन वैल्यूज को ऐड कि अपने मॉडल के अंदर और यह मॉडल के हेल्प से जो रिक्वेस्ट आ रही है उसके अंदर ये तीन वैल्यू चली जाएगी की वैल्यू पेयर के अंदर मतलब पहले नेम में चली जाएगी सब टेक्नोलॉजीज youtube3 के अंदर चली जाएगी गिट हब की रिपोजिटरी तो यहां पे गिट हब गिट हब अंडरस्कोर या रेपो ऐसा कर देते हैं सिंगल लाइन एंड ऐसे कर देते हैं सेव कर लेते हैं ट्स इट ये हो गया अब हम लोग इसको एक्सेस करते हैं देखते हैं कैसे एक्सेस करना है बहुत आसान है क्योंकि ये जो तीनों चीज आपने ऐड की है इस मॉडल के अंदर वो आपके इस व्यू पे दिखेगी होम वाले व्यू प दिखेगी मैं दिखाता हूं कैसे यहां पे कैसे एक्सेस कर सकते हैं नेम की जगह पे मैं यहां पे कुछ ऐसा यूज कर सकते हो टेंप्लेट है ना टेंप्लेट है तो हम क्या करेंगे हमें यहां पे यूज करना होगा टाइम लीफ के कुछ एटिबल को दिखा सकते हैं क्या जैसे हमको यहां य करना है डाटा देन हम लिखेंगे टीटीएच टीटीएच फॉर थाइम लीफ एंड लिखेंगे टेक्स्ट हम यहां पे टेक्स्ट ख दिखाना चाह रहे हैं एंड डेटा टीटीएच का मतलब होता है ये जो एटिबल है वो थाइम लीफ का है तो थाइम लीफ एग्जीक्यूट करेसे तो हम डॉलर लिखेंगे एंड देन हम लिखेंगे नेम बस इस h1 के अंदर यह नेम अपने आप से पॉपलेट हो जाएगा अपने आप से ये अपने आप से रिप्लेस हो जाएगा मैं दिखाता हूं आई थिंक हमारा प्रोजेक्ट रीलोड हो गया होगा सो लेट्स फाइंड आउट यहां पे आ जाते हैं रिफ्रेश करते हैं एंड ये देख सब्स टेक्नोलॉजी अपने आप से आ गए सेम फॉलो अप कर सकते हैं हम यहां पे सपोज हमें दिखाना था क्या नेम के बाद हमने शायद मैच करनी चाहिए तो की अगर आपको नहीं पता तो यहां के देख लो ैनो कॉपी करेंगे ए यहां पर हम लोग पेस्ट करेंगे एक और ट्रिक बताता हूं गिट रिपोजिटरी भी देनी है तो हम यहां पर लिखेंगे गिट हब रिपोजिटरी गिट हब गेट हब बेपो लिंक एंड गट बेपो लिंक चाहिए तो मैं यहां पे स्प लिखूंगा एंड हम टीच भी यूज कर सकते हैं कुछ ऐसे टी एच टेक्स्ट एंड यहां पर हम सॉरी सॉरी गेट अब रेपो सेव कर सकते तो आप चाहे टीटीएच यूज करो चाहे आप डेटा टीटीएच टैक्स यूज करो ये दोनों चीज आप यूज कर सकते हो देन हम आते हैं यहां पे एंड अगेन रिफ्रेश करते हैं ये देखिए ये डाटा डायनेमिक आ रहा है ये चीज डायनेमिक आ रही है ये चीज डायनेमिक आ रही है एंड इसके लिंक भी डायनेमिक आ रही है हम लोग क्या कर सकते हैं हम लोग कुछ ऐसा बना सकते हैं कि लिंक पे क्लिक करें और हमारा लिंक ओपन हो जाए कैसे करेंगे इसको भी मैं आपको दिखा देता हूं हम बनाएंगे यहां पे एक एक बनाते हैं एंकर टैक और एंकर टैग में लिख देते हैं क्लिक हियर टू ओपन क्लिक यर टू ओपन एंड देन हम लोग यहां पर फाइनली हम लोग यूज करेंगे अगेन वही टीच कोल एचर म के पास अलग से ही एटिबल एच यूज करो एंड आप यहां पर लिंक दे दो लेट्स फाइंड आउट हम यहां प गिट हब रेपो दे देते हैं देखते भाई रिफ्रेश कर लो ये देखिए लिंक आ गया क्लिक किया आपने आपकी रिपोजिटरी ओपर हो गई यहां पर आपको जल्दी से जो हम प्रोजेक्ट कर रहे हैं उसकी लिंक मिल जाएगी सो यस य देखिए ठीक है आप चाहो तो टीच के साथ ना यू करो डेटा टीच यूज कर लो डटा टीच एचर डेटा टीच का सिंपल मतलब होता है कि यह थोड़ा एचटीएम रीडेबल कोड है यहां पर कोल लगाने की जरूरत नहीं है तो यह सिंटेक्स एरर्स या हाइलाइटिंग को मार्क कर देगा जबक ये लाइटिंग को नहीं मार्क कर देगा ब दोनों का काम यही है टीच कोलन टेक्स्ट भी टेक्स्ट को मैनिपुलेट कर देता है मतलब डाल देता है टैग के अंदर और डटा टीए एचर अप भी थाइम लीफ का ही है बट ये थोड़ा एचटीएमएल फ्रेंडली है तो आप एटीए फ्रेंडली कोड लिखना चाह रहे हो तो आप डेटा टीटीएच एएफ यूज करो अदर वाइज आप टीटीएच एचआरएफ भी यूज कर सकते हो या डेटा टीटीएच टेक्स यूज कर सकते हो आपकी मर्जी जैसे आपको यूज करना है तो आप देखो वही काम होगा सो इस तरह से हम लोग डाटा को भेज सकते हैं डायनेमिक फ्रॉम आवर कंट्रोलर टू अवर टेंप्लेट ओके मॉडल व्यू भी यहां पे यूज कर सकते थे बट ये एक बढ़िया तरीका को भेजने के लिए आपको सिंपली एक मॉडल एट्रबीक सारा काम अपने आप हो जाएगा ऑटोमेटिक हो जाएगा मॉडल पैरामीटर ले लीया मॉडल ऑब्जेक्ट अपने पैरामीटर में ले लीजिए हैंडलर के पैरामीटर मॉडल ऑब्जेक्ट ले लीजिए अपने आप से इसके अंदर वैल्यूज को सेट करिए ड ट्रिब्यूट ऐड ट्रिब्यूट फिर अपने आप से कुछ करने की जरूरत नहीं है अपने आप से चला जाएगा यह आपके व्यू के अंदर वहां पे आप थाइम लीप की हेल्प से इसको यूज कर सकते हो तो यहां पे मैं कमेंट लगा के लिख देता हूं सेंडिंग डटा टू व्यू यस ट्स इट सो आई थिंक आपको ये वाला लेक्चर समझ में आया होगा कैसे हम लोग एक्चुअली अपना प्रोजेक्ट चलाएंगे डेटाबेस सेट अप कैसे करेंगे फाइनली हम लोग क्या करते हैं यहां पर थोड़ा सा सेटअप कर लेते हैं अपने हाइबरनेट एंड जीपीए का भी तो यहां पे आ जाओ भाई अपने एप्लीकेशन प्रॉपर्टीज के अंदर तो अगर देखो इतनी सारी चीज इधर है नहीं मिल रही तो आप कमांड प दबाइए विंडोज में हो तो कंट्रोल प दबाइए और यहां पे आप एप्लीकेशन प्रॉपर्टीज को सर्च करिए एंटर कर लीजिए तो हम लोग यहां पे अब हाइबरनेट या जीपीए कॉन्फिन करने जा रहे हैं जीपीए कॉन्फिन सबसे पहले हम लोग सेट करते हैं जप स ए जो जेपी क्वेरी चलाएगा वह मुझे दिखेंगी कंसोल पर तो हमें यह वाली प्रॉपर्टी चाहिए स्प्रिड इ मैं कगा यस ठीक है हमें जेबीए की जितनी भी ऑटोमेटिक क्वेरीज है वो कंसोल प देखनी है क्योंकि मैं सीख रहा हूं यार प्रोडक्शन में ले जाएंगे तो उसको फॉस कर देंगे ठीक है उसके बाद हम यहां पे हा एक प्रॉपर्टी और य करेंगे स्प्रिड जडी ड ऑटो हम इसको क्या कर देंगे अपडेट कर देंगे अपडेट मींस की यह प्रॉपर्टी बहुत ज्यादा इंपॉर्टेंट है फॉर क्रिएटिंग क्रिएटिंग द स्कीमा फॉर क्रिएटिंग स्कीमा मतलब ये टेबल्स अपने आप से बना देगा अगर यह अपडेट है तो तो बहुत सारे लोग मुझसे पूछते हैं कि सर हमारी टेबल्स खुद से नहीं बनी है मैं क्या करूं तो भाई अब तो आप सर नीचे करके पैर परर लटक तो सकते नहीं हो नहीं बनी तो आप देखो क्यों नहीं बनी है इसलिए नहीं बनी क्योंकि ये वाली प्रॉपर्टी अपडेट प नहीं है इसलिए टेबल्स ऑटोमेटिक नहीं क्रिएट हुई तो आप स्प्रिंग ड j.h. ddl-auto को अपडेट कर दीजिए ये दोनों प्रॉपर्टी बहुत ज्यादा इंपोर्टेंट थी इफ यू वांट तो आप फॉर्मेट एकए वगैरह भी ट्रू कर सकते हो या फिर आप डायलेक्ट सेट करना है तो डायलेक्ट सेट कर सकते हो जैसे यह बता रहा है sp.js का डायलेक्ट सेट कर सकते हो कि भैया आप कौन सा एल यूज़ कर रहे हो तो डायरेक्ट मतलब कि भैया जो क्वेरीज मैक्ल की बनेंगी या मा स्कल की क्वेरी कैसे बनाएगा भाई आपके स्प्रिंग वूड को कैसे पता मतलब किसकी क्वेरी बनानी है किस डेटाबेस की क्वेरी बनानी है वो यह पता लगाता है डायलेक्ट की हेल्प से डायलेक्ट बेसिकली जैसे फॉर एग्जांपल अगर आप यहां पर यूज कर रहे होगे पोस्ट ग्रेस तो पोस्ट ग्रेस की क्वेरीज ऑटोमेटिक कैसे क्रिएट होंगी जो जे पीए क्वेरीज बनाएगा वो पोस्ट ग्रेस पे ही कैसे चलेंगी मतलब पोस्ट ग्रेस डेटाबेस स्पेसिफिक क्वेरीज कैसे बना पाता है जीपीए वो बना पाता है डायलेक्ट की हेल्प से अगर आपने डायलग सेट किया है माल फ डायलग तो माल फ डायलेक्ट से रिलेटेड या स्पेसिफिक क्वेरीज को क्रिएट करेगा तो ज्यादा कंफर्टेबल क्वेरीज होंगी माल 5 के लिए अगर आप मा स्कल 8 लिख दोगे तो जो क्वेरीज बनाएगा जेपी वो क्वेरीज कंफर्टेबल होंगी मा स्कल 8 के लिए अगर आप यहां पोस्ट ग्रेस लिख दोगे डायरेक्ट तो जो क्वेरीज बनाएगा वो पोस्ट ग्रेस पे चलेंगी एक बढ़िया चीज है कि स्प्रिंग बोट में आपको ये स्पेसिफाई नहीं भी करोगे तो आपने डेटाबेस का जर फाइल ऐड कर रखा है ड्राइवर ऐड कर रखा है तो ये अपने आप से पता चल जाएगा तो इसको आप नहीं भी स्पेसिफाई करोगे तो कोई बात नहीं ये अपने आप से पता चल जाएगा ऑटो कॉन्फिन हो जाएगा अपने आप से लगा लेगा समझ गए मेरी बात नेक्स्ट और अगर आपको एएल को फॉर्मेट करना है तो फॉर्मेट भी कर सकते हो फॉर्मेट एएल मींस कि ये थोड़ा फॉर्मेटेड तरीका है एल को दिखाने का मतलब दिखाने का अदर वाइज आप इसको छोड़ भी सकते हो कोई दिक्कत वाली बात नहीं मुझे फॉर्मेटेड नहीं चाहिए मुझे इतना समझना नहीं है मैं कुछ प्रॉपर्टीज को समझा दे रहा हूं अगर आपको यूज करना है तो यूज कर अदर वाइज यूज मत करिए ठीक है तो डायलेक्ट हो गया दैट्ची मा ऑटोमेटिक क्रिएट करना है तो हमने इसको अपडेट कर रखा है इसकी वैल्यू कई सारी होती है क्रिएट होती है जैसे मैं इसमें दिखाता हूं कंट्रोल स्पेस करोगे देखिए आप क्रिएट कर सकते हो आप क्रिएट ड्रॉप कर सकते हो नन कर सकते हो अपडेट कर सकते हो वैलिडेट कर सकते हो क्रिएट क्रिएट ड्रॉप अपडेट नन अपडेट अपडेट मींस कि अगर नेसेसरी है देखिए अपडेट द स्कीमा इफ नेसेसरी अगर जरूरत है तो जैसे फॉर एग्जांपल आपने कोई नया एंटिटी बनाई आपने इस प्रोजेक्ट के अंदर अब डेटाबेस में वो एंटिटी नहीं है और आपने प्रोजेक्ट को चला दिया अब क्या हुआ कि नेसेसरी है जरूरत है सिंक नहीं है तो नेसेसरी है तो अगर इसकी वैल्यू अपडेट है तो वो नई एंटिटी को टेबल क्रिएट करके और सिंक कर देगा इन केस अगर आप क्रिएट ड्रॉप यूज करते हो तो आप देखो क्रिएट द स्कीमा एंड डिस्ट्रॉय क्रिएट और डिस्ट्रॉय क्रिएट ड्रॉप क्रिएट द स्कीमा देन डिस्ट्रॉय द स्कीमा एट द एंड ऑफ द सेशन तो अगर आप क्रिएट ड्रॉप करोगे तो जब आप प्रो प्रोजेक्ट को चलाओगे तो स्कीमा क्रिएट होंगे एंड जब प्रोजेक्ट को बंद करोगे सेशन बंद करोगे तो अपने आप से स्कीमा ड्रॉप हो जाएंगे वैलिडेट तो ये वैलिडेट करेगा एंड क्रिएट क्या करेगा क्रिएट द स्कीमा एंड डिस्ट्रॉय प्रीवियस डाटा ओके तो क्रिएट सिर्फ क्रिएट करेगा पहले डाटा जो भी होगा वो उड़ जाएगा तो हमें ऐसा कुछ नहीं करना हमें हमारा जो यूज केस है वो अपडेट पे ही फिट हो रहा है तो अपडेट ही रखेंगे बाकी फॉर्मेट हमें एसक्यूएल नहीं करना अगर आपको एसक्यूएल को बहुत अच्छे से पढ़ना है तो फॉर्मेट करिए डायलेक्ट इंपोर्टेंट है बाय डिफॉल्ट कोई रीजन की वजह से अ स्प्रिंग बूट डायरेक्ट को नहीं समझ पा रहा है तो आपको ये सेट करने की जरूरत होगी डायलेक्ट मतलब बता दिया ना कि जो जीपीए है स्प्रिंग बूट है किस भाषा में बोलेगा क्वेरी किस डेटाबेस स्पेसिफिक उससे जनरेट करनी है वो डायलेक्ट हमें यहां देना होता है तो बाय डिफॉल्ट हमारे डटा हमारे इस क्लास पाथ में या इस प्रोजेक्ट के क्लास पाथ में मायस्क डेटाबेस है तो स्प्रिंग बू इस केस में ऑटोमेटिक जनरेट कर लेगा और डायरेक्ट खुद से सेट कर लेगा बट इन केस अगर नहीं जनरेट कर पाता नहीं हो पाता तो आपको ये प्रॉपर्टी यूज करनी पड़ेगी एंड मायकल डायलेक्ट को यहां पे सेट करना पड़ेगा दैट्ची जें डन है अब हम यहां पे बना सकते हैं एपीआई एपीआई नहीं मतलब हम यहां पे रिक्वेस्ट को बना सकते हैं हैंडल कर सकते हैं फॉर्म्स वगैरह बना सकते हैं लेकिन सबसे इंपोर्टेंट चीज फॉर्म्स बैक एंड फ्रंट एंड अभी देखो यहां पे क्या करना है ये इतनी अच्छे से नहीं दिख रही है तो हम क्या करेंगे नेक्स्ट ंट कॉन्फिन करेंगे टेल विंट के लिए हमें सेपरेट वीडियो चाहिए एंड हम लोग टेल विंट के साथ-साथ देखेंगे कैसे हमें टेल विंट के फाइल्स को वच करना है एंड एनपीएम कैसे यूज करना है अपने स्प्रिंग बूट प्रोजेक्ट के साथ वो सब चीज हम लोग देखेंगे नेक्स्ट तो स्टेप बाय स्टेप आप फॉलो अप करते जाइए और अभी आप फॉलो अप कर रहे हो अटेंडेंस लगा दीजिए भाई यस लिख करके वीडियोस कैसे कैसे लग रही है डिटेल में मैं समझा रहा हूं ये चीज भी आप बताइएगा एंड बस मोटिवेट करने के लिए चैनल अभी तक नहीं सब्सक्राइब किया तो सब्सक्राइब करिए और अगर आपको सोस चाहिए तो कमेंट करके बताइए मैं लिंक डिस्क्रिप्शन बॉक्स में दे दूंगा गेट अप का चलो भाई तो सेट अप करते टेल विंट अपने प्रोजेक्ट के अंदर टेल विंट सेट अप करना थोड़ा सा मुश्किल हो सकता है एंड इसको समझना पड़ेगा आपको तो सबसे पहले मैं सब चीज मिनिमाइज कर देता हूं क्या क्या जरूरत है सब चीज बताऊंगा एंड हा बिल्कुल आगे बढ़ते हैं करते हैं एक एक एक एक स्टेप बाय स्टेप करते हैं चलो सबसे पहले हम लोग चलेंगे टेल विंड की ऑफिशियल साइट प डेटाबेस को बंद कर दो जब जरूरत होगी तो ओपन कर लेंगे इसको ऑफिशियल साइट प आ जाते यहा पर ग प टाइप करते हैं टेलन टेल विंट टेल विंट की जो सबसे पहली साइट ओपन होगी उसको हम लोग ओपन कर लेंगे मैं आपको जो समझाऊं समझिए टेल विंट को हम लोग कई तरीके से यूज कर सकते हैं हम लोग टेल विंट का सीडीएन यूज कर सकते हैं डायरेक्टली अगर आप गेट स्टार्टेड पे आओगे तो यहां पे एक ऑप्शन है प्ले सीडीएन अगर हम प्ले सीडीएन पे जाएंगे तो डायरेक्टली हमें ये सीडीएन लगाना है बट इस सीडीएन की प्रॉब्लम है यार ये प्रोडक्शन में अगर आप इसको यूज करोगे तो ये अच्छी बात नहीं है ठीक है यहां पे आप देखो कहीं भी लिखा भी होगा यूज द प्ले सीडीएन और टू ट्राई टेल विंट राइट इन द ब्राउजर विदाउट एनी बिल्ट स्टेप द प्ले सीडीएन इज डिजाइंड फॉर डेवलपमेंट पर्पस ओनली जो प्ले सीडीएन है ये जो सीडीएन लिंक है ये सिर्फ और सिर्फ डेवलपमेंट परपस के लिए है एंड इट अ एंड इज नॉट द बेस्ट चॉइस फॉर द प्रोडक्शन तो जब आप अपना एप्लीकेशन डेप्लॉय करोगे तो उसके लिए ये अच्छा चॉइस नहीं है तो आप काम तो कर सकते हो मतलब काम का मतलब आप अपने प्रोजेक्ट के अंदर इसको कॉपी करो चलाओ कोई दिक्कत वाली बात नहीं लेकिन जब आप अपना एप्लीकेशन डेप्लॉय करोगे तो वहां पे यह काम नहीं करेगा तो हम क्या करेंगे हम चलेंगे टेलम सीआई पे एंड टेलमेंट सीआई को एक्सप्लोर करेंगे हम लोग कैसे करना है देखिए थोड़ा सा जूम कर लो स्टेप बाय स्टेप हम लोग आएंगे एंड यहां पे हम लोग सबसे पहले एनपीएम इंस्टॉल डी करेंगे तो हम अपने प्रोजेक्ट को इनिला करेंगे एज अ एनपीएम प्रोजेक्ट डायरेक्टली इलाइट कर सकते हो या डायरेक्टली आप इसको यूज़ कर सकते हो मैं इनिला इज कर लूंगा कोई दिक्कत वाली बात नहीं और हमें सिर्फ एक फाइल चाहिए output.txt होंगे जब बन के फिनिश हो जाएग डिप्लॉयड कर देंगे सिर्फ हम उस सीएसएस फाइल को ले लेंगे तो ये मैनुअली आप कर सकते हो तो हम यहां पे आएंगे एंड यहां पे हम लोग क्या करते हैं हम टर्मिनल ओपन कर लेते हैं लेट मी ओपन द टर्मिनल यहां पे एंड इस टर्मिनल में मैं क्या चला रहा हूं देखिए सबसे पहले हम अपने प्रोजेक्ट में एनपीएम इट कर देंगे डवा एंटर कर देंगे तो हमारे पास यहां प पैकेज ड जसन फाइल बन जाएगी यह देखिए साथ ही साथ में हमारा नोड मॉडल्स वगैरह जब हम इंस्टॉल करेंगे तो आ जाएगा देखिए पैकेज ड को ओपन करेंगे तो देखोगे यहां पे नेम वर्जन डिस्क्रिप्शन मेन इक्सड जीएस फाइल आ गई मेन इससे हमें कोई मतलब नहीं हम बस आएंगे यहां पर और हम यहां पर टाइप जो यूज करेंगे हम टाइप यूज करेंगे वो यूज करेंगे मॉड्यूल इंपोर्ट वाली चीज बस इस फाइल से भी हमें कोई ने नहीं कुछ डिपेंडेंसी यूज नहीं करनी यह फाइल सिर्फ हम टेल विंट केलिए यूज कर रहे हैं तो हम इसको बाद में हटा सकते हैं को इंस्टॉल करेंगे एनपीएम इंस्टॉल डी टेल विंट सीएसएस इसको कॉपी करेंगे सॉरी लो कोक नहीं करना है भाई लक क्या है कॉपी कर लो इसको एंड यहां पे आ जाओ कंट्रोल v करके पेस्ट करो एंटर कर लो आपके प्रोजेक्ट के अंदर टेल विंड इंस्टॉल हो जाएगा देख लो नोड मॉड्यूस भी आ गया होगा कहीं एंड अगर पैकेज ड जस ओपन करेंगे तो आप देखोगे डिपेंडेंसीज के अंदर यह रही डेप्थ डिपेंडेंसीज के अंदर टेल विं 3.4.3 है तो डेप्थ डिपेंडेंसी इंस्टॉल हुई है समझ गए नेक्स्ट हम इलाज करेंगे टेल विंट को जिससे हमारे पास टेल विंट कॉफ फाइल मिल जाए तो हम ये वाला कमांड चलाएंगे एक बार देख लीजिए एनपी एक टेल विंट इट एंटर करेंगे तो हमारे पास एक टेल विंट कॉन्ग जए फाइल बन चुकी है यह फाइल इंपोर्टेंट है यह देखिए सबसे नीचे फाइल आ चुकी है इसको ओपन कर लेंगे एंड इसके अंदर हम कुछ कॉन्फिन देंगे इस कंटेंट के अंदर कि बेसिकली किस कंटेंट किस चीज के अंदर हम अपना एचटीएमएल लिखना चाह रहे हैं या अपना सीएसएस लिखना चा रहे वो सब चीज इसके अंदर बताएंगे जो कि यहां पर इन्होंने बता रखा है आपको क्या करना है इस कंटेंट के अंदर एसआरसी के ये वाला चीज दे देना है बेसिकली एसआरसी के अंदर जो भी है अगर फाइल का एक्सटेंशन डॉट एचटीएल है या जीएस है तो हम बिल्ड या फिर ट्रिगर करेंगे या वो बेसिकली हमारा कंटेंट है इस इसका टेल बंट का तो हम इसी को कॉपी करेंगे ठीक है तो इसको कॉपी कर लो एंड यहां पे आके हम अपने कंटेंट के अंदर इसको चिपका देंगे इफ यू वांट तो आप इसका पाथ चेंज करके जैसे एसआरसी के अंदर हम चाहते हैं कि भैया एसआरसी के अंदर चले हम मेन देन रिसोर्सेस हम जावा को क्या ही जावा के अंदर तो कुछ होगा ही नहीं तो रिसोर्सेस रिसोर्सेस स्पेलिंग आई थिंक सही है रिसोर्सेस ठीक है थड़ा दोबारा से लिख देता हूं री सोर्सेस तो हम छेड़ना नहीं चाहते भाई किसी को हम जावा वाले फोल्डर को नहीं एसआरसी मेन जावा को नहीं छेड़ना चाह र जावा को नहीं ना चाह रहे हैं हम एसआरसी मेन रिसोर्सेस के अंदर कुछ भी हो कोई फाइल हो लेकिन ड अंदर बाद में तो हम रिसोर्सेस पर जाएंगे स्टैटिक के अंदर जाएंगे राइट क्लिक करेंगे और यहां पर एक फाइल बना लेंगे जिसका नाम दे देंगे हम लोग ऊपर देखिए यहां पर नाम आ रहा है ठीक है तो नाम दे देंगे इनपुट ड सीएसएस दे दो इसको बट कहां बनी है इसका लोकेशन इंपॉर्टेंट है इसका लोकेशन क्या है एक बार मैं इसी के अंदर दिखा देता हूं इसी के अंदर लिख दो यह है एसआरसी के अंदर देन मेन के अंदर रिसोर्सेस के अंदर देन स्टैटिक के अंदर सीएसएस फोल्डर के अंदर य तो इसका लोके एक्चुअली ये है एंड इसी के अंदर हम वो चीज पेस्ट कर देंगे ठीक है अब हम इसी फाइल को और इस फाइल का जो आउटपुट होगा उसको हम इंक्लूड करेंगे तो हमारा जो आउटपुट बनेगा वो बनेगा आउटपुट ड सीएए फाइल ओके आउटपुट बनेगा तो आउटपुट ड स फाइल तो मैं दो चीज आपको यहां बताना चाह रहा हूं जो हमारी इनपुट फाइल है वो इनपुट ड सीएसएस है और आउटपुट फाइल है आउटपुट ड सीएस कहने का मतलब जो टेल विंट बिल्ड करेगा सीएसएस क्लासेस या सीएसएस वो आउटपुट ड सीएए के अंदर जाएंगी आउटपुट सए के अंदर जाएंगी तो हमें जो इंक्लूड करना होगा आपने html.com अ हम यहां पर आएंगे एंड कमांड चलाते हैं हम लोग यहां पर फाइल को बिल्ड करना स्टार्ट करते हैं क्लियर कर लो हम लिखेंगे एनपी एकस एनपी एक्स टेल विंड टेल विंड सीएसएस और यहां आई अब हम यहां पर इनपुट फाइल देनी है तो हम कहेंगे इनपुट फाइल हमारी एसआरसी के अंदर मेन के अंदर रिसोर्सेस के अंदर एंड स्टैटिक के अंदर सीएसएस के अंदर स्टैटिक के अंदर सीएसएस है सीएसएस तो मैंने लिखा ही नहीं करते हैं इस इनपुट को सीएसएस के अंदर मूव कर देते हैं स्टैटिक प राइट क्लिक करते हैं और एक फोल्डर बनाते हैं ऑ सीएसएस तो हमारे पास स्टैटिक के अंदर एक फोल्डर बन जाएगा एंड यह इनपुट सीएसएस हम मूव कर देंगे सीएसएस के अंदर यस ठीक है तो अब हम हमारे पास इनपुट ड सीएस सीएसएस के अंदर चले गए तो हमारा पाथ हो गया सरसी मेन रिसोर्सेस स्टैटिक सीएसएस एंड देन इनपुट ड स अब हमारी इनपुट फाइल स्पेसिफाई हमने कर दी अब जो ये एनपीए टेल विंट है इसको मुझे आउटपुट फाइल देना है जो हमारी सरसी के अंदर होगी मेन के अंदर होगी रिसोर्सेस के अंदर होगी स्टैटिक के अंदर होगी एंड सीएसएस के अंदर होगी और उसका नाम होगा आउटपुट डॉट सीएसएस नाम कुछ भी दे सकते हो साथ ही साथ में हमें लाइव वच करना है कि अगर मैं कोई चेंज करूं अपने कंटेंट के अंदर चेंज करू यहां पर तो हमारा बिल्ड अपने आप चल जाए और इनपुट से आउटपुट अपने आप बन जाए तो उसके लिए हम डैश डैश वच चलाएंगे एंटर कर देंगे सो आप देखोगे ये देखिए बिल्ड स्टार्ट हो गया अब अगर रिसोर्सेस के अंदर कोई एचटीएमएल फाइल रिसोर्सेस के अंदर किसी फोल्डर के अंदर कोई ए और जेएस फाइल में चेंज होता है तो अपने आप से बिल्ड चल जाएगा मैं आपको दिखाता हूं लेट्स डू ट यह देखिए मैंने सेव किया इनपुट से कोई दिक्कत नहीं बंद कर दीजिए तो रिसोर्सेस के अंदर हम लोग यहां पर ठीक है रिसोर्सेस के अंदर टेंप्लेट के अंदर हम लोग होम ड टेंप्लेट को ओपन करते हैं एंड देखना मैं यहां पर जैसे लिखूंगा कुछ सपोज मैंने इसी क्लास में लिख दिया लिख दिया और अ टेक्स्ट टेक्स्ट फोर एक्सेल या थ्री एक्सेल सेव किया अपने आप से बिल्ड हो जाएगा अ ू एक्सेल किया देखिएगा ू एक्सेल बिल्ड हो जाएगा अब हुआ क्या कि ये जो क्लास आपने लिखी उसका सीएसएस जनरेट किया गया होगा तो वो सीएसएस होगा स्टैटिक के अंदर आउटपुट ड सीएसएस के अंदर ये देखिए ये सीएसएस डायनेमिक जनरेट हो रहा है जितनी सीएसएस आप लिख रहे हो उतनी या जितनी क्लासेस आप यूज करोगे टेलमेंट की ये सीएसएस जनरेट होगा और फाइनली हमें यही चाहिए होगा सीएसएस यही सीएसएस चाहिए होगा हमें इनपुट से कोई मतलब नहीं हमें आउटपुट ड सीएसएस चाहिए बस तो हमें बस जब भी प्रोजेक्ट चलाना है तो हमें यह वाला कमांड जरूर से चलाना है ठीक है इस कमांड को अगर चाहो तो आप कहीं लिख दो अदर वाइज मैं तो चला लिया करूंगा ठीक है सो लेट्स डू दैट हां ठीक है मैं बारबार बताता रहूंगा तो आप सीख जाओगे तो हम लोग क्या करते हैं अपने प्रोजेक्ट के अंदर या अपने फाइल के अंदर आउटपुट डट सीएसएस को इंक्लूड करते हैं देखते हैं भाई कि क्या हमारा सीएसएस चल भी रहा है कि नहीं चल रहा है तो हम यहां पर आते हैं स्टाइल में और यहां पर हेड के अंदर आते हैं एंड हम लोग लिंक करते हैं लिंक करते हैं ठीक है और हमें यहां पर देनी है सीएसएस फाइल तो हम यह जो एचर एब्यूटिंग पास कर सकते हैं अपने आउटपुट ड सीस फाइल का तो रिलेटिव पाथ पास करने के लिए आप रेट यूज करोगे एंड देन इसके अंदर स्ट्रिंग एंड स्लश स्टैटिक के अंदर सीएसएस डायरेक्टली एक्सेस करोगे एंड देन फाइनली आप आउटपुट डॉट सीएसएस फाइल सेव कर लो ठीक है एक बार प्रोजेक्ट को रन कर लो रिटन कर लो तो मैं इसको बंद करता हूं कंट्रोल सी से आगे प्रोजेक्ट को राइट क्लिक करता हूं एंड रन कर देता हूं लेट्स सी आ जाते हैं अपने प्रोजेक्ट के अंदर अपना प्रोजेक्ट रिफ्रेश करते ी यस आप देखोगे हमारा सीस चल रहा है य एक्सल है सब चल गया तो कहने का मतलब अब अगर मैं य कुछ लगाता जैसे फर एपल आ जाते य पर य एक्सल हटा देते हैं ठीक है हम लोग अब क्लास जो लगाएंगे क्लास टेक्स्ट टू एक्सेल या ी एक्सल तो थोड़ा छोटा ही लगागा मैं 2 एक्स लगाऊंगा फंट बोल्ट अगर यह सजेशन नहीं आ रहा तो अगर आपको टेल विंट के सजेशन भी चाहिए तो आप एक्सटेंशन में आइए और यहां एक टेल विंट टेल विंड टेल विंड नाम से एक्सटेंशन है इसको इंस्टॉल कर लीजिए टेल विंड सीएसएस एक्सटेंशन इसको इंस्टॉल कर लीजिए दैट्ची कर सकते हैं देखिए हम लोग अ इस कंटेनर पे बीजी और टेलमेंट से सेट कर सकते हैं बीजी बीजी ग्रे 200 200 तो अब देखो बीजी ग्रे 200 हो जाएगा यह देखिए एंड कंटेनर को हटा दो कंटेनर का आपको इतना मतलब नहीं है ठीक है मैं क्या करूंगा इसकी विड्थ जो है विड्थ दूंगा 100% नहीं दूंगा विड्थ आधी दूंगा रिफ्रेश कर लो ये देखिए विड्थ आधी हो गई एंड हल्का सा पडि में दूंगा p4 डिंग आ जाएगी ये देखिए एंड मैं क्या करता हूं एमस ऑटो एमस ऑटो जिसे सेंटर पर आ जाएगा ि हल्का सा मार्जिन भी देता हूं फ का तो इस तरह से हमें टेल यूज करनी पड़ेगी टे य करनी पड़ी देन फाइनली अगर मुझे यहां पर चैनल के बारे में कुछ ना है तो य पर हम लोग टेक्स्ट न एक्सेल या एक्सेल यूज कर सकते हैं एंड देन फाइनली हम लोग यहां पर टेक्स्ट ग्रे एंड कुछ ऐसा टेक्स्ट एंड आपका कुछ ऐसा हो जाएगा यह छोटा है यह फंट एक्सेल हम लोग ने यहां पर कौन सा एक्सल य कि था हम लोग टेक्स्ट में ू एक्सल लिख दो ना यस ू एक्सल देन एक्सेल एंड देन फाइनली हमारा थोड़ा सा मैं यह जो हमने लिखा है यह हम लोग यहां टेक्स्ट ग्रे हल्का सा और फीका मैं करूंगा हका और फका करूंगा येय और फीका हो गया थोड़ा सा मैं देखो मेरा जो ये डि है ना इसका कंटेंट में फ्लेक्स डालता हूं फलेक्स फलेक्स क्या है य सब समझाता जाऊंगा आपको ठीक है तो मैं यूज करूंगा फ्लेक्स ल ऊपर से नीचे मुझे फलेक्स चाहिए य देखि देन फाइनली मैं य प स्पेस वाई यूज कर सकते य प एंड य देखि ठीक है इस तरह से कर सकते हो लास्टली मैं एक बटन बनाऊंगा बटन मैं लिखूंगा य क्लिक हियर अभी तो आपको कुछ नहीं दिखेगा कुछ ऐसा दिखेगा बट बट मैं क्या करूंगा इस पे कुछ क्लास लगाऊंगा टेटेल बन की लिखूंगा यहां पे बीटी एन या सॉरी बीजी या पहले प एक दे दो थ पवा दे दो टू एंड राउंडेड दे दो फिर बीजी ब्लू दो बीजी ब्लू ब्लू मैं यूज करूंगा 700 टेक्स्ट वाइट देखो कुछ ऐसा बनेगा ये अ यस कुछ ऐसा बनेगा ठीक है परफेक्ट है एंड मैं चाहता हूं मैं होवर करूं तो कलर थोड़ा चेंज हो तो मैं लिखूंगा होवर देन बीजी ब्लू अगर 700 है ना नॉर्मल तो जब होवर करेंगे तो ये हो जाएगा 600 आप देखोगे जब आप होवर करोगे तो ये इस तरह हो जाएगा साथ ही साथ में अगर आपको इतनी बड़ी बटन नहीं चाहिए ये फ्लेक्स की वजह से हो रही है तो आप बटन को एक डिफ के अंदर डाल दो हम एक डिफ के अंदर बटन को डाल देंगे आप देखोगे अब ये बटन छोटी रहेगी य देखि इस तरफ से बाकी आपको सेंटर पर चीजें करनी है तो आप अलाइन कर सकते हो जैसे फॉर एग्जांपल आपने फ्लेक्सस रखा लगा रखा है ना तो क्योंकि कॉलम लगा रखा है तो आप जस्टिफाई सेंटर डाल दो एंड नहीं आइटम सेंटर डालो सेंटर लेट्स सी यस देखो चीजें सेंटर पे आ चुकी है सब टेक्नोलॉजी हम कर सकते हैं किससे सीएसएस से एक चीज और बताऊंगा क्योंकि हमें डार्क थीम और इंप्लीमेंट करना है डार्क थीम और लाइट थीम इंप्लीमेंट करना है तो मैं एक्सटेंशन इसको पहले बंद कर दो हम अपने टेलन कॉन्फिडो में मैं यूज करूंगा क्लास यूज कर लो या सिलेक्टर यूज कर सकते हो ठीक है मैं सिलेक्टर यूज करूंगा एंड बस अब हम लोग डार्क थीम और लाइट थीम को बहुत आसानी से इंप्लीमेंट कर पाएंगे बताऊंगा ये चीज हो गई हमें क्या करना है कंपोनेंट्स हम डिजाइन तो कर सकते हैं सीस इसकी हेल्प से पूरा टे सीस से बट हम लोग क्या करेंगे हम लोग एक फ्लो वाइट नाम से लाइब्रेरी है उसको यूज करेंगे इसके अंदर बहुत सारी कंपोनेंट्स है जिसको हम लोग यूज कर सकते हैं जैसे फॉर एग्जांपल अगर हम गेट स्टार्टेड पर चलते हैं तो आप देखो यहां पर यह देखिए हमारे पास बैनर बैनर सब चीज है भाई अवतार बैनर ठीक है और यह वेल डिफाइंड रिस्पांस डेस्कटॉप पर कुछ ऐसा दिख रहा है मोबाइल पर कुछ ऐसा दिखेगा सब चीज ठीक है तो अलर्ट अगर आपको दिखाना हो तो अलर्ट कुछ ऐसा दिखेगा तो इसको हम लोग यूज कर सकते हैं अपने प्रोजेक्ट के अंदर फाइनली सब चीज कार्ड है तो कार्ड आपको अलग से कोड लिखना नहीं कार्ड को हम डायरेक्टली यहां से उठाएंगे और यूज कर सकते हैं बैक एंड है तो बैक एंड फोकस करो य इस तरह से बना सकते हो ठीक है नेक्स्ट कैसे यूज करेंगे तो यूज करने के लिए बहुत सिंपल है हम लोग क्विक स्टार्ट पर चलते हैं एंड हमें एक आई थिंक जेस चाहिए बस सीडीएन चाहिए इंक्लूड बाय सीडीएन बस हमें ये सीडीएन लगाना है हमारा काम हो जाएगा टू क्विक स्टार्ट वे टू इंक्लूड हां बस सीडीएन डायरेक्टली हम लोग यूज कर सकते हैं इसको हेड में डालेंगे इसको हम आएंगे अपने होड एटीएमएल दो थोड़ा सा जूम आउट कर लो हेड के अंदर लिंक डाल दो ठीक है और जावास्क्रिप्ट को डाल दो बॉडी के अंदर मतलब मतलब क्या मतलब यह है कि बॉडी जहां खत्म हो रही बस चालू हो गया अब बीच में अपने कंपोनेंट यूज करो यूज करके दिखाता हूं जैसे फर एग्जांपल हमें कार्ड यूज करना है क्या इस तरह से बन के आ रहा है कुछ देखते हैं कौन-कौन से कार्ड है कुछ कुछ ऐसा बन के आ रहा है जरा मैं क्या करता इसको कॉपी करता हूं एंड यहां पर हम लोग पेस्ट करते हैं जरा इसको यहां पर आते हैं जहां पर हमारा डिफ खत्म हुआ है बटन के बाद यह वाला डि यहां पर हम लोग लगाते हैं लो बाइट कंटेंट और यहां पेस्ट कर देते हैं अगर हमारा कंटेंट बन के आ गया इसका मतलब हमारा काम हो गया तो लेट्स सी हम लोग रिफ्रेश करते हैं आप देखोगे आपका कार्ड बनके आ चुका क्योंकि अभी हम लोग लाइट थीम प है तो यह लाइट कार्ड है डार्क थीम प जाएंगे तो डार्क कार्ड आ तो बस हमें अब देखो समझना ये है हमें कि हमें कोई पेज अगर किसी भी पेज में हमें चाहिए टेल विंट तो दो काम करना है क्या करना है मैं नोट डाउन भी कर देता हूं य पर ठीक है हमें अगर किसी भी पेज पर टेल विंट चाहिए किसी भी पेज पर टेल विंट सीएसएस चाहिए तो उसके लिए क्या करना है मैं लिख देता हूं जिससे आप भूलो मत तो इसको ऊपर कर लो सबसे पहली चीज हमें हमें कमांड चलाना है जिसकी से हमारा बिल्ड सिस्टम स्टार्ट हो जाए इनपुट से कंपाइल होकर आउटपुट सीएसएस बने तो कमांड हमारे लिए मिल जाएगा यहां पे उसको ऊपर कर देते हैं एंड नोट से कमांड चल रहा था तो इस कमांड की मैं बात कर रहा हूं इस वाले कमांड के बाद तो ये कमांड हम लोग कॉपी करेंगे एंड यहां पे आके चिपका देंगे ये कमांड हमें चाहिए होगा तो ये कमांड बार-बार कॉपी करके आप पेस्ट कर सकते हो तो क्यों ना हम इसको कोड के अंदर डाल दें स्लैश कोड यहां पे ये कमांड चाहिए होगा ओके नेक्स्ट नेक्स्ट में हमें क्या करना है एक बार जब बिल्ड हो जाएगा तो हमारे पास जो सीएसएस बन रही है ना गाइस वो इस आउटपुट सीएसएस के अंदर बन रही है तो जिस पेज में भी आपको टेलमेंट सीएसएस चाहिए इंक्लूड इंक्लूड आउटपुट सीएसएस इन योर एचटीएमएल तो हम आउटपुट सीएसएस को एटीएमएल के अंदर इंक्लूड करेंगे तब तक बिल्ड आपका चलता रहेगा ठीक है अगर आपको फ्लो बाइट वाली लाइब्रेरी चाहिए इफ यू वांट इफ यू वांट फ्लो बाइट तो आप सीडीएन इंक्लूड इंक्लूड सीडीएन या इंक्लूड सीएसएस एंड जावा स्क्रिप्ट वाय सीडीएन यूजिंग सीडीएन यूजिंग सीडीएन लिंक लिंक लगा दए बस तो हम लोग नेक्स्ट वीडियो के अंदर क्या करेंगे ऐसे तरीके से लगाएंगे कि भाई वो अपने आप से ऑटोमेटिक चला जाए हर जगह जिस पेज जो भी पेज बनाना चाहे सब पे चला जाए बट यह तीन चीज रिक्वायर्ड है ठीक है सो मैं यहां पर कुछ डालता हूं हेडिंग और लिखता हूं हाउ टू इंक्लूड अ टेल एंड लो बाइट इन योर एचटीएमएल फाइल तो इस तरह से ये कमांड बहुत ज्यादा इंपॉर्टेंट है ओके सो आई होप आपको ये चीज समझ में आया होगा हालांकि ये सब चीज हमें नहीं चाहिए तो यह सब टेस्टिंग के लिए हम लोग ने किया है भाई बहुत सारी टेस्टिंग के लिए करनी पड़ती है सेटअप करने के लिए करना पड़ता है तो ये जो फ्लो वाइट कंटेंट है इस फ्लो वाइट कंटेंट को अभी के लिए हम हटा देंगे अभी के लिए मुझे नहीं चाहिए एंड यस नेक्स्ट वीडियो के अंदर हम लोग आगे बढ़ते हैं एंड पूरा लेआउट स्ट्रक्चर सेटअप करते हैं कि एक्चुअली कैसे लेआउट स्ट्रक्चर काम करता है और कैसे सेटअप करते हैं साथ ही साथ में हम लोग एक्चुअली मास्टर टेंप्लेट का कांसेप्ट यूज़ करेंगे और हम लोग लेआउट करेंगे अपने टेंपलेट्स को जिससे कि हम लोग आसानी से अपने टेंपलेट्स को यूज कर सकें अब लेआउट इन द सेंस कि हम लोग यहां पे फ्रेगमेंट्स का यूज़ करेंगे थाइम लिफ तो भाई थाइम लिफ ही हम लोग इस वीडियो के अंदर समझने वाले हैं एंड यूज़ करने वाले हैं मैं एक स्टैंडर्ड तरीका बताऊंगा कि एक्चुअली कैसे आप थाइम लिफ यूज़ करते हैं एंड डॉक्यूमेंटेशन तो पढ़ेंगे पढ़ेंगे क्योंकि मैं आपको हमेशा कहता हूं यार आप डॉक्यूमेंट टेशन जरूर सीखिए डॉक्यूमेंटेशन जरूर यूज करिए वहां से कांसेप्ट को सीखना और यूज करना समझिए तो चलिए वीडियो को स्टार्ट करते हैं और देखते हैं कैसे हम लोग लेआउटस को अपने थामली प्रोजेक्ट के अंदर स्प्रिंग बूट प्रोजेक्ट के अंदर मैनेज करते हैं एंड कितना आसान कर देता है हमें थामली टेंप्लेट को ओके तो हमने क्या किया हमने सिंपली एक यूआरएल एक राउट बनाया था उस राउट से हमने ये होड अगर पिछली वीडियोस देखी होगी तो आपको पता है तो हम स्लैश होम हिट कर रहे थे अपने वेबसाइट पे अपने ब्राउजर पे ये देखिए स्लैश होम हिट कर रहे थे और जैसे हिट कर रहे थे स्लैश होम एंड पेज को जैसे हम ओपन करते हमें यह व्यू दिख रहा था एंड यह व्यू एक्चुअली आ रहा था इस वाले कंट्रोलर हैंडलर से ये हैंडलर ये हैंडलर मेथड है वो एक्चुअली हमारा चल रहा था एंड वो क्या कर रहा था मॉडल में तीन वैल्यूज को ऐड कर रहा था और रिटर्न कर रहा था एक व्यू एक पेज का नाम व्यू का नाम वो नाम जिस नाम से एक्चुअली हमारे पास टेंप्लेट अवेलेबल होना चाहिए जो कि हमारे टेंपलेट्स फोल्डर के अंदर तो इट्स टेंप्लेट फोल्डर के अंदर हमारे पास होड एटीए अवेलेबल है यही वाला व्यू दिख रहा था हमें स्क्रीन प यह वाला व्यू दिख रहा था इसी के अंदर हमने बना रखा है अब आप कांसेप्ट समझिए जब हम कोई टेंप्लेट बनाते हैं तो उसमें बहुत सारे सीएसएस की जरूरत होती है जो कि हम लोग हेड के अंदर इंक्लूड करते हैं यहां पे यह देखिए हमें एक आउटपुट ड सीएसएस फाइल हमने इंक्लूड कर रखी है एंड एक हमने फन सस फाइल इंक्लूड कर रखी है एंड बहुत सारे जावास्क्रिप्ट फाइल की जरूरत होती है हमें ये देखो एंड ये जो चीजें है कुछ चीजें कुछ केस कुछ जावास्क्रिप्ट हमें हर पेज में चाहिए होता है सेम चीज रिपीट करनी होती है तो हमें क्या चाहिए हमें हर पेज में कुछ चीजें कांस्टेंट रखनी है तो हम यहां पे यूज कर सकते हैं फ्रेगमेंट फ्रेगमेंट की हेल्प से हम लोग पेज को एक्सटेंड कर सकते हैं या इनहेरिटेंस कांसेप्ट यूज कर सकते हैं हम यूज कर सकते हैं भैया कि हमें इतनी इतना पेज दूसरे का लेना है फिर अपना कंटेंट उसके अंदर डालना है उसके लिए हम थामली फ्रेगमेंट्स यूज करेंगे कैसे देखिए आप देखते जाइए मैं आपको सब बताता जाऊंगा ठीक है मैं क्या करता हूं इसको सेव कर दो इसको बंद कर दो यार थोड़ा सा मैं समझाऊ आपको फिर मैं बताऊंगा डायरेक्टली ये बताऊंगा तो समझ नहीं पाओगे हम लोग चलते हैं पहले डॉक्यूमेंटेशन के अंदर हम यहां पे टाइप करेंगे टाइम लीफ टाइम लीफ एंड थाइम लीफ के अंदर हम टाइप करेंगे फ्रेगमेंट्स ठीक है फ्रेगमेंट्स एंड वर्क विथ फ्रेगमेंट्स इन थाइम लीफ इसको ओपन कर लीजिए अच्छा ये तो नहीं हम ऑफिशियल डॉक्यूमेंटेशन ओपन करेंगे ये देखिए ww.hd लिफ पेज लेआउटस तो हम बेसिकली पेज लेआउटस यूज करने वाले हैं यहां पे ठीक है इसको थोड़ा सा बड़ा कर लेते हैं थोड़ा सा पढ़ते हैं आराम से पढ़िए टाइम निकाल के शांति से पानी वानी लीजिए कॉफी कफी लीजिए पीजिए पढ़िए कोई दिक्कत वाली बात नहीं है सो हम क्या कर सकते हैं थाइट फ्रेगमेंट की हेल्प से हम एक फ्रेगमेंट क्रिएट कर सकते हैं किसी भी फाइल के अंदर फ्रेगमेंट एक बार क्रिएट हो गया तो हम उस फ्रेगमेंट को इंसर्ट कर सकते हैं दूसरे फाइल के अंदर ठीक है मैं बताता हूं थोड़ा सा मैं आपको यहां पर समझाता हूं जैसे फॉर एग्जांपल आपने यहां पे ये फ्रेगमेंट क्रिएट कर लिया एक फाइल बनाई एंड फाइल के अंदर ये सपोज ये फाइल है यह फाइल है हो डॉट एटीए फाइल है एंड ए सिंपल द समझना यह है कि हमारे पास एक फाइल है सपोज हमारे पास कॉमन हेडर फाइल है हमारे पास कॉमन हेडर फाइल है तो कॉमन हेडर फाइल हैड स्टेबल एंड इसके अंदर हम बना सकते हैं फ्रेगमेंट तो ये हमने एक फ्रेगमेंट बनाया कैसे बनाना है फ्रेगमेंट मैं आपको बताऊंगा आपको कोई भी टेंशन लेने की जरूरत नहीं है तो ये एक हमने फ्रेगमेंट बना लिया दिस इज र फ्रेगमेंट थोड़ा सा मैं और समझाता हूं आपको और शायद आप अच्छे से समझ पा हो तो टेंशन मत लीजिए भाई ये आपका फ्रेगमेंट है दिस इज व्हाट दिस इज फ्रेगमेंट फ्रेगमेंट कैसे बनाना है उसकी टेंशन उसकी चिंता एकदम आप मत कीजिए हम बताएंगे ऐसे फ्रेगमेंट बनाना है तो ये हमारा फ्रेगमेंट फ्रेगमेंट ठीक है फ्रेगमेंट एंड फ्रेगमेंट का फायदा ये कि हम अपने जहां भी हम काम कर रहे हैं जिस पेज में भी काम कर रहे हैं उस पेज में हम इस फ्रेगमेंट को बहुत आसानी से इंसर्ट कर सकते हैं इंसर्ट कर सकते हैं मतलब यह फ्रेगमेंट यहां पे आ जाएगा अगर हमारे पास यहां कोई होस्ट टैग है उस टैग के अंदर ये फ्रेगमेंट आसानी से आ जाएगा होस्ट टैग मतलब जिस टैग के अंदर हमें दिखाना है इंसर्ट कर सकते हैं दूसरी चीज एक और चीज कर सकते हैं हम लोग रिप्लेस कर सकते हैं रिप्लेस रिप्लेस मतलब कि हमारे पास कोई होस्ट टैग है सपोज हमारे पास ये होस्ट टैग है डिव टैब के अंदर हम रिप्लेस कर सकते हैं अगर हमने ये रिप्लेस किया तो ये जो है हमारा फ्रेगमेंट ये रिप्लेस कर देगा हमारे होस्ट टैग को मतलब होस्ट टैग हट जाएगा और हमारा ये फ्रेगमेंट वाला टैग आ जाएगा और ये इंसर्ट का मतलब इसी के अंदर इंसर्ट हो जाएगा यहां पे आ जाएगा तो ये दोनों काम कर सकते हैं फ्रेगमेंट की हेल्प से एंड फ्रेगमेंट को कैसे हम लोग बनाते हैं कैसे हम लोग इंसर्ट करते हैं कैसे रिप्लेस करते हैं वो चीज हम लोग देखेंगे उसका सेंटेक्स बताऊंगा एंड आपको थैलेप की डॉक्यूमेंटेशन साइट प मिल जाएगी तो आपको टेंशन लेने की जरूरत नहीं है तो तो पहला काम हम ये कर सकते हैं एंड दूसरा काम हम लोग ये कर सकते हैं तो हमें रिप्लेस भी करने की जरूरत पड़ेगी और इंसर्ट करने की भी जरूरत पड़ेगी बहुत बार सो अब देखो यहां पे देखते जाइए भाई यहां पे आइए एंड इन्होंने देखो इंक्लूड स्टाइल लेआउट तो इन्होंने देखो एक फ्रेगमेंट बना रखा है फुटर के अंदर कॉपी नाम का फ फ्रेगमेंट बना रखा है एंड इंसर्ट कर रखा है उसे इस बॉडी के अंदर तो जो फुटर के अंदर कॉपी नाम का फ्रेगमेंट होगा यहां पे ये जो फुटर है ये फाइल है लेकिन ये जो कॉपी है उस फुटर फाइल के अंदर फ्रेगमेंट है ठीक है जैसे मैंने यहां पे आपको दिखाया था कहां गया यहां पे तो ये जो थी वो हमारी फाइल थी और यह जो था वो फ्रेगमेंट का नाम था फाइल के अंदर फ्रेगमेंट सेम यहां पे भी ये फुटर नाम से एक फ्रेगमेंट है सॉरी फाइल है एंड कॉपी नाम से एक फ्रेगमेंट है और उसको इंसर्ट किया है यहां पे तो य ये डिव जो है ये होस्ट टैग है इस होस्ट टैग के अंदर हमारा कॉपी फ्रेगमेंट आ जाएगा मतलब कॉपी फ्रेगमेंट का जो भी ब्लॉक होगा वो इसके अंदर आ जाएगा इंसर्ट का मतलब ये होता है सिंपली ओके नाउ अब हायर कल हायर कल स्टाइल लेआउट तो आप देख सकते हो यहां पे इन्होंने बना रखा है सब ची तो इन्होंने बता र है बेसिक इंक्लूजन ऑफ इंसर्ट एंड रिप्लेस जो मैंने बताया ठीक है सब करने की जरूरत नहीं है एंड हम लोग इसको यूज करेंगे ठीक है इन्होंने पूरा एग्जांपल दे रखा है तो इसको पढ़िए अगर आपके पास टाइम है तो उसको पढ़िए कोई दिक्कत वाली बात नहीं है रिप्लेस हम लोग यूज करेंगे तो थोड़ा सा मैं आपको एग्जांपल दूंगा टेंशन मत लीजिए बिल्कुल इंक्लूडिंग विद मार्कअप सिलेक्टर हां एक चीज और बता दूं कि हम क्या कर सकते हैं हम जब फ्रेगमेंट बनाते हैं और फ्रेगमेंट को कॉल करेंगे इंक्लूड कर रहे होंगे या इंसर्ट कर रहे होंगे तो उस फ्रेगमेंट में हम लोग पैरामीटर्स पास कर सकते हैं वो पैरामीटर्स वेरिएबल भी हो सकता है वो पैरामीटर इवन कोई एचटीएमएल मार्कअप भी हो सकता है ठीक है सो मैं आपको एक एग्जांपल समझाता हूं यहां पे समझिए लेट्स सपोज इसके नीचे समझिए एग्जांपल लेटस सपोज आपने एक फ्रेगमेंट बनाया कंटेंट एक फ्रेगमेंट बना रखा है कंटेंट जरा मैं करता हूं ब्लैक स्क्रीन से लिखते हैं हमने एक फ्रेगमेंट बनाया कंटेंट तो यह कंटेंट नाम से हमने फ्रेगमेंट बनाया तो इसमें हम लोग पैरामीटर्स डिफाइन कर सकते हैं कंटेंट x अब जब इस फ्रेगमेंट को हम लोग कॉल करेंगे कहीं प इंसर्ट कर रहे होंगे या रिप्लेस कर रहे होंगे तो जब हम इसको कॉल करेंगे कंटेंट नाम से फ्रेगमेंट को तो हम इस x को यहां पर पास करेंगे अब x में हम लोग कोई वेरिएबल भी हो सकता है वेरिएबल भी हो सकता है इवन कोई एचटीएमएल मार्कअप भी हो सकता है मतलब कोई एचटीएमएल की पूरा बंच ऑफ कोड हो सकता है मतलब कह सकते हैं कि एक दूसरा एचटीएमएल या मार्क अप हो सकता है मार्क अप ठीक है तो बेसिकली अगर हमने यहां पर मार्क अप पास कर दिया तो यह मार्क अप अपने आप मार्क अप यहां पर आ जाएगा एंड देन आप इस फ्रेगमेंट के अंदर इस मार्क अप को एक्स को यूज कर सकते हो तो ये बड़ी चीज है फंक्शंस जैसे आप फंक्शन या मेथड यूज करते थे मेथड बनाते थे एक पैरामीटर ले लेते थे फिर जब मेथड को कॉल करते थे तो हम वेरिएबल को या वैल्यूज को पास करते थे अगर आपको याद हो एक्चुअल पैरामीटर्स के अंदर एंड देन उसको हम लोग यूज करते थे अपने मेथड्स के अंदर यहां पे भी हम लोग कर सकते हैं मैं अभी आपको दिखाऊंगा यार सब चीज दिखाऊंगा डोंट वरी अबाउट दिस नीचे देखोगे तो आप देखोगे फ्रेगमेंट में हम लोग एक्सप्रेशन वगैरह भी यूज कर सकते हैं पैरामीटराइज इंक्लूजन वगैरह कर सकते हैं बहुत सारी चीज कर सकते हो तो इसको अगर आपके पास टाइम है तो इसको पढ़िए ठीक है हमें क्या यूज करना है मैं आपको दिखाता हूं फ्रेगमेंट में देखिए अलर्ट ये अलर्ट नाम से फ्रेगमेंट है एंड उसमें आपने टाइप और मैसेज दो पास कर रखे हैं ठीक है एंड जब इसको आप यूज करोगे अलर्ट ना आप के फ्रेगमेंट को तो आप टाइप और मैसेज दोनों यहां पे पास कर दोगे ठीक है तो ये भी हम बनाएंगे इसकी भी टेंशन मत लीजिए आप इसको भी हम लोग क्रिएट करेंगे एंड इन्होंने असर्ट भी यूज कर रखा है ठीक है कोई दिक्कत वाली बात नहीं ये देखो ठीक है इन्होंने अलर्ट जब कॉल किया इसको तो यहां पे टाइप डेंजर पास कर रखा है एंड मैसेज में इन्होंने अपना एरर मैसेज पास कर रखा है ये डायनेमिक आ रहा है तो इसको मैं बताऊंगा टेंशन मत लीजिए टेंशन बिल्कुल भी आपको नहीं लेना है चलो तो हम लोग क्या करते हैं यहां पर मैं पहले दिखाता हूं आपको फिर उसको हमें कैसे यूज करना है यह हम बताएंगे एंड यहां पर क बहुत बढ़िया एग्जांपल था यार ठीक तो हम रिप्लेस और इंसर्ट का एग्जांपल मैं आपको दिखाता हूं लेट्स क्रिएट टू मोर एक हमने होम के लिए बना रखा शायद राउट हा एक होम के लिए राउट बना रखा है एक हम बनाते राउट अबाउट एंड सर्विसेस के लिए तो हम आते हैं य प पेज क लर पेस कंट्रोलर के अंदर आते हैं एंड यहां पर हम बना देते हैं एक अबाउट के लिए राउट बनाते हैं और एक सर्विसेस के लिए राउट बनाते इसको कमेंट कर द ठीक है इतने में हम समझ जाएंगे तो हम यहां पर लिखेंगे गेट मैपिंग लिख लो चाहे रिक्वेस्ट मैपिंग रिक्वेस्ट मैपिंग एंड एक बार में इसने सबसे सजेस्ट कर दिया तो अगर एक बार मैं आपको स्टेप बाय स्टेप बता देता हूं उसके बाद मैं डायरेक्ट लिख दिया करूंगा तो पहली बार मैं पूरा लिखता हूं अदर वाइज आप लोगों के सर सर एक ही बार में सब लिख दिया तो पब्लिक स्ट्रिंग एंड अबाउट पेज ये अबाउट पेज है थोड़ा सा कहो फंट बड़ा कर लू मैं हां ठीक है इतना सही है एंड रिटर्न करूंगा हमें पेज का नाम रिटर्न करना है टेंप्लेट का नाम तो मैं कहूंगा अबाउट सेमीकलन एंड यहां पे जो राउट हमें रखना है वो रिक्वेस्ट मैपिंग में राउट रखना है सॉरी रिक्वेस्ट मैपिंग ठीक है रिक्वेस्ट मैपिंग में हमें स्लश अबाउट रखना है अबाउट रखना है एंड अगर आप चाहो तो कुछ प्रिंट आउट कर सकते हो यहां पे अबाउट पेज लोडिंग तो अब आप अबाउट स्ल अबाउट फायर अप कर सकते हो किस चीज के लिए अबाउट पेज चलाने के लिए बट मैं राट क्क करता य पर अबाउट पेज बना लेता हूं अबाउट डॉट एटी अब यहां पर मैं सिंपली एटीएम फ लिख देता अबाउट दिस अबाउट में लिख द एवस अबाउट हो गया एक हम क्या करते हैं सर्विसेस के लिए बना लो हम इसी को कॉपी कर लो यार क्या ये फर्क पड़ता है कॉपी करो पेस्ट करो एंड इसको कर दो सर्विसेस एंड यहां पे कर दो सर्विसेस पेज पेज एंड सर्विसेस पेज लोडिंग सर्विसेस पेज लोडिंग एंड यहां करते हैं सर्विसेस और हम क्या करते हैं एक सर्विसेस नाम से टेंप्लेट बना लेते हैं इसपे क्लिक कर लो चाहे इस पे क्लिक करके एंड फाइल को बना लो नाम दे दो सर्विसेस ड उसी को कॉपी करो अभी हम ऐसे भी चेंज करेंगे यहां पे वेस्ट कर लेंगे ठीक है यहां लिख देंगे दिस इज दिस इज सर्विसेस पेज सेव कर लो एंड अब बंद कर दो थोड़ी देर के लिए अपने आप से चेंजेज रिफ्लेक्ट कर गए होंगे क्योंकि हमने डेप टूल्स यूज कर रखा है अदर वाइज आप एक बार रीस्टार्ट कर लीजिए एंड यहां पे स्लैश के बाद हम यहां प अबाउट फायर अप करेंगे दिस इज अबाउट पेज एंड उसके बाद हम लोग यहां पे फायर अप करेंगे सर्विसेस तो मतलब हमारे पास तीन राउट है लेकिन हमें सीएसएस सिर्फ होम पेज प मिल रही है पता है क्यों क्योंकि हमने सिर्फ होम पेज प सीएसएस यूज कर रखा है यहां पे ये देखो सिर्फ हमने होम पेज पे सीएसएस यूज कर रखा है इवन फ्लो बाइट वाला भी सीएसएस और अपने टेल विंट वाला भी सीएसएस हमने यूज कर रखा है अपने होम पेज पे अब हमें क्या करना है हमें हर पेज पे अगर लविन का सीएसएस चाहिए और फ्लो बाइट का सीएसएस चाहिए तो हमें इतना कोड कॉपी करना होगा समझ गए लेकिन मैं ये नहीं करूंगा मैं टेंप्लेट इहे इन्हेरिटेंस मेंट बनाऊंगा एंड फ्रेगमेंट की हेल्प से हम टेंप्लेट इन्हेरेंट जैसा कुछ कर सकते हैं देखिए कैसे हम एक बनाएंगे यहां पे फाइल जिसका नाम देंगे कुछ भी नाम दो बेस html5 है कैसे समझते रहिए बस क्लास मत बनाइए अभी पहले कांसेप्ट समझ लीजिए फ्रेगमेंट बनाने के लिए हम लोग यहां पे यूज करेंगे टीटीएच कोलन फ्रेगमेंट एंड देन आप अपने फ्रेगमेंट का यहां पे नाम दे सकते हो सपोज फ्रेगमेंट का नाम है अ बेस या नाम है कुछ भी दे दो यार क्या नाम देते हैं कॉमन या पैरेंट फ्रेगमेंट ठीक है यह हमारा फ्रेगमेंट बन जाएगा एंड इसके अंदर आप कोई पैरामीटर ले सकते हो मैंने बताया बट अभी हम पैरामीटर लेना दे सीखेंगे एंड इसके अंदर मैं यहां पे लिखता हूं एक h1 दिस इज पैरेंट फ्रेगमेंट और यहां पे एक मैं पी लेता हूं इसमें लोरम 10 लिखता हूं ठीक है तो ये एक्चुअली फ्रेगमेंट हो गया फ्रेगमेंट बनता है किसे टीटीएच फ्रेगमेंट से अगर आपका कुछ वॉर्निंग वगैरह दे रहा है आपका अगर आप इंटेल में हो या फिर अगर आप एक्लिप्स में वार्निंग दे रहा है तो इस टीटीएच का नेम स्पेस आपको लगाना होगा नेम स्पेस लगाने के लिए आपको एटीएल टैग के अंदर नेम स्पेस लगाना होगा मतलब कहने का मतलब देखिए आपको यहां पे आना है एंड नेम स्पेस देखो कहीं लगा होगा यहां प एटील के अंदर नेम स्पेस लगा होगा किसी भी एचटीएमएल कोड के अंदर लग सकता है आई डोंट नो यहां प नहीं लेकिन आप यह देखिए आई थ यह भी नहीं है ये भी नहीं है अगर आप देखोगे तो थाइम लिप के किसी टेंप्लेट के अंदर स्पेस लगा होगा अदर वाइज आप डायरेक्टली ठीक है ये फ्रेगमेंट हमारा बन गया अब इस फ्रेगमेंट को हम लोग यूज़ करने वाले हैं अपने अबाउट पेज के अंदर अबाउट से समझते हैं क्योंकि अबाउट के अंदर ज्यादा कुछ है नहीं तो अबाउट पेज के अंदर समझते हैं हम लोग क्या कर सकते हैं हम लोग इस फ्रेगमेंट को इस बेस फ्रेगमेंट को या बेस के अंदर जो पैरेंट फ्रेगमेंट है पहले दो चीजें क्या-क्या चीजें है हमारे पास हमारे पास एक तो फाइल का नाम है तो फाइल का नाम फाइल के नाम से कंफ्यूज मत होइए ये है हमारे पास फाइल का नाम और फाइल का नाम है बेस फाइल का नाम है बड इसके अंदर कंटेंट य बात है कुछ ना कुछ लिखा है तो इसका नाम है पैरेंट तो फाइल का नाम अलग है और फ्रेगमेंट का नाम अलग है अब हम इसको इस फ्रेगमेंट को किसी दूसरी जगह पर यूज करेंगे अपने किसी भी पेज के अंदर यूज कर सकते हैं चाहे हम अबाउट के अंदर यूज कर ले तो अगर हमारे पास अबाउट है अबाउट फाइल थी तो हम अबाउट के अंदर यूज कर सकते हैं या फिर अगर हम होम के अंदर यूज करना चाहे तो होम के अंदर यूज कर सकते हैं कैसे यूज करना है समझिए ठीक है तो हम यहां पे होम के अंदर यूज कर सकते हैं ऐसे करके हम हर फाइल के अंदर यूज कर सकते हैं और इसका कंटेंट यहां पे रीयूज कर सकते हैं बेसिकली कैसे देखिए अगर हमें अबाउट के अंदर इसे यूज़ करना है और यहां पे यूज़ करना है तो सबसे पहले हम लिखेंगे होस्ट अटैक पहले मैं कमेंट लगा के लिख देता हूं कंट्रोल स् लिख देता हूं यूजिंग फ्रेगमेंट और पहले हमें लिखना है होस्ट टैग मतलब किस टैग के अंदर आप अपने फ्रेगमेंट को दिखाना चाह रहे हो तो यह सपोज हमारा होस्ट टैग है डि डिव इज़ अ होस्ट टैग मतलब जो फ्रेगमेंट को अपने अंदर दिखा रहा है भाई चलो बढ़िया नाइस नाइस नाइस अब हमारे पास दो ऑप्शन है एक तो हम रिप्लेस यूज़ करें एक तो इंसर्ट अगर हम इंसर्ट यूज़ करते हैं तो यहां पे इंसर्ट हो जाएगा उस होस्ट टैग के अंदर इंसर्ट हो जाएगा जो कांसेप्ट हम लोगों ने सीखा था यहां पे अगर इंसर्ट यूज करेंगे तो इसके अंदर चला जाएगा और अगर रिप्लेस यूज करेंगे तो होस्ट टैग रिप्लेस हो जाएगा हमारे फ्रेगमेंट से तो पहले मैं इंसर्ट यूज करता हूं तो मैं यहां पे यूज करूंगा टी एच कॉलन इंसर्ट और इंसर्ट में आपको कुछ नहीं करना और यहां पे अपना सबसे पहले क्या लिखना है सबसे पहले आपको अपने फाइल का नाम लिखना है बट यहां प यूज करना है टिल डे साइन एंड टिल्ड साइंड के बाद ब्रैकेट यूज करना है उसके बाद अपन आपको अपना बेस डॉट बेस लिख देना है फाइल का नाम फिर डबल कोलन लिखना है एंड देन उसके अंदर फ्रेगमेंट का नाम लिखना य सिंटेक्स है जो आपको पता होना चाहिए और समझ में आना चाहिए यह फाइल का नाम और यह है आपके फ्रेगमेंट का नाम तो ये सिंटेक्स है थोड़ी देर थोड़ा मतलब बारबार लिखोगे तो समझ जाओगे इस सिंटेक्स को आप य ढूंढ भी सकते हो भाई थोड़ा मेहनत करोगे तो ढूंढ लोगे सिंटेक्स को कहीं इन्होने यूज किया होगा आई डोंट नो मतलब बहुत बार यूज किया होगा दिखा होगा आपको देखो मैं दिखा देता हूं यार ठीक है अगर आप देखोगे तो यह फ्रेगमेंट इन्होने बनाया है फ्रेगमेंट को यूज इन्होने प्रैगमेंट है ओके टिल्ड साइन ने कहां यूज किया ये देखिए इंसर्ट करते समय थोड़ा जूम करें देखिए ये डे साइन यूज किया देन ब्रैकेट यूज किया देन फ्रेगमेंट है आपका ये एक्चुअली फाइल है एंड ये आपका फ्रेगमेंट है डबल कोलन के बाद मैं कहूंगा ठीक है इतना तो समझ ग अब सेव करिए एंड इसको भी सेव कर लीजिए बेस को भी सेव कर लीजिए एंड आ जाइए अपने यहां पे एंड अबाउट चलाइए क्योंकि अबाउट के अंदर हमने उसको यूज किया एंड आप देखोगे दिस इज पैरेंट फ्रेगमेंट ये पैरेंट फ्रेगमेंट का कंटेंट आ रहा है एक चीज मैं और करूंगा अबाउट के अंदर सबसे पहले खुद का कंटेंट भी कुछ लिख देते हैं लिख देते हैं दिस इज अबाउट अबाउट पेज और यहां पे लगा देते हैं एक एचआर हॉरिजॉन्टल लाइन सेव कर दो एंड देन आकर रिफ्रेश करो ये देखिए अबाउट पेज तो अपने पेज से आ रहा है दिस इज पैरेंट फ्रेगमेंट और पैरेंट फ्रेगमेंट का कंटेंट है इसके अंदर तो लिखा नहीं ये कहां से आ रहा है ये आ रहा है हमारे इस पैरेंट वाले फ्रेगमेंट से जो कि बेस के अंदर हमने स्पेसिफाई किया और हमने इंसर्ट किया मतलब एक डिब होगा उसके अंदर हमारा पैरेंट का कंटेंट आ रहा होगा आप देखिए राइट क्लिक करिए और सोर्स प जाइए एंड इसको हल्का सा जूम करिए देखिए ठीक है यूजिंग फ्रेगमेंट एंड आप देखोगे तो यहां पे ये h1 है और यह हमारा पी है एंड यह जो है वो क्लोजिंग है आई थिंक हमारे होस्ट टैग का और यह हमारा ओपनिंग है होस्ट टैग का एक बार इसको एक हम अपने होस्ट टैग जो है हमारा ये होस्ट टैग है इसका हमें एक क्लास देते हैं क्लास होस्ट टैग सेव करिए एंड आइए रिफ्रेश करिए यू विल फाइंड ये हमारा होस्ट टैग है ओपनिंग और ये हमारा क्लोज एंड इवन हम अपने बेस के अंदर ये जो हमारा फ्रेगमेंट है इसको भी क्लास दे सकते हैं क्लास और ये हमारा पैरेंट फ्रेगमेंट्स अच्छे से समझने के लिए ये सिर्फ मैंने क्लास दिया सिर्फ ये समझने के लिए यहां भाई ये देखिए ये हमारा पैरेंट फ्रेगमेंट है समझ ग आई थिंक समझ गए हो मेरे बा तो इंसर्ट ने क्या किया इंसर्ट ने हमारे होस्ट टैग के अंदर इस टैग के अंदर हमारे फ्रेगमेंट को इंसर्ट कर दिया फ्रेगमेंट को बनाना कैसे है आपको बस टीटीएच फ्रेगमेंट लिखना है एंड देन फ्रेगमेंट का नाम लिख देना है यूज कैसे करना है आपको टीटीएच इंसर्ट लिख लिखना है एंड देन आपको लडे साइन यूज करना है एंड किस फाइल के अंदर आपका फ्रेगमेंट है डबल कोलन के बाद आपको अपने फ्रेगमेंट का नाम लिख देना है ठीक है अगर आप यहां पे रिप्लेस यूज करोगे रिप्लेस यूज करोगे तो आपका होस्ट टैग रिप्लेस हो जाएगा देखिए होस्ट टैग देखिएगा इसको मैं रिफ्रेश करूंगा ये देखिए होस्ट टैग गायब हो गया और हमारा फ्रेगमेंट है फ्रेगमेंट है तो आउटपुट हमें वही दिखेगा लेट्स सी रिफ्रेश करूंगा ये देखिए आउटपुट दि मैं रिफ्रेश कर दिया तो दोनों तरीके से आप यूज कर सकते हो कि आप पास कर सकते तो मतलब होस्ट टैग को रखना है तो आप इंसर्ट यूज कर लो नहीं रखना है तो आप रिप्लेस यूज कर लो इंपॉर्टेंट चीज क्या है कि मैंने बताया था ना आप क्या कर सकते हो गाइस आप पैरामीटर पास कर सकते हो आप इसको ऐसा सोचो कि यह जो है हमारा एक फंक्शन है जिसका नाम है पैरेंट फ्रेगमेंट फ्रेगमेंट एक फंक्शन की तरह समझो समझने के लिए और स इसका नाम है पैरेंट और पैरेंट के अंदर हम यहां पे पैरामीटर्स ले सकते हैं सपोज हमने ए ले लिया x ले लिया y ले लिया एंड देन जब हमने यहां पर कॉल किया है पैरेंट को तो हम यहां पे पैरामीटर्स को पास कर सकते हैं समझ ग हम यहां पे पास कर सकते हैं वन कॉमा टू अगर हम सेव करेंगे सो आप देखोगे रिफ्रेश करूंगा कुछ चेंज नहीं हुआ बट वो पैरामीटर्स यहां पे आ चुके हैं x और y में आ चुके हैं x y को हम यहां पे यूज कर सकते हैं मैं यूज करके दिखाता हूं लेट्स डू हमारे एकवा कहां पे है बेस में अंदर यहां पे हम यूज करते हैं हम लिखेंगे h1 लिखेंगे वैल्यू ऑफ x इज और हमें x की वैल्यू यहां प्रिंट करनी है तो हम एक स्पैन टैग लगाएंगे एंड वैल्यू प्रिंट करने के लिए मैंने पिछले वीडियोस के अंदर बताया था हम टीटीएच टैक्स यूज करेंगे टीच टेक्स्ट एंड यहां पर एक्स पिट कर देंगे तो य क्या करेगा टीच टेक्स क्या करेगा टीच टेक्स जो एक्सप्रेशन है डॉलर कलि ब्रेस के अंदर व एक्सप्रेशन को सॉल्व करेगा और इस स्पैन टैग की बॉडी में उस टैक्स को डाल देगा मतलब स्पैन के अंदर आ जाएगा बेसिकली आपका डाटा दिखाता हूं रिफ्रेश करता हूं यह देखिए द वैल्यू ऑफ एक्स इव और यह वन कहां से आया गा ये वन आपके अबाउट से आया है समझ गए अभी मैं इसका और रियल टाइम एग्जांपल दिखाऊंगा सेम तर से आप क्या कर सकते हो आप वैल्यू ऑफ वा यूज कर सकते हो एंड वा में आप यहां पर वा पास कर सकते हो दैट मीस ये वेरिएबल है इसको हम दूसरे प पेज से पास कर रहे हैं देखिए वैल्यू ऑफ y इटू ये अबाउट पेज के अंदर है सेम आपको सपोज आपको सर्विसेस पेज के अंदर यूज करना है तो हम आएंगे यहां प सर्विसेस पेज के अंदर एंड हम पेस्ट कर देंगे लिख देंगे दिस इ सर्विसेस पेज इंटरेस्टिंग चीज क्या है कि हम यहां पे फर्स्ट वैल्यू दूसरी पास कर सकते हैं दूसरी वैल्यू दूसरी पास कर सकते हैं मैंने कहा इस बार हम सर्विसेस वन पास करते हैं और यहां पर सर्विसेस टू पास कर सकते हैं और हम रन करेंगे तो अबाउट प तो ही आएगा बट अगर यहां प सर्विसेस एंटर करेंगे तो देखिए ये देखिए ये पेज ये वैल्यू डायनेमिक आ रही है जो हम अपने करंट पेज से पास कर रहे हैं अपने फ्रेगमेंट के अंदर सेम ऐसे ही जो मैंने यहां पर आपको समझा रखा है मतलब कहने का सिंपल मतलब होता है कि हमने इस फ्रेगमेंट को यूज किया और हमने यहां प वैल्यू पास कर दी उस वैल्यू को हमने यहां पर यूज कर लिया तो जब वो एग्जीक्यूट हो रहा है तो आपको वही वैल्यू यहां पर दिख रही है करंट पेज के अंदर आई होप आपको समझ प आ रहा होगा यार नहीं आ रहा तो एक बार दोबारा से वीडियो को देखिएगा बट ये इंटरेस्टिंग वीडियो है चलो अभी मैंने सिंपली एक बेसिक वैल्यू पास करके दिखा दी एक स्टैटिक स्ट्रिंग पास करके दिखा दी आप डायनेमिक वैल्यू भी पास कर सकते थे य य आपने वन पास किया है अबाउट से बेस प आप यहां पर डायनेमिक वैल्यू को भी एक्सप्रेशन को भी यहां पर पास कर सकते थे अगर आपके पास कोई वैल्यू है तो यहां पर वैल्यू को बहुत आसानी से पास किया जा सकता था चलो बढ़िया क्या हम एचटीएमएल पूरा पूरा पास कर सकते हैं बिल्कुल आप अपना पूरा एचटीएम पास करते हो पूरा दिखाता हूं कैसे सपोज इसके अंदर आपके पास एक डिव है जिसके अंदर दिस इज डायनेमिक कंटेंट है डायनेमिक कांट डायना इसके अंदर पूरा ए आपने लिख दिया डिजाइनिंग सब लिख दिए डायनामिक डायनामिक लिख दिए यह डि इस पूरे पर डि को पास करना है हमें यहां प तो हम पहले तो एक्सवा को हटा देंगे य जो हमने पैरामीटर डिफाइन कि इसको हटा देंगे और यहां पर हम रख देंगे कंटेंट यह कंटेंट बेसिकली डी वाला कंटेंट है जो य आएगा और यहां पर आएगा तो मैं क्या करूंगा इस कंटेंट को एक बार कंटेंट आ रहा है तो हम कंटेंट को यहां पे दिखा सकते हैं प्रिंट कर सकते हैं बहुत सारी चीज कर सकते हैं सो कैसे करेंगे देखिए एक बार कंटेंट आ जाएगा तो हम एक्सपेक्ट कर रहे हैं कि यह जो कंटेंट है ये एक्चुअली हमारा एक एटीएल है तो एचटीएमएल को हम ओबवियस सी बात है हम एक होस्ट टैग बना सकते हैं और होस्ट टैग में हम एटीएमएल को रिप्लेस भी कर सकते हैं इंसर्ट भी कर सकते हैं तो मैं रिप्लेस यूज करूंगा रिप्लेस यूज करूंगा और यहां पास कर दूंगा कंटेंट तो यहां पे जो कंटेंट आएगा वो रिप्लेस हो जाएगा मतलब इस डीप की जगह पे आ जाएगा ठीक है इस डीप की जगह आ जाएगा बढ़िया लेकिन मेन टास्क क्या है कि हमें यहां पे इस डिव को पास करना है इस वन और टू की जगह पे यहां इस डिव को पास करना है कैसे पास करेंगे हाउ वी कैन डू हम क्या करेंगे हम यहां पे यूज करेंगे टिल डे और टिल डे के अंदर एक ब्रैकेट यूज करेंगे ब्रैकेट के अंदर डबल हम लोग कॉलन यूज करेंगे और डिप लिख देंगे बस इतना आप करोगे बस यहां से क्या होगा इस डिव का रेफरेंस या डिव एक मार्कअप पास हो जाएगा और वो डिव आप यहां पर रिसीव कर पाओगे और वो कंटेंट यहां पे दिख जाएगा आपके इस लोरम एप्सम के नीचे सेव करिए भाई एंड लेट्स रन देखते भाई हमारा आईडिया सही आ रहा है कि नहीं आ रहा एंड कुछ एरर आ रही है और अगर एर आ रही तो आपको परेशान नहीं होना देखना क्या एरर आही कैसे एरर आरही ठीक है सो हम लोग क्या करेंगे आप देखोगे कुछ आई थिंक सेव नहीं किया हम लोगों ने एक बार इसको भी सेव कर दो क्योंकि हमारे पास एक ही आ रहा है एंड अगेन यहां से भी हमें एक ही चीज पास करना है तो थोड़ी देर के लिए मैं क्या करता हूं इसको कमेंट कर देता हूं या कट कर लेता हूं ठीक है एंड अगेन हम अपने अबाउट को चलाएंगे ना कि सर्विसेस को क्योंकि अबाउट के अंदर हमने पास किया एंड आप देखोगे तो यहां पे बहुत बार बहुत बार फिगमेंट आ रहा है बहुत बार प्रगमेंट आ रहा है ट मीस यहां पर कहीं ना कहीं इनफा चीज चल रही है अबाउट से इनफा चीज चल रही है तो देखते हैं भाई अबाउट से इनफा चीज क्यों चल रही है ठीक है डीप की वजह से हो सकता है मैं यहां पर क्या करता हूं एक होस्ट टैग चेंज करता हूं प लिखता हूं एंड हम लोग प को पास करेंगे इस बार लेट्स सी हम लोग यहां प प प पास करते हैं एंड यहां पे आते हैं एंड रिफ्रेश करते हैं एंड आप देखोगे दिस इज डायनेमिक कंटेंट आ गया प प यहां पर एक्चुअली आ चुका है दैट मींस पैराग्राफ हमारे से यहां आ चुका है एंड इवन सब कुछ पास कर सकते कोई दिक्कत वाली बात नहीं है कि आप सिर्फ एक ही चीज पास करते हो दो ही चीज पास कर सते हो पूरा डायनेमिक कंटेंट यहां से पास के हम पास करके दूसरी जगह पे हम लोग भेज सकते हैं इवन हम यहां पे एक सेक्शन चलो सेक्शन ही डाल दो यहां से हम पूरा सेक्शन लेंगे ये कंटेंट है ना जो जा रहा है तो हम सेक्शन लेंगे एंड इस सेक्शन को यहां पे हम लोग पास कर देंगे तरीका यही है किसी भी एटीएमएल मार्क अप को रेफर करने का ये जो मैंने सेलेक्ट किया ये तरीका है टिल डे देन कली बेसेस डबल कलन सेक्शन सेव कर लीजिए एंड रिफ्रेश करिए तो आप देखोगे टा कट आ अब डायनेमिक कंटेंट के अंदर कुछ भी हो सकता है इवन आप यहां प एटी लिख सकते हो एटीएम सपोज अने यहां पर लिख दिया वा डायनामिक डायनामिक कंटेंट एंड फिर आपने यहां पे प लगाया देन आपने यहां लोरम 20 लिख दिया सेव किया एंड आप देखोगे अबाउट पेज प कंटेंट लोम 20 आ रहा देन अगर आपको बटन बनानी है तो आप बटन बना सकते हो बटन एंड क्लिक ऑन डायनामिक कंटेंट स्पेलिंग चेक कर लीजिए भाई स्पेलिंग इतना कोई मैटर नहीं करता ये देखिए तो ये डायनेमिक कंटेंट आ रहा है आपके बेस के अंदर और बेस को आप वहां पर यूज कर रहे हो सेम आप यहां से भी कर सकते हैं मैंने कॉपी किया एंड सर्विसेस के अंदर आ गए कंट्रोल पेस्ट किया या मैं करके दिखाता हूं कॉल करके दिखाता हूं एक्चुअली ठीक है सर्विसेस पेज के अंदर सबसे पहले मैं क्या करूंगा बेस को लाऊंगा य पर कॉल करूंगा तो मैं यूज करूंगा एक डि यूज कर सकते हो आप होस्ट टैग के लिए एंड यहां पर टीच कोलन रिप्लेस या इंसर्ट मैं रिप्लेस करूंगा जिसे होस्ट टैग नहीं चाहिए एंड मैं क्या करूंगा मैं टिल डे यूज करूंगा देन मैं यूज करूंगा यहां पे डबल कॉलन किस फाइल के अंदर है बेस फाइल के अंदर है हमारा फ्रेगमेंट नहीं नहीं पहले हमें बेस लिखना है देन डबल कॉलन लगाना है देन हम अपना फ्रेगमेंट लिखना है जो कि हमारा पैरेंट फ्रेगमेंट है एंड यहां पर हमें डायनेमिक चीज पास करनी है एक मार्क अप पास करनी है तो मार्क अप पहले हम बनाएंगे एक सेक्शन बना लेंगे इस सेक्शन को हम पास करने वाले हैं यहां पे तो उसके लिए हम फिर से लडे यूज करेंगे एंड कर्ली ब्रेस यूज करेंगे डबल कोलन यूज करेंगे एंड देन हम सेक्शन टैग का नाम लिखेंगे एंड देन यहां पे हम लोग कुछ भी लिखेंगे सपोज हमने लिखा h1 लिख देते हैं दिस इज डायनामिक सर्विसेस पाड टू बेस पैरेंट बेस पैरेंट ठीक है देखिए सर्विसेस को चलाइए ये देखिए हो गया डायनेमिक सर्विसेस पास टू पैरेंट तो इस तरह से गाइज हम लोग अपना काम करते हैं एंड इस तरह से हमारा फ्रेगमेंट काम करता है थोड़ा सा फ्रेगमेंट और समझेंगे उसके बाद हम लोग क्या करेंगे हम लोग इसको यूज करेंगे अपने प्रोजेक्ट के अंदर कि एक्चुअली कैसे हम लोग यूज कर सकते हैं इसे सो हाउ कैन वी डू दैट हम कैसे समझ सकते हैं और क्या हम यहां पे सेक्शन की अगर आईडी है हमारे पास लेट्स सपोज अ मेन कंटेंट क्या हम इस मेन कंटेंट से पास कर सकते हैं इसको लेट्स फाइंड आउट तो हम इस बार टैग नहीं यूज करेंगे हम हैज लिखेंगे एंड लिखेंगे मेन अंडर कंटेंट ठीक है तो ये भी मैं आपको समझा दूं लेट्स डू दैट हम यहां पे आते हैं रिफ्रेश करते हैं एंड आप देखोगे आप आईडी वाइज भी चीजें पास कर सकते हो सर्विसेस के अंदर है और हमने चेंज भी सर्विसेस के अंदर किया तो आपके पास आईडी है तो आप है लिख दीजिए यहां पे तो आईडी पास हो जाएगी लेट्स सपोज आपके पास दो सेक्शन है आपने यहां पे एक सेक्शन और बनाया इसको बनाया मेन कंटेंट इसको बनाया सेकंड कंटेंट सेकंड कंटेंट एंड इसको बनाया दिस इज सेकंड कंटेंट एंड अभी आप आपने पास किया है क्या आपने सिर्फ मेन कंटेंट पास किया है ये अगर आप सेकंड कंटेंट पास करना चा रहे तो यहां पे सेकंड कंटेंट पास कर सकते हो सेव करोगे तो आपके पास ये देखिए दिस इज सेकंड कंटेंट दैट मींस अगर आपके पास कोई टग है तो टग को डायरेक्टली यूज कर सकते हो अगर आपके पास कोई टैग प आईडी लगी है तो आप है यूज कर सकते हो इन अगर कोई क्लास है तो आई थिंक आप इस पर डॉट सेलेक्टर यूज कर सकते हो सपोज दिस इ क्लास एंड दिस थर्ड अंडर कंटेंट एंड यहां पर हम यूज करेंगे डॉट डॉट ड सेव करेंगे एंड रिफ्रेश करेंगे य विल फाइंड आई थंक सेकंड थड थर्ड थर्ड थर्ड थर्ड थर्ड कंटेंट है बार सेव करो नहीं क्लास नहीं यूज कर सकते आई थिंक लेट्स सी एक बार हम सर्विसेस के अंदर काम कर रहे ना हा थर्ड कंटेंट है एंड क्लास के लिए मैंने डॉट यूज किया था हैज नहीं यूज किया था मैं एक बार अपना एप्लीकेशन रीस्टार्ट कर लेता हूं लेट्स रीस्टार्ट द सर्वर ठीक है एंड थर्ड कंटेंट ठीक तो है यार हां ठीक है रिफ्रेश करते हैं आई थिंक आ रहा है बट हमने कंटेंट नहीं चेंज किया सेकंड ही है यहां पे थर्ड कर देते हैं ये होता रहता है जब आप डेवलपमेंट करते हो ये देखिए थर्ड तो आप क्लास से भी टारगेट कर सकते हो आईडी से भी टारगेट कर सकते हो और इवन आप टैग से भी टारगेट कर सकते हो आप कैसे टारगेट करना चाह रहे हो इट्स डिपेंड ठीक है आपके पास मल्टीपल चीज है सबसे तगड़ी चीज है कि यहां पे आप पूरा कोई जरूरी नहीं कि आप वेरिएबल पास कर रहे हो तो पूरा एक्सप्रेशन लिख सकते हो कि अगर भैया एडमिन है तो हमें ये पास करना है अगर कोई नॉर्मल है तो वो पास करना है दैट मींस वेरी पावर पावरफुल है बहुत पावरफुल है आपका ये फ्रेगमेंट फ्रेगमेंट ठीक है सो यहां पर देख सकते हो यार देखो जब इन्होंने फग अच्छा एक चीज मैं यहां पे नोट डाउन कर देता हूं हाउ फ्रेगमेंट्स वर्क यहां पे जरा हम लोग लिख देते हैं यार डिंग टू मैं यूज़ करूंगा फ्रेगमेंट्स इन टाइम लीफ टाइम लीफ हाउ टू क्रिएट फंक्शंस हाउ टू क्रिएट फ्रेगमेंट्स नॉट फंक्शन क्रिएट फ्रेगमेंट्स और मेरे पास यहां पे कोड है तो मैं कोड डायरेक्ट लिख दूंगा जो हमने फ्रेगमेंट बनाया है लेट्स सी दैट हम यहां पे बेस में आते हैं इस फ्रेगमेंट को बना देते हैं यहां पे एंड हाउ टू कॉल फ्रेगमेंट तो यहां पे आते हैं एंड हाउ टू इंक्लूड या फर हाउ टू इंसर्ट एंड रिप्लेस फ्रेगमेंट तो मैं कोड लिख देता हूं प्रॉपर पूरा कोड लिख दे रहा हूं जिससे कि आपको दिक्कत ना हो तो मैं पूरा यहां से लेकर यहां तक यूजिंग फ्रेगमेंट कॉपी करता हूं होस्ट टैग वगैरह तो आप समझ ही गए कोड मैंने लिखा पेस्ट कर दिया तो कैसे आप फ्रेगमेंट को यूज करते हो पूरा मैंने यहां पे लिख दिया कैसे इवन आप पास कर सकते हो क्लास हैज वेस सब चीज बता दिया दिया है कोड को रेफर कर लीजिएगा चीजें समझ जाए कुछ और इंपोर्टेंट चीजें हैं तो आप यहां से पढ़ सकते हो जैसे फॉर एग्जांपल इन्होंने एक फ्रेगमेंट यूज़ किया है कॉल किया है देखो फ्रेगमेंट एंड यहां पे ये एक्चुअली फ्रेगमेंट का नाम ये आपका फाइल है फ्रेगमेंट है देन इन्होंने देखो एक टाइप पास किया है टाइप में डेंजर पास किया है एंड मैसेज में इन्होंने एक डायनेमिक वैल्यू पास कर रखी है एरर मैसेज दैट मींस ये डेंजर है बाय डिफॉल्ट आ जा रहा है कोई अगर डिफॉल्ट वैल्यू पास करनी है तो यहां से आप डिफॉल्ट वैल्यू पास कर सकते हो मैसेज आप यहां पे ये डायनेमिक वैल्यू आ रही है जो डेटाबेस से आ रही है या बैक एंड से आ रही होगी तो डायनेमिक वैल्यू के लिए आप यहां पे डॉलर एंड देन आप डायनेमिक वैल्यू वेरिएबल को यूज कर सकते हो तो इस तरह से यूज कर सकते हो नेक्स्ट अगर आपको फ्रेगमेंट के अंदर एक्सप्रेशन यूज करना है तो एक्सप्रेशन इन्होंने देखो बना रखा है सब चीज यूज कर सकते हो जैसे ऑथेंटिकेशन प्रिंसिपल . एडमिन अगर यह ट्रू है तो इन्होंने फ्रेगमेंट यह वाला फुटर एडमिन यूज करा है टेल डे के अंदर यह वाला फ्रेगमेंट यूज करा है इन केस अगर यह फॉल्स है तो इन्होंने यह वाला फ्रेगमेंट यूज किया है तो आप यहां पे पूरा पूरा एक्सप्रेशन यूज डाल सकते हो पूरा पूरा एक्सप्रेशन डाल सकते हो और सिंपली आपको कुछ नहीं करना ये देखिए रिप्लेस करते समय इन्होंने ये पूरा एक्सप्रेशन बता दिया भाई डायरेक्टली फ्रेगमेंट ना पास करके फ्रेगमेंट डायरेक्टली पास करते तो डॉलर ये लडे से शुरू करते तो इन्होने पूरा एक्सप्रेशन पास किया है एक क तो मैं एग्जांपल दिखा दू इसी से जैसे फर एपल हमारे पास दो फ्रेगमेंट है लेट्स सपोज हमारे बेस के अंदर ही दो फ्रेगमेंट है एक फ्रेगमेंट है जिसका नाम पेरेंट फ्रेगमेंट सॉरी एक पेरेंट है एंड एक जैसे टेस्ट या एक डि और बना लो एंड यहां पर टीच डाल दो टीच कलन फ्रेगमेंट और नाम दे दो टेस्ट फ्रेगमेंट टेस्ट बस ऐसे ही कुछ ना बस इसमें h1 लिखो एव लिख दो लिख दो दिस दिस इ टेस्टिंग फ्रेगमेंट ठीक है अब मेरा मानना है कि अगर बंदा एक्टिव है या लॉगइन है तो हमें ये फ्रेगमेंट दिखाना अरवाज ये फ्रेगमेंट दिखाना तो आप कैसे कर सकते हो अबाउट पेज में ही हम लोग करते हैं लेट्स डू इट अबाउट पेज ठीक है सो कैसे करना है आप देखिए क्या देखना है बात समझिए ठीक है हम क्या करेंगे सबसे पहले अबाउट पेज जहां से ओपन हो रहा है वो वाला हम हैंडलर ओपन करेंगे तो अबाउट ओपन हो रहा है यहां से हम यहां पे एक मॉडल में एक वेरिएबल ऐड करेंगे हम कहेंगे मॉडल मॉडल एंड हम इस मॉडल में एक एट्रबीक करेंगे मडल ड ड एटिबल पास करेंगे इज एक्टिव या इज लॉगइन ठीक है लॉग इन है कि नहीं है इस लॉगइन से पता चलेगा एंड इसके अंदर ट्रू अभी के लिए मैं पास कर देर हूं ठीक है हो सकता है डायनेमिक वैल्यू कहीं से आ रही है बट डायनेमिक वैल्यू मैं अभी कंट्रोलर से पास कर रहा हूं अबाउट के अंदर आएंगे और अब हम यहां पे एक्सप्रेशन डाल सकते हैं तो यह हमारा फ्रेगमेंट है यह फ्रेगमेंट कब हम लोग यूज़ करेंगे देखिए सॉरी इस फ्रेगमेंट को पूरा कॉपी कर लो या इस फ्रेगमेंट को हम लोग कॉल कब करेंगे देखि हम पहले लगाएंगे एक्सप्रेशन हाउ कैसे देखिए हम लगाएंगे यहां पर आप डॉलर से लगाओ हम कहेंगे इफ इ लॉग इन अगर य ट्रू होता है तो हम इंक्लूड करेंगे इसे एल्स हम इंक्लूड करेंगे बेस में रखे हुए किस प्रगमेंट को को ए प्रगमेंट सेव कर लीजिए एंड क्योंकि हम जब ये इंक्लूड कर रहे हैं तो हम सेक्शन कौन सा पास कर रहे हैं हम पैरेंट यूज कर रहे हैं हम हम जब पैरेंट यूज कर रहे हैं तो सेक्शन जो पास कर रहे हैं वो नॉर्मल ये वाला सेक्शन पास कर रहे हैं ठीक है ठीक है कोई दिक्कत वाली बात नहीं तो होगा क्या कि जब अगर ये इज लॉगइन ट्रू है तो हमारा पैरेंट फ्रेगमेंट यूज होगा और पैरेंट के अंदर ये सेक्शन हमने पास किया इसके अंदर हम थोड़ा सा लिख देते हैं और लिख देते हैं यहां पे h1 एच वन लॉग इन यूजर लगड इन य या यूजर इ लगड इन यूजर इ लॉग इन और अगर यस बात है अगर लॉगिन नहीं होगा तो हमारा टेस्ट फ्रेगमेंट दि जाएगा और टेस्ट फ्रेगमेंट के अंदर मैंने यहां पर दिस इ टेस्टिंग फ्रेगमेंट लिख रखा है तो मैं यहां पर आता हूं एंड डॉक्यूमेंट में चलते हैं यह तो सर्विसेस चल रहा है हम अबाउट चलाते हैं यह देखिए सो अभी क्या है यूजर इ लगड इन है क्योंकि इस लॉगइन की वैल्यू ट्रू है और हमारा डायनेमिक कंटेंट दिख रहा है बट अगर मैं यहां पर चलता हूं और यहां पर क्या कर देता हूं फाल्स एड फॉल्स मैंने कर दिया रिफ्रेश किया तो थोड़ा सा आई थिंक टाइम लगता है तो देखिस टेस्टिंग फ्रेगमेंट आ रहा है मतलब की सिंपल है कि अगर यस बात इसकी वैल्यू फल्स हो गई तो इसने दूसरे वाले फ्रेगमेंट को यूज कर लिया दूसरे फ्रेगमेंट को टेस्ट वाले फ्रेगमेंट को कॉल कर लिया तो इसके अंदर आप कुछ भी लिख सकते हो या फिर आप यहां पर एक सेक्शन बना दो अगर लॉगइन नहीं है तो यहां पर लिख दो h यूजर इ नॉट लगड इन एंड इस सेक्शन का कुछ आईडी दे दो नॉट नॉट लॉग इन और हमें क्या करेंगे हम इसको यहां पास करेंगे टेस्ट के अंदर कैसे यस बात है एटीएम पास करने के लिए हम यही सेम यूज करेंगे एंड शश नॉट लॉग ए तो ये पैरामीटर मैं पास करया दैट मींस यहां से मैंने एटीएल पास किया सो हमें इसे यहां पर रिसीव करना होगा तो यहां पे एक कंटेंट आ जाएगा इस कंटेंट को मैं यहां पर दिखाऊंगा सिंपल तो इसको कंट्रोल एक्स कर दो एंड यहां पे हम यूज करेंगे एक डिव और डिव में हम जो कंटेंट आ रहा है उसको रिप्लेस कर देंगे और रिप्लेस किससे करेंगे जो कंटेंट आ रहा है उसी से सेव करेंगे सो आप देखोगे यूजर इज नॉट लॉक्ड इन है बट बाय चांस अगर यूजर लॉगइन हो जाता है तो आप यहां पे पूरा पूरा कंटेंट आ जाए तो बहुत ज्यादा पावरफुल है यार ये जो फ्रेगमेंट वाला पूरा पार्ट है ना बहुत ज्यादा पावरफुल बहुत ज्यादा पावरफुल है और ये पूरा फंक्शन की तरह ही है कि आपने एक फ्रेगमेंट बना दिया एक फंक्शन बना दिया फिर जब आप उस फंक्शन को यूज़ कर रहे हो तो वो अपना आउटपुट देगा साथ ही साथ में आप कोई वैल्यू पास करोगे तो उस फंक्शन के अंदर यूज़ करोगे तो उसका भी आउटपुट यहां पे आ जाएगा सिंपल ये जो मैंने समझाया ये पूरा वैसा खेल है कि हमने एक फ्रेगमेंट बना दिया देन फ्रेगमेंट के अंदर हम डेटा पास कर सकते हैं कोई वेरिएबल पास कर सकते हैं उसको यूज़ कर सकते हैं साथ ही साथ में कोई मार्कअप पास कर सकते हैं उसको भी यूज़ कर सकते हैं तो अगर मार्कअप को यहां आपने प्रिंट किया है और आपने वही यहां कॉल किया है तो इसका भी आउटपुट आएगा साथ-साथ में जो आप पास करोगे उसका भी आउटपुट आ जाएगा यही सिंपली यहां पे है बाकी आप इसको पढ़ो यार एंड मैं मैंने बहुत सारी चीज बता दी कि आप फ्रेगमेंट कैसे बनाते हो कैसे रिप्लेस करते हो करते हो कैसे इंसर्ट करते हो कैसे डायनेमिक वैल्यू पास कर करते हो कैसे मार्कअप पास कर सकते हो एंड कंडीशनल एक्सप्रेशन कैसे यूज कर सकते हो ठीक है बहुत सारी चीजें हैं इसमें एंड इवन आप देख फ्रेगमेंट इंक्लूजन फ्रॉम कंट्रोलर से भी आप इस पे देख सकते हो कर सकते हो लेआउट डायलेक्ट वगैरह इन्होंने बता बता रखा है तो कैसे लेआउट वगैरह क्रिएट करते हो ये भी इन्होंने ब बता रखा है एंड लेआउट वगैरह भी इन्होंने कैसे बना रखा है ये सब चीज बता रखा है बता रखा है तो लेआउट हम लोग नेक्स्ट वीडियो के अंदर बनाएंगे हाउ टू एक्चुअली मैनेज लेआउटस इन एक्चुअल प्रोजेक्ट उसको हम लोग नेक्स्ट वीडियो में करते हैं ये इस ये पूरा टोटल वीडियो डिपेंड मतलब था बेस्ड ऑन हाउ फ्रेगमेंट वर्क्स इन थाइम वेरी पावरफुल बहुत पावरफुल है फ्रेगमेंट्स इवन मैंने बहुत सारी ची बताई बहुत सारी मैंने नहीं बताई बट आप यहां प देख सकते हो ठीक है पढ़ सकते हो तो ये रेफरेंस लिंक आप सर्च कर सकते हो एंड काफी चीजें मैंने समझा दी थाइम लीफ पेज लेआउटस इसका नाम है एंड सिंपली आप यहां पे जाइए थामली पेज लेआउट एंड यही एक स्टैंडर्ड तरीका है चीजों को सीखने का बस इसको पढ़िए समझिए एंड बाकी चीजें जो मैंने समझाया उसको तो आप यहां पे नोट डाउन कर लीजिएगा कुछ चीजें जो मैंने बनाई उसको मैं यहां पेने नोट्स के अंदर डाल दूंगा कैसे इंसर्ट करना है कैसे सॉरी कैसे इंसर्ट करना है इसको कंट्रोल जड कर लो भाई हां कैसे इंसर्ट करना है कैसे रिप्लेस करना है साथ ही साथ में कैसे हम लोग एक्सप्रेशन यूज करते हैं इसको भी मैं डाल देता हूं यहां पे हाउ टू यूज एक्सप्रेशन एक्सप्रेशन तो एक्सप्रेशन हम लोगों ने कहां पे यूज किया है अपने अबाउट के अंदर ये रहा तो इस वाले डिफ होस्ट टैग को भी हम लोग कॉपी करते हैं ये वाला होस्ट टैग है एंड यहां पे चिपका देते हैं कोड के अंदर कोड के अंदर ठीक है ये देखिए तो ये हमने यूज़ किया एक्सप्रेशन ठीक है बेस हमने कुछ ऐसा बना रखा है बेस के अंदर कुछ और चीज आप चाहो तो ऐड कर दो यहां पे एक हम कोड और डाल देते हैं बेस वाला भी अपडेट कर देते हैं यहां पे सो बेस बेस बेस बेस बेस को भी हम लोग अपडेट कर देते हैं अपडेटेड कोड आपको यहां पे मिल जाएगा अब मेन बात आती है यार कि हमने ये तो सीख लिया कि एक्चुअली टाइमली में फ्रेगमेंट्स क्या होते है उनको कैसे यूज करना है इंसर्ट रिप्लेस दोनों सीख लिया कैसे फ्रेगमेंट के अंदर पैरामीटर्स पास कर सकते हैं ये भी सीख लिया मार्कअप कैसे पास कर सकते ये भी सीख लिया भाई सारी चीजें तो सिखा रहा हूं आपको ओके नाउ अब इसको हम अपने रियल टाइम प्रोजेक्ट के अंदर कैसे यूज करेंगे जो हम प्रोजेक्ट बना रहे हैं थायमलीफ के फ्रेगमेंट को कैसे हम अपने लेआउटस को मैनेज करने के लिए यूज कर सकते हैं सबसे पहले मैं समझा देता हूं मैं क्या करूंगा मैं यार रियल टाइम प्रोजेक्ट के अंदर इसको यूज करने के लिए आपको क्या करना है बस ये वीडियो कंपलीटली वच करनी है आपको बता मैं आपको बताने के लिए हूं यहां पे आपको क्या करना है बस एक ही चीज करनी है यार सब्सक्राइब करना है अभी तक नहीं किया बहुत सारे लोग यूज करते हैं यार चैनल वीडियो देखते हैं सब्सक्राइब नहीं करते हैं सो हाउ कैन वी यूज दिस फ्रेगमेंट इन अवर प्रोजेक्ट मैंने बता दी कैसे हम अपने फ्रेगमेंट को यूज कर सकते हैं सो मेन चीज है फ्रेगमेंट जो हम बनाते हैं फ्रेगमेंट वो एक फंक्शन की तरह होता है उस फंक्शन को हम लोग कॉल कर सकते हैं अब हम लोग कैसे उस फंक्शन को अपने लेआउटस को मैनेज करने के लिए यूज करते हैं देखिए मैं क्या करूंगा मैं हम एक बना लेंगे बेस लेआउट एक बना लेंगे क्या बेस लेआउट बना लेंगे एंड यह बेस लेआउट काफी हमारा हेल्पफुल होगा काफी चीज हेल्पफुल होगी मैं डिटेल में सब चीज बता आपको टेंशन नहीं लेना हम यहां पे ये बेस लेआउट बना लेंगे एंड य बात इस बेस लेआउट का फाइल आप कुछ भी रख सकते हो ना मैं बेस ही रख दूंगा हमारे पास बेस ऑलरेडी है तो हम बेस रख देंगे तो आप या मैं इसको बेस ड एटीएल के अंदर बना दूंगा एटी एए के अंदर बना दूंगा ठीक है मैं क्या करूंगा इसके अंदर एक फ्रेगमेंट बनाऊंगा जो मेन फ्रेगमेंट होगा एक फ्रेगमेंट हम लोग यहां पर बना लेंगे वन फ्रेगमेंट और ये जो फ्रेगमेंट होगा इंपॉर्टेंट है इसका कुछ भी नाम दे दो पैरेंट फ्रेगमेंट मैं दे दूंगा आपकी मर्जी आप क दे दो ये जो पैरेंट फ्रेगमेंट होगा वो हर एक फाइल के अंदर जाएगा हर एक फाइल चाहे वो अबाउट फाइल हो अबाउट ड एटी चाहे वो होड एटी होड एटी चाहे वो सर्विसेस हो इवन कोई फाइल आप बनाओगे हर फाइल के अंदर हम लोग उसको इंक्लूड करेंगे या कह सकते हो उसको हम यूज करेंगे चाहे इंसर्ट से यूज कर सकते हो चाहे रिप्लेस से यूज कर सकते हो मैं रिप्लेस यूज करूंगा एक्चुअली मैं यहां प यूज करूंगा रिप्लेस री प्लेस यूज करूंगा हम क्या करेंगे इसका कंटेंट यहां पर यूज करेंगे इसका कंटेंट हम लोग यहां पर यूज करेंगे इसको मैं दूसरे कलर से बनाता हूं इसका कंटेंट हम लोग यहां पे यूज करेंगे ठीक है ना और जो चीज हमें डायनेमिक इस पेज से यहां पास करनी होगी हम इसके अंदर पास कर देंगे वो यहां पर आएगा और यहां पर एक जगह पर दिख जाएगा कहने का मतलब हम इस पूरे पूरे चीज को इस पूरे चीज को यहां पर यूज कर रहे हैं और हम यहां से कुछ पास करना चाह रहे हैं वो हम यहां से पास भी कर रहे हैं मतलब हम क्या करेंगे देखो मैं क्या करता हूं इस पूरे फ्रेगमेंट को यहां पे यूज भी कर रहा हूं और जो कंटेंट यहां से डायनेमिक पास करना है उसको हम यहां प पास कर देना हूं एज अ पैरामीटर और वो कंटेंट यहां पे दिख जाएगा और ओबवियस सी बात है इस पूरे चीज को आप यहां पे यूज कर रहे हो तो ये चीज जो आपने पास किया वो भी तो यहां पे दिख जाएगी समझ गए जैसे फॉर एग्जांपल आपने यहां पे यूज किया इसको और इसके अंदर सारी कॉमन चीज रख ले कॉमन चीज या कॉमन सीएसएस और कॉमन जीस सब लिख रखा है सीएसएस जीस सब लिख रखा है तो जब आपने इसको यूज किया तो इसके पास सारे कॉमन सीएसएस वगैरह आ गए जेस भी आ गया लेकिन छोटा सा कंटेंट येज जो कंटेंट है अपना खुद का हम डालना चाह रहे वो कंटेंट हम यहां से उठा पास कर देंगे और वो जाएगा यहां और यहां पर व कंटेंट डायनेमिक आ जाएगा ट मीन जो कंपाइल्ड फाइल बनेगी उसके पास कॉमन सीएसएस भी होगा और यह डायनेमिक कंटेंट यहां आ रहा होगा ये डायनेमिक कंटेंट भी आ रहा होगा ठीक है और यह जो फाइल बनेगी वह दिखेगी यहां बेस पे नहीं दिखेगी यहां पे क्योंकि यह पूरा फ्रेगमेंट आपने कहां यूज़ कर रखा है फाइनली यूज़ तो यहीं पे कर रखा है तो तीन स्टेप में काम होगा पहले आप इसको यूज़ करोगे दूसरा डाटा पास करोगे जो पूरा फाइल बनेगी वह फाइल आपको दिखेगी अबाउट पेज पे ही क्योंकि आपने यूज़ पूरे फ्रेगमेंट को यहीं पे कर रखा है तो अबाउट पेज पे पूरा कॉमन सीएसएस भी आ जाएगा कॉमन जेएस भी आ जाएगा और डायनेमिक कंटेंट आपने आपस किया वोह भी इसके अंदर आ जाएगा सेम प्रोसेस इसके लिए भी होगा हम पूरे पैरेंट को यहां पे यूज़ कर लेंगे कॉमन सीएसएस कॉमन जवा सब आ जाएगी कुछ डायनेमिक छोटा सा कंटेंट आपको पास करना है वो कंटेंट आप यहां से पास कर देंगे वो जाएगा और यहां पर आ जाएगा देन क्योंकि आपने इसको यहां पर यूज कर रखा है फ्रेगमेंट को तो पूरा जो इसका आउटपुट होगा वो यहां पे आपको दिखेगा कैसे करेंगे मैं समझाता हूं आई होप आपको समझ में आया होगा ये पूरा प्रोसेस हाउ टू मैनेज ये एक्चुअली यही हाउ टू मैनेज लेआउट यूजिंग फ्रेगमेंट ठीक है हाउ टू मैनेज लेआउट यूजिंग फ्रेगमेंट मैनेजिंग लेआउट इसको मैं किस कलर से लिखता हूं ब्लू से लिखो मैनेजिंग मैनेजिंग लेआउटस यूजिंग फ्रेगमेंट्स कैसे करना है लेट्स डू दैट हम क्या करते हैं पहले तो यहां पर आते हैं एंड यहां पर सब चीज जो है हटा देते हैं इसके अंदर से सब हटा देंगे एंड ठीक है होम के अंदर चीज है रहने दो अभी होम को मत छेड़ो सर्विसेस के अंदर से भी सब हटा दो एंड एक काम करते हैं एक चीज और करते हैं ठीक है काम करते हैं थोड़ा सा मैं कमिट मार देता हूं जिससे आप अगर यह फाइल यहां तक चाहते हो तो उस कमिट पर चली जाइए तो मैं यहां पे आता हूं यहां पे मार देता हूं अंडरस्टैंडिंग लेआउटस या फ्रेगमेंट्स फ्रेगमेंट्स फ्रेगमेंट्स ठीक है एक मैंने कमिट मार दिया है ठीक है अब मैं क्या करूंगा अब मैं हटाऊ तो अब आप बेस से सब हटा दीजिए एंड अगर आप उस कमिट प जाओगे तो आपको वो कंटेंट मिल जाएगा तो यही है गेट का फायदा भाई एंड अभी हम अबाउट से सब हटा रहे हैं क्योंकि अबाउट को सबसे पहले यूज करेंगे एंड देन सर्विसेस को यूज करेंगे एंड इंडेक्स का कोई काम नहीं क्योंकि इंडेक्स को हम यूज ही नहीं कर रहे तो इसको हम हटा देते हैं डिलीट कर दो ठीक है इंडेक्स मैंने हटा दिया नेक्स्ट होम को भी एज इट इज रहने देते हैं हम बेस अबाउट और सर्विसेस दो राउट को यूज कर रहे हैं बेस दो राउट को अबाउट और सर्विसेस को यूज करेंगे होम को बाद में यूज करेंगे तो हम यहां पे क्या करेंगे बेस के अंदर हम पूरा कंटेंट लिखेंगे हम लिखेंगे html5 ये लिखेंगे एंड हम क्या करेंगे इस एचटीएमएल कंटेंट को हम बना देंगे क्या एज अ फ्रेगमेंट देखिए कैसे हम आएंगे सबसे पहले तो यहां पे नेम स्पेस लाएंगे अपने थाइम लीफ का अगर आपको यूज करना तो नेम स्पेस की जरूरी है तो य पर आएंगे नेम स्पेस हमें कहीं मिलेगा आई थिंक आई थिंक आई थिंक आई थिंक हां मिलेगा बबुआ कहां मिलेगा बबुआ नेम स्पेस जब तक मैं नेम स्पेस ढूंढ रहा हूं आपने सब्सक्राइब नहीं किया कर लीजिए भाई ठीक है सो नेम स्पेस नहीं मिल रहा है तो यह नेम स्पेस आपके होम पेज पर कहीं मिलेगा लेआउट में नहीं मिलेगा जाइए यहां पर डॉक्स पर चले जाइए डॉक्स में रीड ऑनलाइन पर क्लिक कर 3.1 में हम लोग लेटेस्ट वर्जन यूज कर रहे हैं नीचे यहां पर कहीं मिल जाएगा ठीक है य रहा इस नेम स्पेस को कॉपी करेंगे एटील के ऊपर चिपका देंगे कॉपी कर लो एंड एटील के चिपका दो नेम स्पेस आ जाएगा और इसी एटील को हम बना देंगे थोड़ा एंटर कर लीजिए एंटर कर लीजिए इसी एटील को हम लोग बना लेंगे एक फ्रेगमेंट तो हम यहां पर टीच यूज करेंगे एंड यूज करेंगे फ्रेगमेंट और और इसका नाम दे देंगे ठीक है पूरे को मैंने फ्रेगमेंट बना दिया पूरे एटील को ही मैंने फ्रेगमेंट बना दिया वाओ बढ़िया है ना नेक्स्ट हम लोग यहां पर टाइटल में अगर आप कुछ चाहो तो लिख सकते हो बेस पेज एंड लिख देते हैं बेस पेज कंटेंट पूरे एचटीएमएल को ही फ्रेगमेंट बना दिया हमने और फ्रेगमेंट का नाम दिया पैरेंट अब हम लोग क्या कर सकते हैं इस पैरेंट को हम लोग यूज करेंगे इस फ्रेगमेंट को यूज करेंगे अपने यहां प कहां प अपने अबाउट पीच में कैसे यूज करेंगे हम लोग एक्ली एटी बना सकते हैं य ए लिख सकते हैं ए लिख दिया मैंने ए 5 लिख दो कोई दिक्कत वाली बात ए फ लिख दो और हम क्या करेंगे देखो हम य वा एटील है उसको मैं क्या करूंगा डट री पलेस और मैं अपने उस फ्रेगमेंट से रिप्लेस करूंगा जो बेस के अंदर है कलन फ्रेगमेंट का नाम है पैरेंट फ्रेगमेंट का नाम है पैरेंट अब इससे कोई मतलब नहीं मेटा से मतलब नहीं क्योंकि ये मेटा बटा उससे आ जाएगा वहां से आ जाएगा टाइटल वाटल से भी कोई मतलब नहीं है ठीक है ये पूरा होस्ट टैग ही रिप्लेस हो जाएगा ये पूरा स्टमल रिप्लेस हो जाएगा हमारे उस वाले बेस से ये पूरा ये पूरा कंटेंट हमारे अबाउट में चला जाएगा यहां पे बेस का पैरेंट यहां पे आ जाएगा रिप्लेस हो जाएगा दिखाता हूं सेव कर दीजिए सेव कर दीजिए और अबाउट पेज को जरा ओपन करिए लेट्स फाइंड आउट हम यहां पे आते हैं एंड अबाउट पेज को ठीक है सो कुछ दिक्कत कर रहा है लेट्स सी क्या दिक्कत कर रहा है हम लोगों ने कहीं आई थिंक यूज कर रखा है इसको होम के अंदर हम लोग ने यूज कर रखा है क्या होम के अंदर कुछ नहीं यूज कर रखा है ठीक है सर्विसेस के अंदर नहीं है बेस के अंदर हमने से पैरेंट फ्रेगमेंट बनाया फ्रेगमेंट और अबाउट के अंदर हमने बेस के अंदर रखा हुआ फ्रेगमेंट यूज किया है एंड ओके सो हम लोग को यह उस करना टल डे साइन मैं ही भूल जाता हूं कोई दिक्कत नहीं आ जाते रिफ्रेश करते हैं ये देखिए बेस पेज कंटेंट आ चुका है थोड़ा जूम करिए एंड आप राइट क्लिक करिए एंड अ आप देखिए सोर्स एंड ये देखिए यह जो पूरा कंटेंट है ना हेड टाइटल टाइटल भी बेस पे जा रहा है एंड यहां पे देखो यह सब चीज यह सब चीज आ रहा है आपके बेस पेज से बेस पेज तो कहीं भी आपको अब बेस पेज का कंटेंट चाहिए तो आप यहां पे उसको रिप्लेस कर सकते हो जैसे फॉर एग्जांपल अगर हम अबाउट में अगर हमें बेस पेज का कंटेंट चाहिए आपने स के अंदर तो हम क्या करेंगे हम य वाला कॉपी करेंगे एंड यहां पर आएंगे यहां पर लिख देंगे तो सर्विसेस भी ओपन करेंगे तब भी हमारा बेस पेज ही चलेगा क्योंकि मैंने उसको एक तरीके इंक्लूड कर लिया है मेन बात है कि हमें अब हम अबाउट चला रहे हैं सर्विसेस चला रहे हैं बेस पेज तो आ रहा है बेस पेज का जो पैरेंट फ्रेगमेंट है वो आ रहा है बट हमें क्या करना है मेन कंटेंट तो पास करना है ना जो बॉडी के अंदर हम लिखेंगे वो कंटेंट हमें पास करना है समझ गए एंड कुछ हेड के अंदर चीज वो पास करना है क्योंकि कॉमन चीज तो हम लिख सकते हैं हम लोग जो बेस के अंदर लिखेंगे कॉमन चीज़ है वह हर पेज के अंदर चली जाएगी जहां भी हम इसको यूज़ करेंगे जैसे फॉर एग्जांपल हमें कुछ सीएसएस चाहिए कॉमन सबके लिए होम के लिए भी चाहिए अबाउट के लिए चाहिए एंड साथ ही साथ में हमें सर्फेस के लिए भी चाहिए तो हम जो कॉमन सीएसएस है जैसे फॉर एग्जांपल हमारे पास यह जो हमारी सीएसएस थी कौन सी वाली डेलमंट की वोह हम बेस के अंदर डाल देंगे सो हम टाइटल के नीचे डाल दो तो यह जो सीएसएस है गाइज ये सीएसएस अपने आप चली जाएगी होम में भी अ अबाउट में भी और सर्फेस के अंदर भी जहां भी आपने बेस फ्रेगमेंट यूज़ किया होगा यह देखिए ठीक है दैट मींस हमारे पास आ चुका है इवन अगर आप यहां पर देखोगे तो आपका ये देखिए अप्लाई हो गया इसी तरह हम फ्लो बाइट वाला भी लेंगे क्योंकि वो भी चाहिए हर जगह तो हम होम से फलो बाइट वाला भी ले लेंगे लिंक एंड उसको हम अपने बेस के अंदर चिपका देंगे यह तो यह भी चला जाएगा हमारे अबाउट के अंदर सर्विसेस के अंदर जहां जहां भी आपने बेस फ्रेगमेंट यूज कर रखा होगा ठीक है सेम हम जावास्क्रिप्ट जावास्क्रिप्ट लेंगे ये देखिए फ्लो बाइट का जावास्क्रिप्ट ये इस फ्लो बाइट का जावास्क्रिप्ट उठाएंगे कॉपी करेंगे और अपने बेस में डाल देंगे तो यह जावास्क्रिप्ट भी चली जाएगी आपकी सर्विसेस के अंदर और इवन अबाउट के अंदर क्योंकि हम लोगों ने यूज किया अब मेन चीज क्या है गाइस कि सर्विसेस और अबाउट के अंदर हमारा चला तो जा रहा है दोनों बेस का फ्रेगमेंट बट हमें डायनेमिक चीज लानी है हमें अबाउट का कंटेंट जो है बॉडी का कंटेंट है उसको उठा के बेस के इसमें डालनी है यहां प डालना है यहां एक्चुअली मेन कंटेंट आएगा मैं लिख देता हूं यहां पे मेन कंटेंट लाना पड़ेगा किसी तरीके डायनेमिक एंड बस अबाउट का कंटेंट यहां आ जाए एंड सर्विसेस का जो मेन कंटेंट हो वो भी यहां जाए तो मैं क्या करूंगा जब फ्रेगमेंट में यूज कर रहा हूं पैरेंट फ्रेगमेंट तो मैं कहूंगा इस पैरेंट फ्रेगमेंट को आप एक कंटेंट दोगे कंटेंट दोगे और जो कंटेंट आप दोगे वो एक्चुअली हम यहां पे एक सेक्शन बनाएंगे और हम यहां पे टीटीएच कॉलन रिप्लेस यूज कर लेंगे इवन आप अगर आप html5 फ्रेंडली टैग्स यूज करना चाह तो मैं बता चुका हूं डाटा टीटीएच एंड रिप्लेस यूज कर सकते हो एंड हम रिप्लेस करेंगे कंटेंट से इसको कंटेंट से यूज करेंगे तो होगा क्या कि जब भी आप इस पैरेंट फ्रेगमेंट को यूज करोगे तो एक कंटेंट पास कर सकते हो कंटेंट मींस आप यहां पे कोई एटीएमएल पास कर सकते हो तो मैं यहां पे एटीएमएल पास करूंगा हमने अबाउट में यूज किया है तो हम क्या करेंगे हम यहां पे ये यूज कर रहे हैं ना ये चीज ये चीज यूज कर रहे हैं तो यहां पे हम पूरा एचटीएमएल पास करेंगे कैसे हम आएंगे यहां पे एंड एक बनाएंगे डिफ सेक्शन डीप कुछ भी बना लो बट इसका हम एक आईडी दे देंगे ये हमारा मेन कंटेंट होगा कंटेंट है तो इस कंटेंट के अंदर की जितनी भी चीजें है वो हम यहां पास कर देंगे कैसे एगजैक्टली मैंने पास करना आपको सिखाया कैसे देखिए हम यूज करेंगे टिल डे साइन एंड देन ब्रैकेट यूज करेंगे देन कॉलन कॉलन एंड देन आईडी है तो हैश एंड देन कंटेंट बस अब होगा क्या कि पैरेंट के अंदर आपने पूरा इस डिव का या इस एलिमेंट का कंटेंट आपने पास कर दि मत यहां अगर आपने कुछ ऐसा लिख दिया है एव दिस इज या वेलकम टू वेलकम टू व्ट वेलकम टू अ अबाउट विश अबाउट विश एंड कुछ आपने यहां पे पी लिख दिया लोरम 10 तो ये जाना चाहिए भाई ठीक है सेम यहां पे भी हम एक लगाएंगे सेक्शन लगा दो चाहे कुछ भी लगा दो बस आईडी हम रखेंगे कंटेंट आईडी भी कुछ भी रख सकते हो बस इसका कंटेंट हम यहां पास करेंगे कैसे हम यहां पे यूज करेंगे टिल डे देन कॉलन कॉलन एंड हैश क्योंकि आईडी है एंड कंटेंट अब यहां पे हम लोग लिख देंगे एव वेलकम टू वेलकम टू सर्विसेस पेज एंड फिर सर्विसेस यहां पर एक ए लगाएंगे सर्विसेस ऑफर्ड बाय सर्विसेस ऑफर्ड बाय एससीएम आपको सर्विसेस लिख सकते हो जैसे अभी तो मैं फिलहाल लोरम 10 लिख दे रहा हू ओके नाइस नाइस नाइस नाइस अब हम जरा चलाते हैं देखते हैं क्या कंटेंट डायनेमिक कंटेंट जा रहा है पहले हम अबाउट को चला रहे हैं एंड यह देखिए वेलकम टू अबाउट पेज डायनेमिक कंटेंट आ चुका और अबाउट का डायनेमिक कंटेंट आ चुका किसका अबाउट का डायनेमिक कंटेंट आ चुका लेट्स सी ये देखिए वेलकम टू अबाउट पेज अबाउट का डायनेमिक कंटेंट यहां पे आ चुका है सर्विसेस पे चलते हैं तो आप देखोगे यहां पे सर्विसेस का डायनेमिक कंटेंट आ चुका है वेलकम टू सर्विसेस सर्विसेस ऑफर्ड बाय एएम दैट मींस यह बहुत तगड़ी चीज है गाइस अब आप क्या करिए जब भी कोई नया पेज बनाइए तो आप इस फ्रेगमेंट को यूज करिए पैरेंट फ्रेगमेंट को यूज करिए साथ ही साथ में कंटेंट को आप यहां पे पास कर दीजिए कंटेंट को आप यहां पे पास कर दीजिए कंटेंट को पास कर दीजिए अगर आप कुछ चाहते हो कि हम स्पेसिफिक स्क्रिप्ट सिर्फ या टाइटल हम हर पेज का अलग रखना चाह रहे हैं तो ये देखो हर पेज का जो टाइटल है वो बेस पेज है इसका भी एंड अबाउट का भी बेस पेज हम चाहते हैं टाइटल भी चेंज हो हर अकॉर्डिंग टू कौन सा पेज आप ओपन करो टाइटल भी चेंज तो हम क्या करेंगे यहां पे कंटेंट के बाद आप यहां पे टाइटल भी ले सकते हो पेज का और जो पेज का टाइटल आएगा हम इस इससे टी एच कॉलन या डाटा टी एच रिप्लेस यूज कर सकते हैं एंड कैसे रिप्लेस करना है हमें उसको टाइटल से यू रिप्लेस करना है तो जो भी आपका कंटेंट यहां प आएगा वो इसके अंदर आ जाएगा तो मैं य प एससीएम लिख देता हूं डिफॉल्ट तो अब हम टाइटल भी एक पास करेंगे अपने अबाउट से हम कंटेंट के बाद तो यह रहा हमारा कंटेंट एंड देन हम यहां पर टाइटल लिंक पास कर सकते हैं टाइटल लिंक हेड के अंदर का टाइटल लिंक से उठा सकते हैं सो कैसे देखिए हम टाइटल लिंक उठा सकते हैं और टिल डे हमें यहां यूज करना है लेट्स सी ये देखिए तो टाइटल का पूरा पूरा चला जाएगा ट मींस अगर हम यहां पर टाइटल में लिख दे हेड के अंदर टाइटल लगा दे और लिख देते हैं ये अबाउट पेज तो यह टाइटल पूरा पूरा चला जाएगा यहां पे एंड आपके बेस पेज में यूज हो जाएगा सेम अगर आपके पास कोई लिंक है पहले तो हम यहां से भी पास कर देते हैं कॉमा लगा दो ट लगाओ देन टाइटल वाला टैग पूरा ले लो एंड यहां पर आ जाओ टाइटल ए लिख देते हैं ये जो है वो सर्विसेस पेज है मैं आपको दिखाता हूं तो आप देखोगे अगर आप अबाउट पेज ओपन करोगे तो आपको टाइटल दिखेगा अबाउट पेज और अगर आप सर्विसेस पे जाओगे तो ये टाइटल दिखेगा सर्विसेस पेज ठीक है सेम अगर आप चाहते हो कि हम कोई यूनिक या कोई पेज स्पेसिफिक लिंक लगाना चाह रहे हैं तो एगजैक्टली आप यहां पर लिंक भी डाल सकते हो पूरे लिंक टक्स को उठा के और यहां पर डायनेमिक डाल दो इन दोनों लिंक के बाद वो सारे लिंक्स आ जाएंगे या अगर कोई स्क्रिप्ट आप चाहते हो डायनेमिक हम पास कर ले वहां से तो स्क्रिप्ट को हम यहां पर ले सकते हैं जैसे फर एपल हम सीएसएस तो बहुत कम लेना होता है बट अगर हम स्क्रिप्ट टग सारे लाना चाह रहे तो स्क्रिप्ट ले लेंगे यहां प एंड हम फलो बाइट की जो स्क्रिप्ट है उसके बाद हम यहां पर एक डिव ले सकते हैं या फिर हम अगर आप कोई एल टैग नहीं लेना चाह रहे तो यहां टीच ब्लॉक भी बना सकते हैं टीच का ब्लॉक बना सकते हैं ठीक है और यहां पर हम डाटा रिप्लेस यूज कर सकते हैं और रिप्लेस में हम अगेन हम स्क्रिप्ट इसको रिप्लेस कर सकते जितने भी स्क्रिप्ट आएगी वो सब इस ब्लॉक के पास आ जाएंगी म इस ब्लक से रिप्लेस हो जाए वो सारे स्क्रिप्ट टग य पर आ जाएंगे ओके नाइस तो अब हम लोग क्या करेंगे हम अबाउट से स्क्रिप्ट पास करेंगे तो यहां से हम स्क्रिप्ट टग पास करेंगे हम कंग जितने भी स्क्रिप्ट टग इस पेज के अंदर है व सारे इसके पैरामीटर में चले जाए तो यहां पर हम चलेंगे डे यूज करेंगे देन बकेट कलन कलन स्क्रिप्ट टैग स्क्रिप्ट टैग अब देखो यहां पर अगर मैं कोई स्क्रिप्ट टैग लिखता हूं बॉडी के जस्ट यहां पे बॉडी के जस्ट यहां पे स्क्रिप्ट टग मैंने लिया एंड कंसोल डॉट लॉग लिख दिया अबाउट पेच सेव कर दिया अब होगा क्या ये स्क्रिप्ट टैग यहां पर चला जाएगा और वो बेस में यहां पर आ जाएगा और यहां पर वो पूरा पूरा स्क्रिप्ट टैग ही आ जाएगा जो आपने अबाउट में लिखा होगा सिर्फ अबाउट के लिए सेम हम क्या कर सकते हैं सर्विसेस के लिए भी कर सकते हैं हम ये चीज पैरामीटर कॉपी कर सकते हैं सर्विसेस के अंदर आ सकते हैं एंड यहां पे हम पेस्ट कर सकते हैं दैट मींस हम सर्विसेस पेज से भी स्क्रिप्ट टैग पास कर सकते हैं सपोज हमने स्क्रिप्ट टैग पास किया एंड यहां पे लिख दिया कसोल डलॉग एंड स्क्रिप्ट या सर्विसेस पेज सर्विसेस पेज ए सेव करेंगे तो अब हम लोग हर एक पेज से पैरामीटर्स पास करके यूज कर सकते हैं कहानी का सिंपल मतलब यही है कंटेंट पास कर सकते हैं डायनेमिक टाइटल एंड स्क्रिप्ट पास कर सकते हैं तो आप देखोगे अगर हम सर्विसेस पेज पे मैंने रिफ्रेश किया कुछ दिक्कत हो गई कोई बात नहीं आई थंक कुछ गड़बड़ हो गया लेट्स फाइंड आउट स्क्रिप्ट है एंड स्क्रिप्ट को मैंने डटा टीच रिप्लेस ठीक है एक बार सर्विसेस प देखते हैं स्क्रिप्ट टग ठीक है यहां पर देखो टले ओके ब्रेकट आई थिंक हम लोग ने नहीं लगाया हा ब्रैकेट हम लोगों ने यहीं पर बंद कर दिया था तो यह बकेट हटा के बाहर ऊपर बंद कर देते बाहर बंद कर देते य ठीक है और एक ब्रैकेट लास्ट में हम चाहिए होगा हा ये वाला ब्रैकेट सो आप देखो रिफ्रेश किया और अगर आप कसोल लॉग देखोगे तो ये देखिए सर्विसेस पेज और अगर अबाउट प जाओगे तो अबाउट वाली स्क्रिप्ट चलेगी ये देखिए अबाउट पेज तो स्क्रिप्ट भी हम लोग यूनिक रख सकते हैं एंड आप देखोगे यहां पे तो ये देखिए अबाउट पेज वाली स्क्रिप्ट आई है एंड अगर आप सर्विसेस पेज प रगे तो सर्विसेस पेज वाली स्क्रिप्ट दिखेगी तो कहने का मतलब हर एक बार हमने अपने पेज के अंदर फ्रेगमेंट को यूज किया देन फ्रेगमेंट के अंदर जो वैल्यू पास की वो डायनेमिक आएगी वैल्यू अकॉर्डिंग टू आपके स्पेज पर क्या पास कर रहे हो बहुत तगड़ा कांसेप्ट है क्या हम कोई डिफॉल्ट वैल्यू दे सकते हैं सपोज किसी ने नहीं पास किया कुछ तो उसकी जगह पर कुछ और आ सकता है लेट्स फाइंड आउट देखते हैं यहां पर डिफॉल्ट वैल्यू केस में देखते थाइम लीफ टाइप करो जरा थाइम लीफ डिफॉल्ट वैल्यू एंड फ्रेगमेंट पैरामीटर ओके सो हम पुराना नहीं ओपन करना चाह रहे अलाउ अला पैरामीटर टू हैव डिफॉल्ट वैल्यू ओके 2015 का भी यूज करूंगा हम लेटेस्ट वर्जन को यूज करना चाह रहे हैं मैंने कहीं देखा तो था डिफॉल्ट वैल्यूज को हम पास कर सकते हैं लेट्स चेक इट आउट हम चेक करते हैं हम लोग क्या करते हैं स्क्रिप्ट में ओके सो एक बार 2014 का हम लोग ओपन करके देख लेते हैं कहीं यह काम कर रहा है कि नहीं काम कर रहा सो लेट्स सी फ्रेगमेंट इने बना दिया ठीक है फ्रेगमेंट बना दिया ओके सो हम देखिए कंटेंट में हम डिफॉल्ट वैल्यू रख सकते हैं अगर किसी ने नहीं पास किया तो डिफॉल्ट वैल्यू डायरेक्टली आ जाएगी जैसे हम लोग फंक्शन यूज करते हैं जैसे फॉर एग्जांपल इफ समवन डज नॉट पास द टाइटल तो हम यहां पे टाइटल के डिफॉल्ट वैल्यू डिफॉल्ट टाइटल या एससीएम एससीएम पेज ठीक है और अगर स्क्रिप्ट किसी ने नहीं पास किया तो हम स्क्रिप्ट की डिफॉल्ट वैल्यू ले सकते हैं बस डिफॉल्ट कुछ नहीं पास कर दो तो सपोज आपने यहां से स्क्रिप्ट नहीं पास किया सर्विसेस से स्क्रिप्ट नहीं पास किया तो कोई दिक्कत वाली बात नहीं उसकी डिफॉल्ट वैल्यू आ जाएगी लेट्स सी दैट यहां पर सर्विसेस है ओके सो कुछ एरर आ रही है कुर आ रही यस सी बात है रिजॉल्व नहीं हो पाया टेंप्लेट रिजॉल्व उसी डिफॉल्ट वैल्यू की दिक्कत है हा अगर आप य सर्विसेस स्क्रिप्ट नहीं पास कर रहे तो हमें य स्क्रिप्ट भी लिखने की जरूरत नहीं है यह जो पैरामीटर इसको लिखने की जरूरत नहीं है सर्विसेस के ठीक है सर्विसेस के अंदर पैरामीटर्स भी लिखने की जरूरत नहीं है सो पहले य बंद करो ब करो ठीक है ना लेट्स सी अब चेक करते हैं टाइटल है बेस है एक बार चेक करो एक बार सर्विसेस प देखते हैं यार क्या दिक्कत है डिफॉल्ट वैल्यू चल नहीं रही जैसे उन्होंने बताया एक्सप्रेशन में कोई प्रॉब्लम आ चुकी है एक बार हम यहां पर और देखते हैं थंबनेल अपने थाइम लीफ पे जो ये बता रहा था कि हम लोग कंटेंट में डिफॉल्ट वैल्यू ले सकते हैं ठीक है ओके सो हम लोग को आई थिंक चीज डायनेमिक भी पास कर सक ठीक है वो तो ठीक है जब फ्रेगमेंट बनाया हमने नेम ले लिया और वेरिएबल में टाइटल ठीक है डिफॉल्ट वैल्यू मैं इसलिए देख रहा हूं क्योंकि हो सकता है किसी पेज पे स्क्रिप्ट ना हो तो उस केस में क्या हम वो पैरामीटर स्किप कर सकते हैं एंड हाउ वी कैन स्किप दोस पैरामीटर्स एल्विस पैरामीटर यूज करेंगे तो फायदा क्या होगा यार फिर हमें एक कंडीशन लगानी पड़ेगी अननेसेसरीली कंडीशंस लगानी पड़ेंगी अगर आप एलब र इफ एल्स तो यूज ही कर सकते हैं वो तो सिंपल सी बात है अगर नहीं है तो हम कुछ और वैल्यू रख देंगे अगर है तो कुछ और वैल्यू रख देंगे तो वो तो सिंपल सी बात है उसको यूज करना चाहे ना करना चाहे वो अलग बात है बट ओबवियस सी बात है कि हम ओके सो ये वाला देखते हैं हम लोग जरा हम कुछ ऐसा ही हमें करना है और हम लोग ने वैसा ही किया है ओके ओके ओके तो डिफॉल्ट वैल्यूज के लिए हम लोग डायरेक्टली ऐसे नहीं पास कर सकते हम लोग क्या करेंगे डिफॉल्ट सेक्शन और एक एटीएमएल मार्कअप की जगह पर हम डिफॉल्ट मार्कअप पास करेंगे तो देखो कैसे कर रहे है हम यहां पर डिफॉल्ट वैल्यूज ऐसे नहीं देंगे हम लोग इसको नॉर्मल कहेंगे कि भाई आप नॉर्मल वैल्यूज को एक्सेप्ट करो यहां पे नॉर्मल वैल्यूज को यूज करो नॉर्मल पैरामीटर जैसे आप यूज करते हो लेकिन जब हम पास करेंगे यहां पे तो अगर स्क्रिप्ट नहीं है आपके पास यहां पे सपोज सर्फेस पेज के अंदर स्क्रिप्ट नहीं है तो हम क्या करेंगे स्क्रिप्ट जहां पास करनी है वहां पे हम लोग डिफॉल्ट मतलब कुछ नहीं पास करेंगे कह सकते हो कोई सेक्शन नहीं पास करेंगे ब्लैंक यहां पे पास कर देंगे एंड फाइनली अगर आप अब हम रन करते हैं सो आप देखोगे यहां पे कोई स्क्रिप्ट रन नहीं होगी सर्विसेस के केस में बट अबाउट के केस में स्क्रिप्ट आपकी रन होगी और हमारे यहां पे चेंज हो रहे हैं टाइटल्स भी चेंज हो रहे है क्या होगा अगर मल्टीपल लिंक्स हो तो अगर आप यहां से सिंगल लिंक पास कर रहे हो या सिंगल स्क्रिप्ट पास कर रहे हो तो एक जार हम क्या मल्टीपल स्क्रिप्ट टैग यहां से पास कर सकते हैं कसोल डलॉग एंड देन सेकंड अबाउट पेज स्क्रिप्ट सेव करेंगे एंड देखते हैं भाई क्या दोनों स्क्रिप्ट चल जाएंगे यहां पे यस कितनी तगड़ी चीज है मतलब एक बार आपने यहां पे स्क्रिप्ट टैग डिफाइन कर दिया ऊपर पास कर रहे हैं आप स्क्रिप्ट टैग पास कर रहे तो वो सारे स्क्रिप्ट टैग चले जाएंगे वहां पे सेम सेम सेम जितने स्क्रिप्ट यूज करेंगे वो सारे स्क्रिप्ट यहां से जाएंगे आपके पैरेंट फ्रेगमेंट के अंदर बेस के पैरेंट फ्रेगमेंट के अंदर वो सारे स्क्रिप्ट यहां पे आ जाएंगे एंड रिप्लेस हो जाएंगे इस ब्लॉक से यहां पे आ जाएंगे और ये पूरा जो एचटीएमएल बनेगा आउटपुट वो आपके अबाउट पेज में दिखेगा सो आप देखोगे सोर्स कोड यहां पे जा कर के देख सकते हो लेट्स सी सोर्स कोड में देखिए पहले पहला वाला स्क्रिप्ट आया देन दूसरा वाला स्क्रिप्ट आ है सो दिस इज एक्चुअली द पावर ऑफ थाइम लीफ ये है एक्चुअली पावर थाइम लीफ की नेक्स्ट आपका एक असाइनमेंट र करिएगा आप जैसे मैंने स्क्रिप्ट को इंक्लूड किया है मतलब हमने पास किया है अपने पेज से बेस पेज में वैसे ही आप लिंक पास करके देखिएगा लिंक कि हो सकता है भाई अबाउट के पेज की कोई अलग लिंक अ सीएसएस लिंक्स है या सीएसएस फाइल्स हैं सर्विसेस पेज की अलग सीएसएस फाइल्स हैं तो कैसे हम सीएसएस फाइल्स भी पास कर सकते हैं असाइनमेंट कंप्लीट करके एंड नीचे बताइएगा कमेंट सेक्र में दैट्ची वीडियो के अंदर हम लोग थोड़ा सा हेडर एंड कुछ बनाते हैं इधर हेडर डर बनाते हैं क्योंकि ये ऑलरेडी वीडियो बड़ा हो रहा है तो हम लोग कुछ हेडर फाइल्स बनाते हैं देन एक्चुअल पावर दिखेगा अब हम लोग क्या कर सकते हैं कॉमन जो भी चीज है जैसे फॉर एपल अगर हमरे पास कॉमन हेडर है तो हम अपने बेस के अंदर आएंगे एंड कॉमन हेडर को यहां प इंक्लूड कर लेंगे कॉमन हेडर कॉमन हेडर यहां पे हम लोग कॉमन हेडर यूज कर लेंगे एंड कॉमन फुटर है तो हम यहां पे कॉमन फुटर यूज कर लेंगे ये सब ये सबके पास चला जाएगा जो इस पैरेंट फ्रेगमेंट को यूज़ कर रहा होगा और कंटेंट वहां से पास करेगा वो इस कंटेंट की जगह पे आ जाएगा ठीक है सो जैसे फॉर एग्जांपल हमें अब होम पेज भी यूज़ करना है तो हम होम पेज में अपना अबाउट पेज का ही कांसेप्ट यूज़ कर लो यहां पे आओ अबाउट पेज का कांसेप्ट यहां पे डाल दो पेस्ट कर लो एंड लेट्स सी यहां पे हमें पेरेंट मिल जाएगा पेरेंट के अंदर हम कंटेंट पास करेंगे एक डिप पास करेंगे कंटेंट एंड ये वेलकम टू वेलकम टू होम पेज ये कंटेंट है एंड देन फाइनली ये होम पेज के स्क्रिप्ट्स हैं जो चलेंगे होम पेज एंड कोई और स्क्रिप्ट है तो कोई और स्क्रिप्ट चल जाएगी लेट्स सी हमारा होम पेज होम पेज भी सीएसएस आ चुका है सब चीज आ चुका है इवन हेडर र सब आ चुका होगा ये देखिए कॉमन हेडर आ चुका होम पेज पे मेन कंटेंट तो आ ही चुका जो कि हमारे होम पेज से ही आ रहा है ये सब बेसिकली पेज जो है यह हमारा बेस पेज ही है बट यह चीज कंटेंट डायनेमिक आ रहा है टाइटल डायनेमिक आ रहा है एंड ये सीएसएस लिंक सभी कॉमन है बट अगर चाहो तो डायनेमिक पास कर सकते हो और ये स्क्रिप्ट डायनेमिक आ रहे नीचे वाली स्क्रिप्ट क्योंकि अबाउट पेज में यही चीज चेंज हो जाएगी देखिए ठीक है अबाउट पेज में ये सर्विसेस होम पेज में अच्छा होम पेज में हमने शायद टाइटल नहीं चेंज किया था सो लेट्स डू दैट होम पेज में टाइटल हम कर देते हैं होम पेज और इस केस में जब होम पेज आप रन करोगे तो टाइटल होम पेज आ जाएगा बट अगर आप अबाउट पेज रन करते हो टल अबाउट पेज आ जाएगा अबाउट पेज का कंटेंट आ जाएगा देन सर्विसेस पेज यूज करोगे तो सर्विसेस पेज का कंट आ जाएगा तो इस तरह से हम लेआउटस को मैनेज करते हैं गाइस आई होप आपको समझ में होगा कि कैसे हम लोग फ्रेगमेंट्स को यूज करके लेआउटस को मैनेज करते हैं एंड मैं क्या करूंगा कोड इसके अंदर चिपका दूंगा जो नोट्स मैं बना रहा हूं कोड आपको वेबसाइट पर मिल जाएगा नोट्स आपको वेबसाइट प मिल जाएगा तो अभी ये उखड़ी फुकड़ साइट दिख रही होगी बट नेक्स्ट थोड़ा सा हम इसको स्टाइल करेंगे हेडर यूज करेंगे हेडर को हम लोग बनाएंगे मोबाइल रिस्पांसिस एंड हम कैसे चीजें यूज करेंगे अपने टेंप्लेट के अंदर वो सब चीज हम लोग देखेंगे और हमारे पास तीन राउट है एक होम राउट है एक हमारे पास है अबाउट एक सर्विसेस अगर तीन हमने कर लिया तो बाकी चीज हम लोग कर लेंगे तो इस तरह से हम लोग टेंप्लेट यूज कर लेआउट मैनेज करते हैं अपने प्रोजेक्ट के अंदर अगर हम थाइम यूज कर थाइम लिफ में फ्रेगमेंट वाला बहुत ही पावरफुल टूल है एंड थोड़ा सा आपको आउटपुट दिखेगा अभी तो फिलहाल हमको सेम चीज दिख रही है अच्छा एक चीज मैं आपको और दिखाना चाहूंगा लेट्स सीट मैं दिखाता हूं सपोज हमने एक कॉमन हेडर बना दो बेस पेज के अंदर कॉमन डर ऐसे बना लेते हम लोग ठीक है जिसके अंदर हम एक वल बनाते हैं जिसके अंदर हम एला बनाते हैं एला के अंदर अकर टेक्स बनाते हैं ठीक है जिस पर हम यूज करेंगे डाटा एच ठीक है एंकर टैक् में जो लिंक देते हैं उसके लिए हम रेट एंड कली ब्रे यूज करते हैं यहां पर यूज करेंगे यह है होम पेज के लिए यह होम पेज के लिए सेम हम कॉपी करेंगे होम हो गया अबाउट हो जाएगा सर्विसेस हो जाएगा तो हम लोग यहां पर यूज करेंगे सर्विसेस पज सर्विसेस एंड अबाउट एंड अबाउट अब होगा क्या गाइस ये जो है कॉमन है ये सबके लिए कॉमन रहेगा कॉमन हेडर है क्योंकि बेस पे सब प जा रहा है बारबार मैं रहा हूं जैसे आप समझो ये देखिए ठीक है होम सर्विसेस अबाउट एंड थोड़ा सा मैं क्या करता हूं इस सेक्शन को एक डिफ के अंदर रखता हूं ठीक है एंड यहां पे मैं क्या करता हूं हल्का सा पडि दे देता हूं फोर इसको मैं घटाता बढ़ाता रहूंगा ये देखिए ठीक है तो बॉडी इधर से आ गई एंड हेडर तो आप बाकी चीज मैनेज कर सकते हो हेडर की जो क्लासेस वगैरह है क्लासेस में पडि फोर में दे देता हूं जिससे कि अभी के लिए ठीक लगे ये देखिए अब अब अब जूम है 200 पर अभ ये हेडर सब पे रहेगा अभी आप होम पेज प हो अगर मैं सर्विसेस पर क्लिक करूं तो देखिए वेलकम टू सर्विसेस पेज एंड फिर भी ये हेडर आपका कॉमन है अबाउट प जाओगे तो अब अबाउट पेज पे आ चुके हो वेलकम टू अबाउट पेज फिर भी आपका ये हेडर कॉमन है तो हेडर कॉमन है एंड इफ यू वांट टू राइट फुटर तो आप फुटर भी लिख सकते हो जो कि कॉमन फुटर होगा फुटर दिस इज अ कॉमन फुटर या फुटर एंड यहां लिख देते हैं एल सीडब्ल्यूडी या लर्न कोड विद दुर्गेश सेव कर दीजिए एंड आप देखोगे यस ये जो फुटर है कॉमन रहेगा अगेन मैं यहां पे पी लगा लगाना चाहूंगा होगा p4 सेव कर दिया मैंने एंड रिफ्रेश कर लिया तो अब देखो यह फुटर कॉमन है बीच का कंटेंट चेंज होता रहेगा यस दिस इज व्हाट वी आर गोइंग टू डू दैट हम लोग के पास लेआउट मैनेज हो गया था हम होम पे क्लिक कर रहे थे होम ओपन हो जा रहा था दिस इज अ कंटेंट ऑफ होम हम सर्विसेस पे क्लिक करते हैं हम सर्विसेस पे आ जा रहे थे दिस इज अ कंटेंट ऑफ सर्विसेस एंड अबाउट पे क्लिक कर रहे थे तो हम अबाउट पे आ जा रहे हैं दिस इज अ कंटेंट ऑफ अबाउट एंड फुटर एंड हेडर कांस्टेंट था अगर हम कोड के अंदर आए तो मैं आपको दिखा दूं यहां पे हम चलते हैं टेंपलेट्स के अंदर रिसोर्सेस के अंदर टेंपलेट्स के अंदर एंड देखो ये देखिए हमारे पास अबाउट पेज है दिस इज एक्चुअली अ कंटेंट ऑफ अबाउट इसको नीचे कर दो थोड़ी देर के लिए एंड हल्का सा इसको अपने हिसाब से मैनेज कर लो तो ये हमारा कंटेंट है अबाउट का थोड़ा सा बड़ा कर लू यस एंड अगर आप चाहो तो आप इस तरह से देख सकते हो जैसा आपको कंफर्टेबल हो आप देख लीजिए अब बेस में हमारा मेन ये बेस है इसी को हम लोग एक्सटेंड करना है बेसिकली इसी लेआउट को हम लोग यूज कर रहे हैं ये हमारा फुटर है कॉमन फुटर जो हर जगह रहने वाला है एंड हमारे पास ये कॉमन हेडर है जो हर जगह रहने वाला है तो हेडर को हम यहीं पे यूज करने वाले हैं ठीक है परफेक्ट एंड ये एक्चुअली डाटा है यहां पे कंटेंट डाटा आ रहा है डायनेमिक हर पेज से जैसे अबाउट पेज से यहां पे कंटेंट डाटा आ जा रहा है तो पूरा पेज जो बन रहा है वो इसी पेज को यूज करके बन रहा है ये चीज पिछले वीडियोस के अंदर हम लोग समझ रहे थे गए थे तो इस वीडियो के अंदर हम लोग ये जो हेडर है ना इस हेडर को हम अपने मेन के अंदर नहीं बनाएंगे बेस के अंदर नहीं बनाएंगे हम इस हेडर को अलग बना लेंगे देखिए राइट क्लिक करेंगे एक न्यू फाइल बना लेंगे जिसका नाम दे देते हैं हम लोग हेडर या नप बार दे दो चाहे हेडर दे दो बारड डेटा टी एच एंड इसको हम बना देंगे प्रगमेंट प्रेग मेंट एंड इसका नाम दे देंगे ने बार ने बार दे दो चाहे आप हा नेव बार दे दो ठीक है ने बार मैंने दे दिया या एक काम करो यार एक काम करते हैं या तो हम लोग एक काम करते हैं चलो अभी इसलिए यही रख लेते हैं तो हमारे पास ने बार के अंदर ने बार एक फ्रेगमेंट है उस फ्रेगमेंट को यहां पर हम लोग यूज करने वाले तो हम यूज करेंगे एक डि यूज कर लो एंड ये होस्ट टैग है तो हम क्या करेंगे यहां पर टीच कोलन रिप्लेस या फिर इंसर्ट तो अभी सीएस में यूज करूंगा अभी हम डेटा टीच कॉलन रिप्लेस रिप्लेस हम रिप्लेस करने वाले ने बार के अंदर जो ने बार है सेव करेंगे अभी भी हमारे पास यह ने बार का पूरा कंटेंट रिप्लेस हो जाना चाहिए इससे मतलब इसके ये जो डिव है यह रिप्लेस हो जाएगी इस कंटेंट से लेट्स सी हमने सेव कर दिया एंड हम यहां पर आ जाते हैं एंड रिफ्रेश करते हैं यस य विल फाइंड द सेम थिंग ठीक है दैट मींस कि अब हमने थोड़ा सा और अपने प्रोजेक्ट को मॉडज कर लिया मतलब अब हमें ने बारड एटीए के अंदर सिर्फ हमें ने बार लिखना है ने बार का कोड इसके अंदर लिखना है एक चीज गाइस और मैं बताना चाहूंगा आपको कि हम लोग क्या करना चाह रहे हैं इस यल को रखना चाह रहे हैं ठीक है मैं बताऊंगा कैसे तो एटली मैं क्या करूंगा यहां पर हमें सीएसएस को या बूट स्प को बूट स्प को नहीं यूज करना टेलमेंट को यूज करना है हेडर बनाने के लिए तो हमारे पास बहुत सारे हेडर आपको फ्लो बाइट के अंदर भी मिल जाएंगे यहां पे फ्लो बाइट हम लोग यूज कर रहे थे तो यहां पे जाओ डायरेक्टली हम लोग यहां पे हेडर यूज कर लो हेडर कॉपी कर लो देख लो भाई हेडर सो लेट मी सी या लेट्स फाइंड आउट यह रहा कुछ हेडर यहां पे देख सकते हो यह तो आई थिंक ब्रेड हां ब्रेड कम है ब्रेड कम है बट हम एक्चुअली ने बार यूज करेंगे तो हम यहां पे सर्च करेंगे ने बार तो यहां से भी हम नेप बार ला सकते हैं या फिर बहुत सारी ऐसी लाइब्रेरीज है गाइस स्टील मंट की बनी बनाई जहां से आपने बार को उठा के ला सकते हो ये देखिए ये नेफ बार हम लोग यूज कर सकते हैं एंड ये पोरली रिस्पांसिस है मोबाइल में कुछ ऐसे दिखेगी तो इस नेफ बार को देख सकते हैं पूरा ये जो कोड है गाइस ये पूरा कोड लिखा गया है आपके टेल विं सीएसएस के अंदर ठीक है पूरा कोड ये जो पूरा कोड है ये टेल विं सीएसएस का कोड है एक्सपेंड करके देख सकते हो यहां पे ठीक है साथ ही साथ में ड्रॉप डाउन वगैरह यूज करना है तो ये ने बार यूज कर लो एंड अगर आपको कुछ और यूज करना है जैसे फॉर एग्जांपल इस तरफ एंड इस तरफ यूज करना है तो ये यूज कर लो जैसे भी यूज करना है सर्विसेस अब आपके मेन्यू इस तरफ से चाहिए तो यह वाला यूज कर लो मैं बता रहा हूं कैसे यूज करना टोटली यूज करना आपकी मर्जी है मैं कुछ ये वाला यूज करूंगा क्योंकि हमारे पास यहां पर हेडर का ब्रांड लोगो आ जाएगा कुछ हमारी सर्विसेस आ जाएंगी एंड देन लॉगइन बटन वगैरह हमारे लेफ्ट साइड में आ जाएंगे लेफ्ट साइड क्या बोले तो राइट साइड प आ जाएंगे ठीक है एंड ये उसका कोड रहा क्योंकि हम लोग ऑलरेडी फ्लो बाइट लगा चुके हैं तो इतना टेंशन लेने की जरूरत नहीं इस कोड को आप अच्छे से समझ सकते हो यह सिंपल टेलमेंट का कोड है अगर आप कहोगे तो न का क्रैश कोर्स मैं ला दूंगा अपने चैनल के अंदर जिसमें डिटेल में समझा दूंगा एकएक क्लास तो हम इसको कॉपी करेंगे एंड हम लोग कॉपी करने के बाद आएंगे एंड अपने डीएस कोड के अंदर एंड यहां पे चिपका देंगे बस ये चीज याद रखिएगा कि हमें यल के अंदर ये डटा टीच फ्रेगमेंट यूज़ करना है तो हम इसको हटाएंगे कमांड बी से पेस्ट कर देंगे ये हमारा पूरा नेप बार है एंड ये पूरा रिस्पांसिस है रिस्पांसिस है साथ ही साथ में ये डार्क थीम भी डार्क थीम के लिए भी ऑप्टिमाइज है साथ ही साथ में ये आपकी लाइट थीम के लिए भी ऑप्टिमाइज है ये देखिए डार्क पे ये वाला बैकग्राउंड होगा लाइट पे ये वाला बैकग्राउंड होगा ठीक है अगर मैं इसको सेव करने के बाद मैं आता हूं एंड हम रिफ्रेश करते हैं अपने पेज को सो आप देखोगे यहां पे कुछ नहीं दिख रहा है क्यों क्योंकि हम लोगों ने फ्रेगमेंट जो लिखा था हटा दिया मतलब ये फ्रेगमेंट था ने बार फाइल के अंदर ने बार वाला फ्रेगमेंट हटा दिया तो हम एगजैक्टली ये बना लेंगे भाई टीटीएच फ्रेगमेंट डायरेक्टली यूज़ करो या फिर डेटा टीटीएच टीटीएच फ्रेगमेंट यूज़ करो एंड नाम दे दो ने बार सेव कर लो एंड यहां पे आओ रिफ्रेश करो ये देखिए पूरा एगजैक्टली आपके पास आ चुका है क्या 100 1 पर प देखिए ये देखिए पूरा पूरा आ चुका है आपके पास ने बार और ये रिस्पांसिबल बाइट हमें रिस्पांसिस का फीचर देता है ये देखिए वाओ तगड़ा तो फ्लो बाइट यूज करने का यही फायदा अब अगर आप चाहो तो टेलमेंट की क्लासेस को समझ सकते हो सिंपल नॉर्मल सीएसएस की क्लासेस है जो लिखी गई है देखिए जो आपके नैप पे लगी हुई है वो है बीजी वाइट बैकग्राउंड वाइट है बॉर्डर ग्रे 200 का ये बॉर्डर दे रखा है इन्होंने कहीं पे होगा दिख नहीं रहा ये ठीक है साथ ही साथ में बीजी डार्क डार्क पे बीजी ग्रे 900 लगा हुआ है थोड़ा सा मैं शैडो देता हूं इसमें शैडो शैडो एम यूज कर लो हल्का सा शैडो आएगा रिफ्रेश करो ये देखिए हल्का सा शैडो दिख रहा होगा मुझे एंड साथ ही साथ में हम बॉर्डर भी देना चाहते हैं यार बॉर्डर ग्रे देना है कुछ इतना 400 का लेट्स सी रिफ्रेश करो ये देखि हल्का सा बॉर्डर ग्रे आ रहा होगा बट दिख नहीं रहा है क्योंकि क्योंकि किनारे साइड से एकदम आ रहा है ना थोड़ा सा बॉर्डर बढ़ाते हैं 200 का आई थिंक कम लग रहा है इसको इंक्रीज करके चलते हैं यार थोड़ा सा समझने के लिए इसको 00 900 कर दो या समझने के लिए बस समझने के लिए एंड रिफ्रेश करेंगे एंड अभी भी बॉर्डर आई थिंक अप्लाई नहीं हो रहा है एंड हो भी रहा होगा तो हमें दिख तो बिल्कुल भी नहीं रहा लेट्स सी कि कहीं य डार्क थीम तो नहीं ले रहा है डार्क प भी अप्लाई करके चेक कर लेते हैं नहीं डार्क थीम नहीं ले ठीक है शैडो अपला आ थ अ अपलाई कोई इशू नहीं देख एक चीज आपको और ध्यान रखना है कि आपके पास आप बिल्ड टूल जरूर चला दीजिएगा सीएसएस क्लासेस को बिल्ड करने के लिए यह वाला कमांड जरूर चला दीजिएगा एप एक टेल विं ड आई एआरसी एंड डैश य के बाद आपको आउटपुट फाइल ड ड वच जो मैंने आपको बता रखा है तो यह फाइल जरूर चला यह वाला कमांड जरूर चला दीजिएगा इसका लिंक आपको मैं दे दूंगा प्रोवाइड कर दूंगा ठीक है चलो तो यह बन गया बाकी क्लासेस को अगर आप समझना चाह रहे हो तो समझ सकते हो जैसे मैं समझाता हूं क्योंकि हमें कुछ कस्टमाइजेशन भी तो करना है गाइ तो हम एक-एक करके समझते हैं यहां पे यह जो ब्रांड है हमें यहां पे क्या करना है ब्रांड का नाम यहां पे रखना है अपना ब्रांड का नाम खुद का एंड साथ ही साथ में इन सर्विसेस को अपने हिसाब से कस्ट करना जैसे होम है अबाउट है सर्विसेस से कांटेक्ट है एंड यहां पर हमें लॉगइन बटन चाहिए एंड लॉगइन बटन के साथ-साथ हमें चाहिए यहां पे एक साइन अप बटन या रजिस्टर बटन तो सबसे पहले हम ढूंढेंगे देखिए इन क्लासेस को आप समझ सकते हो एगजैक्टली मिन मैक्स मिन या मैक्स डब् स्क्रीन एक्सेल का क्या मतलब है मैक्सिमम विड्थ है 1280 पिक्सेल इस क्लास का एंड फ्लेक्स लगा हुआ है क्योंकि ओबवियस बात हम डिजाइनिंग जो पूरा यह लेफ्ट लेफ्ट टू राइट है वो डिजाइन हुआ है फ्लेक्स से एंड वर्ड रप लगा है फ्लेक्स लगाए जिससे कि आप अगर विंडो छोटी करते हो तो ऊपर से नीचे आ जाए आइटम सेंटर्स ऊपर से नीचे मतलब क्योंकि फ्लेक्स लगा है तो हम आइटम्स अपने वा एक्सिस पे सेंटर कर रहे हैं जस्टिफाई बिटवीन मतलब बीच में स्पेसेस है एंड m एक ऑटो लगा है प पडि का फो लगा है तो ऐसे समझ सकते हो एंड साथ ही साथ में ये जो एक्चुअली फ्लो बाइट का लोगो है ये ये वाली जो इमेज लगी है फ्लो बाइट का लोगो लगा हुआ है ये ठीक है इसको अभी हम हटाएंगे टेंशन मत लीजिए एंड स्पैन में आप देखो तो यहां पे ये फ्लू बाइट लिखा है तो हम यहां पे एसीएम कर देते हैं 2 प व सेव करेंगे एंड जैसे सेव करोगे रिफ्रेश करोगे तो यहां प एम 2.1 हो जाएगा यही मुझे करना भी था भाई ठीक है नेक्स्ट लोगो को मैं हटाऊ इस लोगो को मैं अपना लोगो लाऊंगा तो मैं चलूंगा यहां पे लेट्स गो टू द फ्लैट आइकन यहां से एक लोगो ले आते हैं फ्लैट फ्लैट आइकंस एंड फ्लैट आइकन से हम लोग एक लोगो चिपका देते हैं भाई यहां पे हम लोग फोन बुक ले लेते हैं या कॉल की लोगो ले लेते हैं कुछ ऐसा ले लेते हैं जैसा आपको लेना है ये वाला लोगो ले सकते हैं या फिर फोन बुक टाइप का कोई लोगो ले सकते हैं डिपेंड करेगा कि आप कैसा रखना चाह रहे हो क्या मैं ये लोगो ले लेता हूं मुझे तो ठीक लग रहा है एंड थोड़ा सा ब्लू टाइप का मिल भी रहा है हमारा कलर चलो ये वाला लेते हैं फिलहाल के लिए य लेते हैं आपकी जो मर्जी हो लोगो ले लीजिए तो मैंने डाउनलोड कर लिया एंड जब ये डाउनलोड हो जाएगा तो हम इसको टेस्ट पेस्ट कर देंगे अपने प्रोजेक्ट के अंदर तो अभी क्या करते हैं हम लोग इसको डेस्कटॉप पे डाउनलोड कर लेते हैं यस डेस्कटॉप पे डाउनलोड हो गया एंड ये रहा हमारा लोगो इसको हम कॉपी करेंगे लेट्स कॉपी एंड अपने प्रोजेक्ट के अंदर आएंगे यहां पे एंड इसको रखेंगे कहां ध्यान से देखिए हम क्या करेंगे इसको स्टैटिक के अंदर राइट क्लिक करके एक फाइल बना एक फोल्डर बना लेंगे जिसका नाम देंगे इमेजेस नाम मैंने ऊपर दिया ये इमेजेस ठीक है एंड एंटर कर देंगे तो आपके स्टैटिक के अंदर एक फोल्डर बन जाएगा इमेजेस देखिए थोड़ा सा वेट करिए ये देखिए इमेजेस बन गया इसके अंदर हम राइट क्लिक करेंगे रिवील इन एक्सप्लोरर पे क्लिक करके हम अ यह देखिए कुछ ऐसा आपको इसी के अंदर बेसिकली पेस्ट करने वाले हैं अगर राइट क्लिक करेंगे तो पेस्ट का ऑप्शन आ नहीं रहा है तो इसलिए हम इसको ओपन करके रिवील एक्सप्लोर कर लेंगे तो हमें ये विंडो में दिख जाएगा यहां पे कुछ इस तरह से ये यहां पे इस इमेजेस के अंदर आएंगे एंड हम राइट क्लिक करके उसको पेस्ट कर देंगे ठीक है सो जैसे आप पेस्ट करोगे आप देखोगे तो यहां पे आपको टेलीफोन ड पीएनजी मिल जाएगी इसी टेलीफोन को हमें यहां पर यूज करना है इस एसआरसी के अंदर ठीक है तो हम क्या करेंगे हम यूज करेंगे लेकिन हम यहां पर जो एटिबल यूज करेंगे वो टाइम लीफ का यूज करेंगे हम टी एच कोलन एसआरसी यूज कर सकते हैं या फिर हम चाहे तो अगर हम एचटीएमएल फ्रेंडली टैग यूज करना चाहे तो हम यूज कर सकते हैं डेटा टी एच सर स एस आर स एंड यहां पर हम लिंक बता सकते हैं अपने फाइल का या फिर अपने लोगो का तो लिंक बताने के लिए हम यूज करते हैं कभी भी लिंक आपको बतानी है टाइम लिफ में तो हम यूज करेंगे ट एंड यहां पर हम अपनी लिंक बता देंगे तो हम कंग हमारी लिंक है स्लश स्टैटिक के फोल्डर्स डायरेक्टली एक्सेसिबल है तो हम स्टैटिक नहीं लिखेंगे हम डायरेक्टली इमेजेस लिखेंगे स्लश एंड देन हम लिखेंगे टेली टेली फोन ड पीएनजी सेव करेंगे एंड देखते हैं भाई एंड आते हैं यहां पर हम लोग रिफ्रेश करते हैं लोगो ये देखिए हमारा आ गया एसएम का लोगो आ चुका है इफ यू वांट तो आप थोड़ा सा साइड वगैरह दे सकते हो कस्टमाइज कर सकते हो क्लास यहां पे क्लास ऑलरेडी लगा है इसकी हाइट फिक्स है 2 आरएम ठीक है तो हम क्या करेंगे यहां पे शैडो वगैरह अगर आप चाहो तो आप दे सकते हो यार ठीक है सेव कर रहा हूं अपने आप रिफ्रेश हो रहा है तो हल्का सा शैडो आ गया बट आप देखो यहां पे तो ये हल्का सा शैडो क्योंकि ये सर्कुलर टाइप की फोटोज ले रहा है शैडो भी सर्कुलर ले रहा है तो आप यहां पे राउंडेड फुल यूज कर सकते हो एक बार यूज करते हैं राउंडेड फुल सेव करेंगे एंड रिफ्रेश करेंगे एंड हल्का सा शैडो आया होगा वाइट कलर का तो इसलिए शैडो नहीं दिख रहा है तो अगर चाहो तो रख लो अरवाज छोड़ दो तो हमारे पास यह लोगो चेंज हो गया नेक्स्ट अगर गाइस हम आते हैं यहां पे तो होम पे हमें होम चाहिए तो नीचे आ जाओ तो यह हमारा लोगो यहां से यहां तक खत्म हो गया कहां से कहां तक आई थिंक ये एंकर टैग है ये लोगो दिस इली ब्रांड लोगो तो मैं यहां पे लिख देता हूं ब्रांड ब्रांड बहुत ध्यान से करना है नेक्स्ट लिंक आप चाहो तो चेंज कर लो लिंक हम क्या करेंगे लिंक हम अपने होम की दे देंगे टा टीटीएच एसआरसी एंड यहां पे हम स्लश होम की लिंक देंगे होम पे कुछ है अभ कि नहीं है अभी तो आई थिंक कुछ नहीं है क्या हां देखते हैं लेट्स फाइंड आउट होम पे कुछ नहीं है अभी होम पे हम कुछ बना लेंगे या होम होम पे बना लेंगे ठीक है चलो नीचे आते हैं तो यहां पे एक हमें गेट स्टार्टेड दिख रहा है ये कौन सी बटन है भाई गेट स्टार्टेड गेट स्टार्टेड की लेट्स बैक आते हैं जरा गेट स्टार्टेड वाली ये वाली बटन है ओके तो हमारे पास बाकी बटन कहां पे है बाकी बटंस ये आई थिंक गेट स्टार्टेड वाली बटन है ठीक है सो नीचे आ जाओ थोड़ा सा डी बक करना पड़ेगा सब आई थिंक ये वाली जो हमारी चीजें है ये इवल है वो एक्चुअली हमारा होम अबाउट सब चीज है ठीक है बिल्कुल तो हमारा जो लोगो हो गया ये लोगो खत्म कहां हुआ यहां पे दिस इ एंड ऑफ द लोग ब्रांड लोगो एंड ऑफ ब्रांड लोगो नेक्स्ट यहां से हमारा राइट साइड वाली चीज स्टार्ट हो गई क्योंकि यहां पे ऑर्डर दे रखा है ऑर्डर टू दे रखा है तो एक्चुअली मीडियम ये देखिए ऑर्डर टू मीडियम के बाद ये इसका ऑर्डर टू हो जाएगा राइट साइड में इतनी चीज चली क्योंकि हम लोग ऑर्डर स्पेसिफाई कर सकते हैं अगर आप यहां पे ऑर्डर वन कर दोगे सो आप देखोगे ये देखिए बीच में आ गया तो इसीलिए हमने अब बीच वाली चीज राइट में शिफ्ट करने के लिए हमने इसको ऑर्डर टू दे रखा है तो ये बीच वाली चीज राइट में शिफ्ट हो जाएगी तो इसको हम क्या करते हैं अपने हिसाब से लॉग इन कर लेते हैं लॉग इन कर लेते हैं एंड हम क्या करेंगे जहां जहां ब्लू है वहां मैं ग्रे यूज करूंगा ग्रे इस थीम यूज करूंगा होबर पे हम ग्रे यूज करेंगे और आपको थोड़ा सा ध्यान रखना है कि बैकग्राउंड बटंस का जो प्राइमरी बैकग्राउंड है व 800 है होवर पे एंड नर्मल बैकग्राउंड है वो 700 है सो आप देखोगे कुछ ऐसा हो जाएगा परफेक्ट हमें कुछ ऐसा ही चाहिए ठीक है कुछ थीम मतलब नॉर्मल थीम हमें चाहिए बहुत डिसेंट सा एंड इफ यू वांट तो इसका थीम आप 900 भी या चलो हम क्या करते हैं थोड़ा सा एक एक थीम बढ़ा देते एक एक वैल्यू बढ़ा देते हैं इसको हम कर देते हैं 800 और इसको कर देते हैं 900 तोय थीम याद रखिएगा भाई होवर पे ठीक है एंड एक चीज और करता हूं यह बटन है ना इस बटन की एक कॉपी मैं और बना बटन को सेलेक्ट करिएगा एंड इस बटन की हम एक कॉपी बना लेते हैं एंड यहां प हम लिख देते हैं साइन अप ठीक है लेट्स सी रिफ्रेश करते हैं ये देखिए साइन अप आ चुका है एंड हल्का सा मैं मार्जिन दूंगा फ्लेक्स लगाए तो बस आप यहां पे गैप दे दो गैप टू या फिर स्पेस भी दे सकते थे गैप टू आ गया तो लॉगइन एंड साइन अप दो बटंस आ चुके हैं बिल्कुल परफेक्ट साथ ही साथ में अगर हम रिस्पांसिस इसका चेक करें सो आप देखोगे ये देखिए परफेक्ट गैप हल्का अगर ज्यादा लग रहा है तो आप क्या कर सकते थोड़ा सा कम कर सकते हो इफ पॉसिबल तो अगर चाहो तो थोड़ा सा कम कर सकते हो मैं दिखा देता हूं हल्का सा ठीक है सो ठीक है स्पेस एकस3 लिखा ना स्पेस एकस3 ठीक है तो थोड़ा सा यहां पर आपको समझना पड़ेगा मेरे लिए तो मेरे प्रोजेक्ट के लिए ठीक है कोई दिक्कत वाली बात नहीं जब इस डार्क थीम प जाएगा तो इसका टेक्स्ट एंड यह सब चीज हमें देखना पड़ेगा डार्क थीम प नहीं डार्क थीम पर ऑलरेडी ब्लू कलर है तो ठीक है डार्क थीम ब्लू कलर ठीक है कोई इ नहीं नेक्स्ट एंड बाकी यह हमारा मेनू है ओपन मेनू जो हम रिस्प सिनेस में चेक कर रहे थे यह देखिए तो यह बेसिकली स्मॉल पर ही दिखता है एंड यह एक्चुअली आइकन है आपका ओपन मेन का आइकन य एसबीजी आइकन है तो यह वाली बटन एक्चुअली जो है वह आपकी आइकन है यह स्क्रीन पर ही दिखेगी ओके ठीक है ठीक है ठीक है ठीक है ठीक है यह वाली बटन यह वाली बटन जो आपकी व आइकन है टू ओपन मेन्यू ऑन स्मॉल स्क्रीन ठीक ठीक है नेक्स्ट अब यह हमारे यह हमारे जो है एक्चुअली मेन मेन्यू है मेन्यू है तो जैसे हमारे पास होम है होम पर जाने के लिए हम बदलेंगे हम डेटा डटा टी एच एस आर स एचर एफ नॉट एसआरसी एंड यहां लिंक हम देंगे वो यूज करेंगे स्लश होम नेक्स्ट इसको कॉपी कर लो देन हमारे पास अबाउट भी है एचएफ की जगह हम यूज करेंगे डाटा टी एचएफ हम यहां प टीच कोलन एफ भी यूज कर सकते हैं एंड यहां यूज करेंगे हम लोग अबाउट स्ल अबाउट देन फाइनली हम लोग सर्विसेस प आएंगे यहां प सरी नॉट कॉपी इसको कॉपी करो भाई मैंने क्या कर दिया पेस्ट कर लेंगे एंड यहां पर हम लोग सर्विसेस ठीक है कांटेक्ट है अगर कांटेक्ट पेज है आई थिंक देख लेते हैं हम लोग तो अभी तो इसको बंद कर दो यार रिफ्रेश कर लो अबाउट प आ गए वेलकम टू द अबाउट पेज होम पे वेलकम ू द होम पेज अबाउट पेज यहां पर आप देख लो यहां पर भी आइकन चेंज हो रहा है इस तरफ एंड सर्विस पेज है कांटेक्ट पेज प आई थिंक लगा नहीं अभी तो हम लोग कांटेक्ट पेज अगर हमारे पास है तो लगा देते हैं नहीं है तो बना देंगे कोई इशू नहीं वाली बात नहीं यहां प आते हैं एंड यहां पे कॉन टेक्ट सो लेट्स सी दैट यहां पर रिफ्रेश कर लेते हैं कांटेक्ट पेज पे आई थिंक कांटेक्ट है नहीं हमारे पास हम लोग कंट्रोलर ओपन करके चेक भी कर सकते हैं जावा को ओपन करते हैं कंट्रोल को ओपन करते हैं और हमारे पास अभी सर्विसेस अबाउट एंड होम है बस तो कांटेक्ट हम बना लेंगे या हम बना ते हैं फटाफट हम लोग दो तीन पेज बना देते हैं सबसे पहले पेज हम लोग बना आते हैं एक कांटेक्ट लॉगिन एंड साइन अप कांटेक्ट लॉगिन एंड साइन अप तो लेट्स फाइंड आउट हम लोग सबसे पहले टेंप्लेट के अंदर आते हैं राइट क्लिक करते हैं न्यू एक फाइल बना लेते हैं नाम देते हैं लॉगइन ड एक था हमारे पास कांटेक्ट सॉरी कांटेक्ट ड html5 थी ये सो इसको हम लोग अगेन रिनेम करेंगे कांटेक्ट ड html5 ठीक है एंड हम लोग क्या करेंगे एगजैक्टली जो हम लोग अबाउट के अंदर कंटेंट था उसी को हम लोग कॉपी करेंगे एंड या होम के अंदर जो हमारे पास कंटेंट था उसी को कॉपी करेंगे जैसे फॉर एग्जांपल उसको ये वाला ये वाला कंटेंट है उसी को हम लॉगिन प भी चिपका देंगे एंड यहां पे होम पेज की जगह हम कर देंगे लॉगइन वेलकम ू द लॉगइन पेज वेलकम लॉगइन पेज एंड वही चीज हम लोग क्या करेंगे रजिस्टर पेज पर भी चिपका देंगे तो यह हो जाएगा रजिस्टर पेज रजिस्टर सॉरी साइन अप कर दो रजिस्टर क्या है साइन अप साइन अप साइन अप हो जाएगा तो इसको हम कर देंगे वेलकम ू साइन अप पेज साइन अप पेज एंड इसको भी हम लोग साइन अप पेज कर देंगे एंड फाइनली हम लोग क्या करेंगे एक जो हमने कांटेक्ट पेज बनाया उसको भी हम लोग उसमें भी हम लोग इसको चिपका देंगे ठीक है सो ये हो जाएगा हमारा कांटेक्ट अस पेज कांटेक्ट अस पेज वेलकम टू द कांटेक्ट पेज ये सारे पेजेस बन गए अब हमारी हमें इनके कंट्रोलर्स बनाने है ये पेजेस ओपन कैसे होंगे ये पेजेस ओपन होंगे राउट से कंट्रोलर से तो हम आ जाएंगे अपने पेज कंट्रोलर पे एंड फटाफट हम लोग सर्विसेस के बाद हम लोग यहां पे कॉपी करेंगे कांटेक्ट पे आप रेट गेट मैपिंग यूज करिए यह देखिए बन जाएगा पाथ आप यहां पर डिफाइन कर दीजिए कांटेक्ट एंड व्यू में आप डिफाइन कर दए कौन सा व्यू चाहिए मुझे हमें चाहिए या कांटेक्ट व्यू कांटेक्ट ठीक है या डायरेक्टली स्ट्रिंग भी भेज सकते थे एंड एक और हमारे पास रेट गेट मैपिंग चाहिए इस बार हमें लॉग इन लॉग इन एंड य पहले वाले का नाम द कांटेक्ट एंड दूसरे वाले का लॉग इन लॉगइन एंड जो स्ट्रिंग डिफाइन करिए रिटन वो लॉग नेक्स्ट तीसरा एक और हमें चाहिए था रजिस्टर तो हम रजिस्टर ले लो चाहे साइन अप ले लो इटस टोटली डिपेंड तो डायरेक्टली हम लोग जनरेट करते हैं यार जनरेट करते हैं ठीक है यहां पर हम लोग ले लेते हैं स्लश रजिस्टर ही ले लो एंड पब्लिक स्ट्रिंग रजिस्टर ले लो रिटर्न करेंगे हम लोग रजिस्टर पेज ठीक है एक ब्रैकेट कुछ गड़बड़ लग गया आई थिंक लेट्स सी हा एक ब्रैकेट यहां से गड़बड़ लग गया तो हम आप सही कर लेते एंड पैरामीटर हमें नहीं चाहिए पैरामीटर हमें नहीं चाहिए तो हम लोग इसको हटा दो ठीक है इसमें भी पैरामीटर्स नहीं चाहिए क्योंकि हम अभी नहीं यूज कर रहे पैरामीटर बट यूज करना होगा तो हम ले लेंगे हा सेव कर लो तो अब य पेजेस गा चलेंगे पेजे चलेंगे तो डिपेंडिंग अपन कौन सा राउट कॉल हो रहा है कांटेक्ट य हमें कांटेक्ट पेज दिखा देगा कांटेक्ट स्लॉगइन लगनर आ जाते अपने ने बार के अंदर सो एंड हम लोग यहां पर देखिए होम हो गया अबाउट हो गया सर्विसेस हो गया कांटेक्ट हो गया एंड अब हम लोग कॉन्फरल लॉगिन रजिस्टर के लिए भी तो लॉगिन वाला कहां है बटन यही लगन के बटन इसको चेंज कर देते एंकर टग से एंकर टैग से और यहां पर हम लोग यूज कर लेते हैं अगेन डटा टीच एच ट ए स्ल लगन एक चीज बता द गा यहां पे स्ट्रिंग लिख रहा हूं डबल कोड्स के अंदर सिंगल कोड क्योंकि ये स्टैटिक चीज है ओके नेक्स्ट सेम हम साइन अप केलिए भी करेंगे इसको एंकर टैग से बदलेंगे इसको भी एंकर टैग से बदलेंगे एंड यहां पे हम अगेन डेटा कोलन पटी एच कोलन डैश नॉट कॉलन एंड एचर एक चीज आपको ध्यान देना है कि आप टी एच कोलन एच रेफ भी यूज कर सकते थे आपके ऊपर है देन स्लैश हम यहां पे यूज कर लेंगे रजिस्टर रजिस्टर सेव करेंगे एंड लेट्स फाइंड आउट कि चल रही है चीजें कि नहीं चल रही है कांटेक्ट पे आ जाएंगे कांटेक्ट अस पेज चल रहा है लॉगइन पे आ जाएंगे लॉगइन वेलकम टू द लॉगइन पेज चल रहा है देख लो साइन अप आएंगे तो वेलकम टू द साइन अप पेज चल रहा दैट मीस हमारे पास परफेक्ट परफेक्ट हेडर रेडी है अगर हम इंस्पेक्ट करके ओपन करते हैं तो यहां से भी चीजें चल रही है एगजैक्टली सर्विसेस कांटेक्ट सब चीज चल रहा है ठीक है अगर हम डार्क मोड प जाते हैं तो इसको डार्क मोड प कैसे करेंगे डार्क मोड पे करने के लिए डार्क मोड करने टेस्ट करने के लिए हम क्या करेंगे हमें ओपन करना है . config.js फाइल एंड यहां पे हमें देखना है डार्क मोड में क्या सिलेक्टर लिखा है अगर नहीं लिखा तो सिलेक्टर डाल दीजिएगा बंद करिए इसको करने के बाद हम अपने मेन बेस पेज को ओपन करेंगे बेस पेज एंड यहां पे हम अपने एचटीएमएल में एक क्लास लगाएंगे क्लास लगाएंगे डार्क बस ये डार्क मोड चालू कर देगा रिफ्रेश करोगे सो ये देखिए डार्क पोड में हमारा यह जो चीज है ये डार्क दिखेगी अगर राइट क्लिक करके आप देखोगे तो यह सब चीज डार्क में दिखेगी क्या हम अपने बॉडी को इस चीज को डार्क कर सकते हैं लेट्स डू दैट हां ये जो कंटेंट है इसको भी हम डार्क कर सकते हैं देखता हूं इसकी जो हाइट है गाइस वो मैं जितनी स्क्रीन है उतनी कर देता हूं एंड विड्थ तो फुल ही रहेगी इसकी विड्थ फुल रहेगी एंड डार्क में मैं कहूंगा इसका जो बैकग्राउंड होगा बीजी ग्रे उसको मैं कर देता हूं ना 1000 या 900 तो जैसे डार्क होगा आप देखोगे ये देखिए ठीक है हो गया ये एक्चुअली गाइस मैंने कर दिया था इसका ठीक है इस वाले डिफ का क्या हम इन क्लासेस को इस डार्क क्लास को बॉडी के अंदर लगा सकते हैं बिल्कुल लगा सकते हो भाई ठीक है इसको करने की जरूरत ही नहीं आप पूरे बॉडी प लगा दीजिए यहीं पे आप इसको चिपका दीजिए अगर यह चीज चलेगी ना ये चीज चलेगी तो ये चीज सबके लिए चलेगी देखिएगा मैं रिफ्रेश करूंगा ये देखिए तो पूरी बॉडी ही डार्क हो गई डार्क थीम पे डार्क हुई है क्योंकि मैंने डार्क लिखा है नॉर्मली ये नॉर्मल रहेगी साथ ही साथ में डार्क पे हम क्या करते हैं टेक्स्ट को वाइट कर देते हैं टेक्स्ट को वाइट करते साथ ही साथ में हम डार्क थीम को मेंटेन करते चलेंगे ये देखिए तो डार्क पे अब हमारा डार्क कुछ ऐसा चलेगा ओके एक चीज अ आई थिंक और मैं करना चाहूंगा डार्क थीम जो है ना गाइस उसको हम उसको हम अपने हेडर को मैं थोड़ा सा और डार्क करना चाह रहा था डार्क थीम पे बट ठीक है कोई इशू नहीं कोई इशू नहीं एंड अगर लाइट थीम होगा तो इसको हम क्लास चेंज करके लाइट कर देंगे वो तो हम जावास्क्रिप्ट से कर लेंगे ये देखिए लाइट थीम पे हमारा लाइट चल जाएगा एंड डार्क थीम पे हम लोग अपना डार्क कर लेंगे तो हम एक फंक्शन बनाएंगे जावास्क्रिप्ट से वो फंक्शन कॉल होगा और डार्क थीम लाइट थीम अपने आप से करता रहेगा सो दैट इट में हम लोग ने अपना नेप बार बना लिया एंड पार्टिकुलरली हम लोगों ने यहां पे नेप बार को क्लिक करके हम पर्टिकुलर पेज पे भी चले जा रहे हैं अब अगले कांसेप्ट को बनाते हैं हमारे पास यहां पे प्रोजेक्ट है सिंपली हम लाइट बटन एक हमारे पास होगी क्लिक करेंगे तो हमारा लाइट थीम हो जाएगा और डार्क बटन वही बटन कन्वर्ट हो जाएगी डार्क थीम में और जैसे ही हम डार्क थीम पे क्लिक करेंगे हमारा डार्क थीम हो जाएगा दैट मींस ये बटन टॉगल के लिए है एंड ये पूरे ने बार में रहेगी कहीं भी आप इसको थीम को चेंज कर सकते हो किसी भी पेज पे हो यह काम हम लोग करने वाले हैं जावास्क्रिप्ट की हेल्प से क्योंकि ओबवियस सी बात हम फ्रंट एंड के लिए कोई टेक्नोलॉजी तो यूज नहीं कर रहे कोई हम फ्रेमवर्क नहीं यूज़ कर रहे हैं ना रिएक्ट यूज़ कर रहे हैं ना एंगुलर यूज़ कर रहे हैं ना नेक्स जस यूज़ कर रहे हैं तो ये सारा काम हम लोग सिंपल प्लेन ओड जावास्क्रिप्ट से करने वाले हैं और यहां पे हम यूज करेंगे अपने करंट थीम को स्टोर करने के लिए या जो थीम आपके इस अभी करंट पेज पे चल रही है उस थीम को हम स्टोर करने के लिए यूज़ करेंगे लोकल स्टोरेज तो स्टेप बाय स्टेप हम लोग यहां पे अपने इस वाले वेबसाइट के अंदर इंप्लीमेंट करते हैं जो हम बना रहे हैं एएम और जो लोग इस वीडियो को डायरेक्टली देख रहे हैं उनको नहीं पता तो मैं बता दूं कि हम लोग बना रहे थे यहां पे स्मार्ट कांटेक्ट मैनेजर एंड आप जा कर के एक्सेस कर सकते हो उसकी पूरी प्लेलिस्ट की लिंक नीचे डिस्क्रिप्शन बॉक्स में मिल जाएगी चलो भाई स्टार्ट करते हैं तो यहां पे हम लोग क्या करेंगे सबसे पहले ये पुराना प्रोजेक्ट है इसको हम बंद कर देते हैं इसकी अभी हमें कोई जरूरत नहीं है एंड ये हमारा प्रोजेक्ट है एक हमें बटन चाहिए उस बटन को पूरे ने बार के अंदर कहीं भी बना सकते हैं इवन ने बार के अंदर ही नहीं आप पूरे पेज के अंदर कहीं बना लो बट हम ऐसे कॉमन एरिया पे वो बटन बनाएंगे जहां पे एक्चुअली वो बटन हमेशा कोई भी पेज आप नेविगेट करो वो बटन हमेशा परसिस्ट है ऐसा ना हो कि आप अबाउट पेज प आए गायब हो गई बटन सर्फेस पेज के अंदर आए गायब हो गई तो हम एक ऐसे कॉमन एरिया प बटन बनाएंगे कि वो ह किसी भी पेज पे जाओ इ रिस्पेक्टिव ऑफ ऑल द पेजेस वो बटन हमारी कांस्टेंट रहे एंड वैसा एरिया हमारे पास है नेप बार ये नेप बार हमेशा रहेगा आप किसी पेज पे हो होम पे हो ने बार है अबाउट पे हो ने बार है सर्विसेस पे जाओगे ने बार है लॉगइन पे जाओगे तब भी ने बार है इवन रजिस्टर पे जाओगे तब भी ने बार है तो हम यहीं पे कहीं बनाएंगे हम साइन अप के राइट साइड बना सकते हैं या फिर लॉगइन के लेफ्ट साइड भी बना सकते हैं चलो भाई बनाते हैं उसके लिए हमें एक आइकन चाहिए होगा तो हम लोग ओपन करेंगे अगेन फ्लैट आइकन ओपन कर लेते हैं एक आइकन के लिए फ्लैट आइकन फ्लैट आइकंस एंड यहां से आप एक आइकन चूज कर सकते हो यहां से एंड या फिर आप काम कर सकते हो अगर आपको डायरेक्टली पीएनजी नहीं यूज करना तो आप आइकंस के लिए आप फंट ऑसम भी यूज कर सकते हो फंट ऑसम तो हम फंट ऑसम यहां पर बहुत सारे फट्स आपको मिल जाएगी इनको भी आप यूज कर सकते हो मैं बताता हूं कैसे आपको यूज करना है एंड सिंपली यहां पर सर्च प जाओगे एंड यहां पर आप सर्च कर सकते हो जैसे फॉर एग्जांपल हमें यहां लाइट मैंने सर्च किया तो लाइट से रिलेटेड बहुत सारे ये देखिए बहुत सारे आइकन आ गए अब इसमें जो प्रो नहीं है फ्री वाले हैं उनको हम लोग यूज कर सकते हैं बहुत सारे इसमें प्रो है बहुत सारे फ्री भी होते हैं चलो भाई हम देखते हैं यहां पे जरा डार्क लिखते हैं सो ये देखिए तो इस ये वाला हम फ्री यूज कर सकते हैं सर्किल हाफ स्ट्रोक बाकी बहुत सारे फ्री होते हैं बहुत सारे पेड होते हैं तो पेड वाला प्रो वाला नहीं यूज कर सकते बट इस मून को यूज कर सकते हैं इस मून को यूज कर सकते हैं तो जो फ्री है को यूज कर सकते हैं कैसे यूज करना है हमें चाहिए होगी सीडीएन लिंक अपने प्रोजेक्ट के अंदर लगाने के लिए इन आइकंस को यूज करने के लिए एगजैक्टली बहुत इजी होगा हम यहां पे आएंगे एंड एंड ओपन कर लेंगे ब बस . [संगीत] html.erb min.css के नीचे यहां पे कंट्रोल v या कमांड v से पेस्ट करके चिपका लेंगे भाई ये देखिए तो हमारे पास यहां पे फंट ऑसम आ चुका है ये वाली लिंक है फंट ऑसम की चाहो तो आप कमेंट लगा के लिख सकते हो कि ये लिंक है हमारी फंट ऑसम नेक्स्ट अब हमें सिर्फ इन आइकंस को यूज करना है कैसे यूज करना है आप फसम की वेबसाइट पे चले जाओगे यहां आइकन को सर्च सर्च कर करके यूज कर लोगे जैसे फॉर एग्जांपल हम यहां पे आ चुके हैं यहां सर्च करेंगे डार्क डार्क इसको क्लिक करेंगे एंड क्लिक करने के बाद यह जस्ट बता देगा कि एक्चुअली आपको कुछ यह वाला कमांड यूज करना है यह वाला यह वाला टैग यूज करना है आई टैग है क्लास एफ ए सॉलिड एफ ए सर्किल हाफ स्ट्रोक ये यूज करना है तो हम इसको कॉपी कर लो क्लिक करोगे कॉपी हो जाएगा अदर वाइज को आप कॉपी कर लो एंड इसको हम लोग यूज करने वाले हैं अपने प्रोजेक्ट के अंदर कैसे हेडर सेक्शन ओपन करिए आप लोग हेडर सेक्शन हेडर सेक्शन जो है हमारा ने बार यहां प एंड लॉगइन बटन कहां पे है ये रही लॉगइन बटन इस लॉगिन बटन के जस्ट यहां पे ऊपर हम एक और बटन बना देते हैं ए एंकर टेक बना दो अदर वाइज नॉर्मल बटन है तो नॉर्मल बटन बना सकते हो क्योंकि हमें कोई लिंक तो इसम देनी नहीं है तो हम नॉर्मल बटन बनाएंगे यहां पे हम लोग अपना आइकन पेस्ट करेंगे और यहां पर लिख देंगे सपोज बाय डिफॉल्ट है लाइट थीम ठीक है तो अभी ये हार्ड कोडेड है कमेंट करके लिख सकते हो कि ये डार्क लाइट थीम बटन है सेव कर लीजिए आ जाएंगे एंड प्रोजेक्ट पे रिफ्रेश करिए भाई ये देखिए इस तरह से आपको यहां पे लाइट बन के आ गया लाइट लिख के आ गया और ये जो लाइट है कुछ ऐसा आइकन था वो यहां पे दिख रहा है परफेक्ट अब क्या कर सकते हो गाइस अब आप यहां पे पूरा सीएसएस वगैरह भी यूज कर सकते हो जैसे फॉर एग्जांपल हम यहां पे आते हैं बटन पे लगाते हैं क्लास एंड यहां पे क्लास में जैसे फॉर एग्जांपल आपको हल्का सा बीजी ग्रे चाहिए क्योंकि अभी लाइट थीम पे हल्का जो हमें चाहिए वो 8 हल्का सा हमें बस कुछ ऐसा ही बैकग्राउंड चाहिए एंड पडि एक्स हम दे देते हैं तीन डिंग वा हम देते दो एंड राउंडेड हमें चाहिए देखते भाई य देखि कुछ ऐसे बटन है चाहो तो आप हल्का सा और कर दो इसको इसको कर दो या 200 य हल्का सा और कम ग्रेस हो जाएगा कुछ ऐसा ठीक है हां अब हम इस पर क्लिक करके हम लोग थम चेंज कर सकते हैं बट यस बात इस इसकी फंक्शनैलिटी हमें लिखनी पड़ेगी एक चीज हमें और देखना ध्यान देना होगा गा कि हम लोग इस बटन को दिखा तो रहे हैं बट लाइट थीम पे भी दिखा रहे हैं अगर हमें डार्क थीम पे दिखाना होगा तब हम क्या करेंगे उसके लिए हमें यहां पे ओबवियस सी बात है अगर डार्क थीम पे आप दिखा रहे हो तो हमें यहां पे डार्क प्रीफिक्स यूज करना पड़ेगा ये जो सीएसएस है डार्क कोलन ये जो प्रीफिक्स डार्क यूज करते हो अपने सीएसएस के अंदर वो सीएसएस एग्जीक्यूट होती है चलती है डार्क थीम पे तो यहां पे हमें आके लिखना पड़ेगा बट आई थिंक डार्क थीम पे भी ये सही रहेगी डार्क थीम पे सही रहेगी अभी हम मैनली डार्क थीम चेंज करके देख लेते हैं यार हम लोग अपने बेस में चलते हैं और यहां पर हम लोग कर देते हैं डार्क तो हमारी पूरी वेबसाइट की लिंक डार्क हो जाएगी एंड डार्क थीम प कुछ ऐसे दिख रही है तो मैं कहूंगा यार ठीक तो नहीं है इट्स नॉट गुड लुकिंग गुड सो हम क्या करेंगे ए बार के अंदर आएंगे एंड डार्क थीम पे हल्का सा बटन चेंज करेंगे बटन का बैकग्राउंड वगैरह चेंज कर लेंगे हमारा काम हो जाएगा तो बटन गई कहां भाई ठीक है न्य परर आ जाओ ऊपर आ जाओ ये रही यहां प हम कहेंगे अगर हमारा डार्क थीम है तो पहले तो हम टेक्स्ट वाइट टेक्स्ट क्या है भाई इसमें टेक्स को हम ब्लैक ही रखेंगे देखते हैं भाई रिफ्रेश कर दो यस तो कुछ ऐसा है बट यह भी अच्छा नहीं लग रहा है क्योंकि डार्क थीम प हमारा बैकग्राउंड भी वाइट हो जा रहा है तो हमे डार्क थीम प हमारा बैकग्राउंड जो है हल्का ग्रे ही रहेगा बट कम हल्का कम ग्रे रहेगा सिक्स पे कर देते हैं और टेक्स वाइट ही रहेगा क्योंकि यस बात बैकग्राउंड डार्क है तो टेक्स्ट वाइट रहेगा रिफ्रेश करेंगे यस अब ठीक है तो डार्क थम प कुछ ऐसा दिखेगा लाइट थीम प तो जैसा पहले था वैसा दिखेगा लेट्स डू हम मैनुअली इसको अभी सेट करते इसको लाइट कर देते हैं एंड आके दोबारा से रिफ्रेश करते य देखिए सो अभी हमारी बटन बन चुकी है बस हम इसके आइकन को चेंज करेंगे आइकन को चेंज करने के लिए हम यूज करेंगे य स्पैन कहां पर हम लोग यहां पर यूज कर लेते स्पैन अपने बटन के अंदर य बटन तो इस स्पैन को हम लोग यहां पर य देखिए हम क्या करेंगे हम अगेन एगजैक्टली हम लोगों ने क्या किया बहुत सिंपल सी बात है कि हमारा जो बटन है उस बटन के अंदर एक आई है उस आई के अंदर आइकन रखा हुआ है और एक स्पैन है उसके अंदर टेक्स्ट रखा हुआ है तो हमें जब उस बटन के टेक्स्ट को चेंज करना होगा तो हम बटन को टारगेट करेंगे बटन के अंदर जो स्पैन है उसके टेक्स्ट को चेंज कर देंगे सिंपल सी बात है एंड इस बटन को हम आईडी देते हैं आईडी देते हैं थीम चेंज बटन मैं अंडरस्कोर यूज कर रहा हूं जिससे हम एक बार में सेलेक्ट कर ले इस बटन को ठीक है डबल क्लिक करके आप सेलेक्ट कर सकते हो तो हमने एक थीम चेंज बटन बना रखी है अब हम इस थीम चेंज बटन पे इवेंट लगाएंगे कि भैया जैसे आप क्लिक करो हमारा थीम चेंज हो जाए तो हम कुछ ऐसा करने वाले हैं ओके हमारे पास बटन रेडी है अब आप किसी भी पेज पे जाते हो बटन रेडी है अब हमें प्रिपेयर करना है जावास्क्रिप्ट कि भैया हम जावास्क्रिप्ट लिखने वाले हैं एंड जावास्क्रिप्ट का कोड हर पेज पे एग्जीक्यूट होगा क्योंकि हर पेज पे थीम चेंज करने वाले हैं सो हम क्या करेंगे हम स्टैटिक के अंदर आएंगे और यहां पे हम एक फोल्डर बना लेंगे जिसका नाम होगा जेएस एंड जेएस के अंदर हम एक फाइल बनाएंगे जिसका नाम होगा स्क्रिप्ट डट जस और यह फाइल गाइस हा एग्जीक्यूट होगी हर पेज के अंदर जो भी पेज आप ओपन करोगे यह फाइल एग्जीक्यूट होने वाली है मैं लिख देता हूं यहां प हल्का सा कंसोल डलॉग और मैं यहां लिखूंगा स्क्रिप्ट लोडेड ए सिंपल एजट और इस स्क्रिप्ट को हम लोग लोड करते हैं अपने बेस के अंदर बेस के अंदर लोड कर देंगे तो हर जगह आ जाएगी बेस के अंदर तो यह देखो नॉर्मल हमारे पास स्क्रिप्ट आ ग फ्लो बाइट की फलो बाइट हम फलो बाइट के नीचे आएंगे और यहां पर हम लोग स्क्रिप्ट टैग यूज करेंगे स्क्रिप्ट टैग एंड स्क्रिप्ट टैग में हम लोग यूज करेंगे डेटा टीच एस आर स एस आरसी एंड हमें लिंक देनी है तो हम रेट फिर ब्रेसस एंड देन हम यहां पे स्क्रिप्ट क्योंकि हम लोग स्टैटिक फोल्डर को डायरेक्टली एक्सेस कर सकते हैं तो स्टैटिक के अंदर हमारा जेएस फोल्डर है तो हम लिखेंगे जेएस एंड जेएस के अंदर हमारे पास क्या है स्क्रिप्ट चेस सेव कर लीजिए एंड लेट्स फाइंड आउट कि ये वाली स्क चल रही है कि नहीं चल रही है तो हम लोग रिफ्रेश कर द एंड कंसोल ओपन कर द एंड कंसोल पे चलते हैं सो आप देखोगे स्क्रिप्ट लोडेड आपको दिख रहा होगा आई थिंक लेट्स फाइंड आउट कि दिख रहा है कि नहीं दिख रहा हां यस सो आपको दिख रहा है एक बार मैं फिर से रिफ्रेश कर दूं ये देखिए स्क्रिप्ट डेड और ये आ रही है पहली लाइन से स्क्रिप्ट ड जस के पहली लाइन से ठीक है तो अब मैं यहां पे कंसोल ओपन करूंगा क्योंकि हमें बहुत सारा काम करना है बहुत सारी कोडिंग करनी बहुत सारा काम करना है मैं क्या करूंगा यार देखो हमें लॉजिक यहां पे यूज करना पड़ेगा लॉजिक का काम लॉजिक से ही हम क्या करेंगे थीम को सेट करेंगे और थीम को लोड करेंगे सबसे पहले एक वेरिएबल लेंगे हम यहां पे लेट करंट थीम करंट थीम बाय डिफॉल्ट नल या फिर बाय डिफॉल्ट सपोज आपकी करंट थीम है जो है वो डार्क है या फिर आप बाय डिफॉल्ट जो थीम है उसको अगर आपने सेव कर रखा है लोकल स्टोरेज के अंदर तो वहां से हम लोग फिच कर लेंगे कैसे फिच करेंगे समझिए बात को हम क्या करेंगे इसको सबसे पहले हम करंट थीम और बाय डिफॉल्ट क्या कर देते हैं बाय डिफॉल्ट लाइट कर दो करंट थीम ठीक है एक वेरिएबल मैंने यहां पे यूज कर लिया एंड हम क्या करेंगे एक फंक्शन ओबवियसली बनाएंगे चेंज थीम नामक एक फंक्शन बनाएंगे बट अभी इसको हम कंप्लीट करेंगे ये टू डू में है तो हम यहां पे इसको कंप्लीट करेंगे एंड इस फंक्शन को कॉल करके हम लोग थीम को चेंज करेंगे लेकिन दो फंक्शन हम और इंपोर्टेंट बनाएंगे सबसे पहला एक फंक्शन बनाएंगे सेट थीम टू लोकल स्टोरेज लोकल स्टोरेज एक फंक्शन बनाएंगे जो हमारे थीम को लोकल स्टोरेज में सेट कर रहा हो जो हम थीम को दे दूसरा हम बनाएंगे यहां गेट थीम फ्रॉम लोकल स्टोरेज अब लोकल स्टोरेज नहीं पता तो मैं थोड़ा सा ब्राउजर में आके आपको समझा दे रहा हूं ठीक है देखो लोकल स्टोरेज एक स्टोरेज है जो डाटा को स्टोर करता है एंड उसका ऑब्जेक्ट आपके पास अवेलेबल होता है ये देखिए लोकल स्टोरेज डॉट आप सेट आइटम यूज कर सकते हो एंड सेट आइटम में आप दो चीज देख सकते हो की एंड वैल्यू तो अगर आपको थीम सेट करना है तो आप यहां प थीम लिख दो एंड थीम की वैल्यू लिख दो मैंने कहा डक एंटर कर दिया तो अब हमारे पास लोकल स्टोर्स के अंदर एक थीम की और डार्क वैल्यू से एक की वैल्यू पेयर आ चुका है मैं दिखाता हूं आपको यह देखिए ठीक है सो इस तरह से हम क्या करेंगे डाटा को चेंज करेंगे कह सकते हैं एक तरीका इट इज अ काइंड ऑफ ऑब्जेक्ट जिसके अंदर की वैल्यू पेयर हम लोग ने स्टोर कर लिया थीम डार्क बाद में इसकी वैल्यू चेंज कर सकते हैं थीम की वैल्यू लाइट कर सकते हैं तो यह स्टोर्ड रहेगा जब तक आप क्लियर ना कर दो आपकी वेबसाइट के लिए यह देखो आपकी वेबसाइट के लिए तो हम यहीं पे काम करने वाले हैं परफेक्ट तो हम क्या करेंगे हम सबसे पहले सेट करते हैं थीम को तो हम यहां पे एक फंक्शन बलते हैं फंक्शन सेट थीम और मैंने यहां पे थीम ले लिया हल्का सा फॉट और बढ़ कर दो ये देखिए एंड हम क्या करेंगे लोकल स्टोरेज डट सेट थीम और थीम में अपना थीम पास कर देंगे अब इसका काम देखो गाइस इसका काम ये है कि अगर आपने थीम में डार्क पास कर दिया तो लोकल स्टोज में थीम सेट हो जाएगी डार्क सेट थीम में अगर आपने यहां पे लाइट पास कर दिया तो थीम जो सेट हो जाएगी वो लाइट थीम सेट हो जाएगी और यह सेट कहां हो रही है ये एक्चुअली आपके लोकल स्टोरेज में सेट होगी यहां पे सेट हो जाएगी ओके नाउ अब हम क्या करेंगे अब हम गेट करेंगे एक फंक्शन बनाएंगे जो क्या कर रहा होगा थीम को गेट कर रहा होगा डेटा लोकल स्टोरेज से नॉट डेटाबेस हम यहां पे फंक्शन गेट थीम एगजैक्टली गेट थीम एंड हम यहां पे क्या करेंगे हम लोकल स्टोरेज ड गेट आइटम सिंपली हम रिटर्न कर देंगे लोकल स्टोरेज ड गेट आइटम एंड हम थीम को रिटर्न कर देंगे ये देखो सिंपल एज सिंपल एज दैट हमने क्या किया लोकल स्ड गेट आइटम और थीम की की पास की है तो थीम की जो भी वैल्यू होगी वो मिल जाएगी आपको अब यहां पे कुछ इंपॉर्टेंट चीजें समझिए हो सकता है थीम ना सेट हो न लाए तो हम क्या करेंगे बाय डिफॉल्ट हम डार्क या लाइट थीम भेज देंगे तो हम इसको एक वेरिएबल के अंदर डालते हैं हम लोग यहां लेते हैं एक वेरिएबल ले लो लेट थीम यह देखिए तो हम कहेंगे थीम को हम तभी रिटर्न करेंगे जब यह नल नहीं होगा या फिर अगर थीम नल है तो हम कुछ बाय डिफॉल्ट थीम रिटन करेंगे अदर वाइज हम ये वाली थीम रिटन करेंगे तो आप यहां पर एक इफ लगा सकते हो इ थीम इज नल या आप उल्टा लगा सकते हो कि अगर थीम में कुछ है तो हम रिटर्न कर देंगे थीम को एल्स हम कोई डार्क थीम रिटर्न करेंगे लाइट थीम रिटर्न करेंगे और ये वाला अब रिटर्न का कोई मतलब नहीं है ये देखिए तो सिंपल सी कहानी है कि अगर थीम में कुछ है नल नहीं है कोई स्ट्रिंग है तो हम थीम को रिटर्न कर देंगे एल्स हम लाइट को रिटर्न कर देंगे सेम इसको आप टरनरी ऑपर से भी कर सकते थे जैसे फॉर एग्जांपल आप यहां रिटर्न लिख देते हैं हम कहेंगे अगर थीम में कुछ है तो हमारे पास थीम आएगा अदर वाइज लाइट थीम आएगा एक लाइन में भी कर सकते थे आपकी मर्जी जैसे आपको करना हो कर लीजिए तो हमारे पास दो इंपोर्टेंट फंक्शंस बन चुके हैं क्या एक सेट थीम हम सेट थीम कॉल करके अपने लोकल स्टोरेज में डाटा को सेट कर सकते हैं थीम को एंड गेट थीम कॉल करके हम डाटा को लोकल स्टोर से निकाल सकते हैं परफेक्ट मेन जब आपका कह सकते हो जब आपका पहली बार स्क्रिप्ट चलेगी तो उस समय हमें ये चेक करना पड़ेगा गेट थीम निकालना पड़ेगा ठीक है सो हम क्या करें अब हम करंट थीम को लाइट थीम नहीं करेंगे जो डेटाबेस के अंदर लाइट थीम होगा या जो डेटाबेस के अंदर करंट थीम होगा उसको हम यूज करेंगे तो हम यहां प आएंगे यहां पर हम कॉल कर लेंगे गेट थीम गेट थीम ठीक है गेट थीम कॉल हो गया एक चीज और है गाइस एक चीज हमें और ध्यान देना होगा यहां पे कि अगर यहां पर आप गेट थीम कॉल कर लोगे तो यह फंक्शन हमने बाद में बना रखा है तो पहले एरर आ सकती है ठीक है पहले एरर आ सकती है देखिए मैं दिखाता हूं आपको मैंने सेव किया एंड लेट्स सी रिफ्रेश करते हैं ठीक है कोई इशू नहीं आई थिंक हां ठीक है ठीक है एक बार हम यहां पर लॉक करते हैं करंट थीम को लॉक करते हैं कंसोल डॉट लॉक देखते करंट थीम में क्या डेटा आ रहा है और अगर आ रहा है तो ठीक है कोई दिक्कत वाली बात नहीं करंट थी में डार्क आ रहा है परफेक्ट तो डार्क थी हमारे लोकल स् में सेट है अगर मैं लोकल स्टोरेज को क्लियर कर दूं लोकल स्टोरेज को डॉट क्लियर कर दे रहा हूं और इसका मतलब अब हमारा करंट थीम आना चाहिए लाइट और जो कि आ रहा हैट मी ठीक है परफेक्टली काम हो रहा है हमारा परफेक्टली काम हो रहा है तो हमें करंट थीम में करंट थीम मिल जा रहा है अब हम क्या करेंगे एक चीज मैं और करूंगा गाइस मैं क्या करूंगा जब हमें करंट थीम मिल जा रहा है तो हम क्या करेंगे चेंज थीम कॉल करेंगे और अपना करंट थीम पास कर देंगे हालांकि चेंज थीम अंदर अभी मैंने कुछ लिखा नहीं है बट इनिशियली यह अपने आप चलेगा उसके बाद ये हां ये इनिशियली चलेगा अपने आप इनिश शयली या इनिशियल इनिशियली चेंज थीम अपने आप कॉल हो जाएगा मतलब कहने का मतलब जैसे ही स्क्रिप्ट चलेगी गेट थीम निकलेगा करंट थीम में आ जाएगा करंट थीम देन चेंज थीम कॉल होगा और ये जो करंट थीम आया है उस थीम को चेंज करके और आपके स्क्रीन पर मतलब आपका जो पूरा वेबसाइट है उस थीम में चालू हो जाएगा वो थीम आपको दिखने नेक्स्ट अब हम इसके अंदर आते हैं और यहां पर हमें बहुत सारी चीज करनी है चेंज थीम क्या करेगा चेंज थीम को हम करंट थीम पास कर रहे हैं चेंज थीम को हम करंट थीम पास कर रहे हैं दैट मींस आपने यहां से डार्क पास किया तो यहां पर डार्क आस जाएगा इवन आपको ये पास करने की जरूरत ही नहीं है क्योंकि आपका वेरिएबल डायरेक्टली एक्सेसिबल है ये वाला वेरिएबल डायरेक्टली एक्सेसिबल है तो आप यहां पे करंट थीम को डायरेक्टली एक्सेस कर सकते हो चाहो तो आप प्रिंट करके देख भी सकते हो आपने डायरेक्टली करंट थीम को एक्सेस कर रखा है तो आप देखोगे ये देखिए लाइट प्रिंट हो रहा है नाइंथ लाइन से नाइंथ लाइन से मतलब यहां से ि तो तो करंट थीम डायरेक्टली एक्सेस हो सकता है आपको फंक्शन के पैरामीटर में पास करने की जरूरत नहीं अब हमारे पास करंट थीम है हम क्या करेंगे हम करंट थीम को सबसे पहले स्टेप में सेट करेंगे टू वेब पेज और इस करंट थीम को सेट करने के लिए हमें क्या करना है हमें इस एचटीएमएल के अंदर किस एचटीएमएल के अंदर हमें इस एचटीएमएल टैग के अंदर यहां पे क्लास ऐड करना है इसको लाइट ठीक है या लाइट या डार्क अपने हिसाब से ऐड करना है तो हम वही काम करेंगे हम जो करंट थी में क्लास रखी है उसको सेट करेंगे कैसे हम डॉक्यूमेंट डॉट क्वेरी सेलेक्टर और हम यहां पर सेलेक्ट कर लेंगे एटीएमएल को और हम डॉट डॉट क्लास लिस्ट उसकी पूरी क्लास की लिस्ट निकालेंगे एंड इसमें ऐड कर सकते हैं बिल्कुल इस क्लास लिस्ट में हम ऐड कर सकते करंट थीम देख तो इस एचटीएमएल के अंदर जितनी भी क्लासेस होंगी हम एक क्लास हम उस लिस्ट के अंदर ऐड कर देंगे करंट थीम तो अगर इसमें डार्क है तो डार्क ऐड हो जाएगा लाइट है तो लाइट ड हो जाएगा सेव करते जरा एंड लेट्स सी यह देखिए तो अभी हमारे पास लाइट ऐड हो चुका है लाइट एक काम करते हैं हम लोग जरा सेट करते हैं अ यहां पे जरा सेट कर देते हैं लोकल स्टोरेज डॉट सेट आइटम और हम जो थीम की वैल्यू है वो मैं सेट करने जा रहा हूं डार्क ठीक है सो मैं यहां पे डार्क ठीक है एंड अगर मैं रिफ्रेश करता हूं सो आप देखोगे ये देखिए डार्क थीम अपने आप से अप्लाई हो चुका है ये इसी से हुआ है इस वाली लाइन से तो ये एक्चुअली सेट कर रहा है डार्क और लाइट थीम आपके प क्लास ऐड कर रहा है करंट थीम वाला परफेक्ट नेक्स्ट आते हैं अब हमें क्या करना है हमें क्योंकि इनिशियली तो सेट हो जाएगा इनिशियली तो सेट हो जाएगा बट हम जाते इस बटन पर क्लिक करें तब भी वो टॉगल हो चेंज हो क्लास उसके लिए मैं क्या करूंगा यहां पर मैं एक लिनर लगाऊंगा ठीक है सेट द लिनर टू चेंज थीम बटन मैं कमेंट इसलिए लिख रहा हूं जिससे कि आप समझ जाओ एक्चुअली काम क्या हो रहा है सो आप देखोगे ये हमारा सजेस्ट कर रहा है कोपायलट बट हम खुद से लिखेंगे हम सबसे पहले अपनी बटन को बटन का ऑब्जेक्ट सेलेक्ट करेंगे डॉक्यूमेंट डॉट गेट एलिमेंट बाय आईडी चाहे आप डॉक्यूमेंट डॉट क्वेरी सेलेक्टर और हम अपने बटन का सेलेक्टर पास कर देंगे जो कि है चेंज थीम बटन चेंज थीम बटन एक बार आईडी देख लेते हैं जो हमने बना रखा पप बार के अंदर यह रही आईडी थीम चेंज बटन है नॉट चेंज थीम बटन यहां पर आएंगे एंड हम थीम चेंज बटन दे देंगे देन इस बटन को डायरेक्टली हम लोग स्टोर कर लेते हैं यार एक वेरिएबल के अंदर कंस्ट अ चेंज थीम बटन जिससे कि हम इसको यूज करेंगे क्यों क्योंकि इसके टेक्स्ट को हम लोग बदलेंगे तो चेंज थीम बटन हमने उसका रेफरेंस रख लिया अब हम इस पे लगाएंगे लिनर कैसे चेंज थीम बटन डॉ ड लिनर ऐड इवेंट लिसन एंड अगेन भाई ठीक है हमारा लिसन चालू हो ये देखिए चेंज थीम बटन हमने अपने बटन पे एक ऐड इवेंट लिस्नर ऐड किया कौन सा क्लिक इवेंट ऐड किया जैसे आप क्लिक करोगे ना इस बटन पे तो ये वाला फंक्शन ये वाला कॉल बैक फंक्शन चलेगा और कॉल बैक फंक्शन के अंदर आप कुछ भी लिख सकते हो मैं यहां पर लिख देता हूं बटन क्लिक बस चेक करने के लिए ठीक है सॉरी ठीक है क्या लिख देते हैं चेंज थीम बटन क्लिक चेंज थीम बटन क्लिक चेंज थीम बटन क्लिक एंड इवेंट ले लेते हैं अगर हमें कुछ करना हो तो इवेंट का यूज करेंगे अब टेस्ट करते हैं जरा मैंने रिफ्रेश मार दिया बटन को क्लिक करते हैं ये देखिए चेंज थीम बटन क्लिक दैट मींस कि हमारा बटन प्रॉपर्ली चल रहा है अब करना क्या हमें हमें ये करना है गाइस कि यहां पे बटन तो क्लिक हु हो रहा है बट हमें ये देखना है कि अगर हमारा करंट थीम डार्क है तो हमें लाइट में उसको चेंज करना है और अगर लाइट है तो उसको डार्क में थीम करना है तो हम वही काम करेंगे हम देखिए हम चेक करेंगे इफ अगर जो हमारा करंट थीम है वो डार्क है इसका मतलब अब हम यहां पे थीम को लाइट करना है क्या थीम को लाइट करना है एल्स इसका मतलब हमारा जो थीम है वो ऑलरेडी लाइट है तो हमें डार्क करना है ठीक है कैसे करेंगे यस सी बात हमारे पास एक फंक्शन है सेट सेट थीम और हम यहां पर लाइट पास कर देंगे तो हमारा थीम हमारे लोकल स्ट में लाइट सेट हो जाएगा नेक्स्ट यस बात है एक चीज हमें और करनी है करंट थीम को भी हमें लाइट करनी है तो एक काम करते हैं हम नॉर्मल करंट थीम को ही लाइट कर देते हैं करंट थीम को हमने कर दिया लाइट करंट थीम को हमने कर दिया लाइट एंड ठीक है और यहां एल्स में हम क्या कर देंगे करंट थीम को हम कर देंगे डार्क और ये स्ट्रिंग है तो स्ट्रिंग में करो ना यार और यहां भी हम स्ट्रिंग के अंदर कर देंगे इतना समझ में आया परफेक्ट नेक्स्ट अब हम इस इफ के बाहर आएंगे तो यहां पर हमारा थीम चेंज हो चुका है और थीम चेंज हो चुका तो हम क्या करेंगे हम थीम चेंज हो चुका एगजैक्टली हमारे करंट थीम की वैल्यू तो चेंज हुई बट हमारे अभी लोकल स्टोर में भी वही है और हमारे वेबसाइट प भी वही दिख रही है तो हम यहां पे लो लो स्टोरेज में अपडेट करेंगे लोकल लोकल लोकल स्टोरेज में अपडेट करेंगे कैसे हम कॉल करेंगे यहां चेंज थीम और चेंज थीम नहीं कॉल करेंगे सेट थीम कॉल करेंगे सेट थीम और यहां पास कर देंगे करंट थीम अब हमारे चेंज हो गई ये थीम हमारे लोकल स्टोर्स के अंदर नेक्स्ट ठीक है अब लोकल स्टोरेज के अंदर चेंज हो गई अब हमें क्या करना है हमें अपनी वेबसाइट प भी चेंज करना है दैट मींस हमें जो पुरानी थीम थी उसको हटानी है दैट मींस हमें अपने एचटीएमएल से वो क्लास हटानी है और नई थीम लगानी है नई क्लास लगानी है तो हम कहेंगे ओके ओके ठीक है हम कहे डॉक्यूमेंट डॉक्यूमेंट सॉरी ये क्या लिख गया भाई डॉक्यूमेंट डॉट क्वेरी सेलेक्टर और हम उस समय ही मैं क्या करूंगा रिमूव कर दूंगा य डॉक्यूमेंट डॉट क्वेरी सिलेक्टर और एटीएमएल सॉरी डॉट क्लासलिस्ट डॉट रिमूव करंट थ एकली तो यह क्या किया यह मैंने करंट थीम को रिमूव किया है रिमूव द करंट थम और यह मैंने क्या किया यह किया है सेट द करंट थीम और बीच में इतना करने में अगर टाइम लग रहा है ना इसका मतलब कि यह प्रोसेस थोड़ा स्लो होगा तो आपको दिखेगा डिले आएगा तो आप क्या कर सकते हो यहां पे ओल्ड थीम ले सकते हो बैकअप के लिए मतलब ये काम आप एक साथ कर सकते थे ठीक है ये काम आप एक साथ कर सकते थे दोनों तरीका मैं बता दे रहा हूं यहां पे कर सकते थे बट हम क्या करेंगे अब हम यहां पे एक वेरिएबल ले लेंगे कंस्ट ओल्ड थीम और ओल्ड थीम अभी जो करंट थीम है वो हमारी ओल्ड थीम थोड़ी देर बाद बनेगी तो इसलिए मैंने ओल्ड थीम नाम के एक वेरिएबल में इसको स्टोर कर लिया सॉरी स्टोर कर लिया है नेक्स्ट आएंगे और यहां पर रिमूव करेंगे हमारी ओल्ड थीम को ठीक है तो आप एक साथ भी कर सकते थे इसको एक वेरिएबल में भी या एक फंक्शन में अलग से भी आप रख सकते हो मैं बताऊंगा कैसे रख सकते हो तो यह काम हो जाएगा एक बार हम लोग वेरीफाई कर लेते हैं आप जैसे बटन प क्लिक करोगे तो करंट थीम की वैल्यू है सपोज डार्क है तो वो डार्क चली जाएगी ओल्ड थीम के अंदर और यहां पे एक लॉग आएगा चेंज द थीम उसके बाद अगर थीम डार्क है तो अब करंट थीम की वैल्यू लाइट हो जाएगी बट ओल्ड में अभी भी डार्क रखी होगी नेक्स्ट हमारे लोकल स् में अपडेट होगी उसके बाद रिमूव हो जाएगा ओल्ड थी मतलब वो डार्क था तो रिमूव हो चुका होगा और लाइट थीम हमारे पास आ चुका होगा सेव करते हैं जरा लेट्स रिफ्रेश एंड यस यस यस यस आपका देखिए परफेक्टली काम हो रहा है और अब हम लोग प्रॉपर्ली यहां से थीम को बदल पा रहे हैं थीम को बदल पा रहे प्रॉपर्ली ठीक है हम इस टेक्स्ट को भी अगर चाहे चेंज करना तो इस टेक्स्ट को भी चेंज कर सकते हैं कि अगर अभी डार्क थीम है तो ये लाइट दिख रहा है और लाइट है तो डार्क दिखे कैसे देखिए हम क्या करेंगे हम लोग यहां पे ठीक है यहां पे हम लोग टेक्स्ट भी चेंज करेंगे अ चेंज द टेक्स्ट ऑफ बटन तो हम करंट बटन को टारगेट करेंगे कैसे हां करंट बटन करंट बटन डॉट क्वेरी सेलेक्टर और उसका जो स्पैन है वो टारगेट करेंगे डॉट फिर हम यहां पे टेक्स्ट कंटेंट एंड उसमें हम करंट थीम डाल देंगे बस अब जो अगर मैं रिफ्रेश करता हूं तो अभी डार्क है ठीक है लाइट है डार्क है लाइट है डार्क है लाइट है ठीक है तो ये जो थीम है वही दिखा रहा है बट हमें उल्टा दिखाना है तो हम यहां पर एक लगा देते हैं अगर करंट थीम की वैल्यू लाइट है तो हमें डार्क दिखाना है तो हम यहां पे डार्क दिखाएंगे एल्स में लाइट दिखाऊंगा सेव कर लीजिए तो अब देखो अभी लाइट है डार्क लाइट डार्क इनिशियली ये चीज नहीं हो रही यह बटन क्लिक करने प ही हो रही है तो इसको हम बाहर रख दो एक बार तोय फंक्शन चल ही रहा ना तो आप एक बार फंक्शन चल रहा है तो इसको आप बाहर भी कॉल कर सकते हो सेव करेंगे एंड लेट्स सी ठीक है सो मैंने रिफ्रेश कर दिया कुछ गड़बड़ हो गया ओके गड़बड़ ये हो गया कि हम चेंज थीम बटन को ऊपर हमने यूज कर लिया इसे हमें नीचे यूज करनी है जब हमने गेट किया उसके बाद यूज करना है सेव करेंगे एंड रिफ्रेश करेंगे यह देखिए एंड इनिशियली अगर आपका थीम लाइट है तो हम इसको डार्क कर सकते हैं और डार्क है तो लाइट कर सकते हैं तो हमारा टेक्स्ट भी बहुत आसानी से चेंज हो रहा है परफेक्ट अब इसमें से आप देख सकते हो कि अगर कोई पार्ट रिपीट कर रहा है तो उसको आप एक फंक्शन बना लो जैसे फॉर एग्जांपल हम इनिशियली हम लोग को यह क्लास ऐड करना पड़ रहा है एंड यह दो चीज करनी पड़ रही है ठीक है क्लास और सो हम लोग क्या कर सकते हैं इस चीज के लिए एक मेथड बना सकते हैं य चेंज करंट पेज थीम फंक्शन चेंज पेज थीम और हम यहां पर थीम पास कर सकते हैं जो भी थीम है अब पेज थीम के अंदर क्या य बात चेंज करना है हमें सबसे पहले मैं क्या करूंगा यस बात है हम जो थीम आपने पास किया है उस थी ये तीनों लाइन हम कट कर लेंगे एंड इस तीनों लाइन को हम इस पेज के अंदर कर देंगे ठीक है मतलब जब पेज थीम चेंज पेज थीम कॉल हो रहा है तो लोकल स्टोज के अंदर डटा सेट कर रहे हम क्वेरी सिलेक्टर से एचटीएमएल वाले पुराने को रिमूव कर रहे हैं तो पुराना वाला जो कोड है यह पुराने थीम वाला कोड इस पुराने थीम वाले कोड को हम अब यहां यूज कर सकते हैं आई थिंक एक चीज हमें गाइस देखनी पड़ेगी यहां पे कि ओल्ड थीम क्या है और न्यू थीम क्या है क्योंकि हम लोग को रिमूव भी करना है थीम को ठीक है सो बटन क्लिक करने से पहले अगर थीम कॉल कर रहे हैं ठीक है तो मैं क्या करता हूं मैं क्या करूंगा मैं यहां पर एक वेरिएबल ले लूंगा ओल्ड थीम का ठीक ओल्ड थीम का वेरिएबल लूंगा दैट मीस अगर आप चेंज पेज कर रहे हो तो आपको नया थीम पास करना है एंड ओल्ड थीम पास करना है ओल्ड थीम तो यहां पर रिमूव हो जाएगा और हम थीम को सेट कर यहां एंड और कहीं है इफ थीम इज लाइट तो लाइट डार्क आ जाएगा ठीक है अब देखो इसको हमें कैसे यूज करना है हमरे पास चेंज पेज थीम है हमारे पास ठीक है चेंज पेज थीम है हम जैसे ही वेब पेज स्टार्ट होगा तो हम सबसे पहले क्या करेंगे पेज या चेंज पेज थीम कॉल करेंगे और हम करंट थीम पास कर देंगे नया वाला थीम है एंड पुराना भी थीम हम इसी को पास कर देंगे परफेक्ट दैट मींस इसी को रिमूव करेगा इसी को ये ऐड भी कर देगा परफेक्ट उसके बाद क्या होगा यहां पे यहां पे ये होगा एगजैक्टली वही चीज हम करेंगे इस बार हम ओल्ड थीम को करंट थीम बना देंगे एगजैक्टली वैसे ही एंड यहां पे जब थीम की वैल्यू चेंज हो जाएगी हमारे पास ओल्ड थीम होगा और करंट थीम होगा जैसे ही बाहर आएंगे हम अगेन चेंज पेज थीम कॉल कर लेंगे और यहां पर करंट थीम और ओल्ड थीम पास कर देंगे बस और कुछ करने की जरूरत नहीं है यह हमारा पेज चेंज भी हो जाएगा बटन भी चेंज हो जाएगी सब चीज चेंज हो जाएगा करो थिंक हां कुछ गड़बड़ हो रहा है लेट्स फाइंड आउट क्या गड़बड़ हो रहा है ठीक है चेंज थीम बटन इज नॉट डिफाइन 52 लाइंस पे 52 लाइंस पे ओके यह बटन इसका रेफरेंस हमें मिल नहीं रहा है तो बटन का रेफरेंस भी हमें यहां पर चाहिए होगा यार इस वाले पेज के अंदर बटन का रेफरेंस भी चाहिए होगा इसका सो ओके बटन का रेफरेंस य होगा तो मैं क्या करता हू डायरेक्टली डॉक्यूमेंट डॉट क्वेरी डॉट बस डायरेक्टली आप यहां पर सस थीम चेंज बटन पास कर दो ऊपर वा थीम चेंज पास थीम चेंज बटन पास कर दो सेव कर लो यस परफेक्ट काम हो रहा है इनिशियली भी जो थीम होगा वह आ जाएगा ठीक ठीक है सो इस हिसाब से हम लोग को काम करना होगा बाकी अगर कहीं डिले आ रहा है तो आप यहां पर देख सकते हो कि किस वजह से डिले आ रहा है एंड आप फिर उसको सही कर सकते हो तो यह चेंज पेज थीम क्या कर रहा है ये पुराने थीम को हटा रहा है एंड नए थीम को ऐड कर रहा है तो जब भी हमें पुराने थीम को हटाना है नए थीम को लाना है तो हम यहां पे ये चीज यूज करेंगे ठीक है ये वाला फंक्शन यूज करेंगे एंड जो हमारा चेंज थीम वाला फंक्शन है ये क्या कर रहा है ये एगजैक्टली हमारे सबसे पहले ये इनिशियल जो भी है करंट थीम को उसको सेट कर रहा है एंड उसके बाद येय इवेंट लिनर हम लगा रहे हैं अपने बटन पे ठीक है एंड देन हम चेक कर रहे हैं कि अगर करंट थीम अच्छा बटन को डायरेक्टली हम लोग यहां पे सेट कर रहे हैं तो क्या हम क्या हम इसको हटा सकते हैं क्या इसको हटा सकते हैं लेट्स सी क्योंकि ऑलरेडी हमारे पास चेंज थीम जब हम कॉल करेंगे तो चेंज पेज कॉल ही हो रहा है जो ऑलरेडी हमारे टेक्स्ट बटन टेक्स्ट को चेंज कर देगा तो मुझे लगता नहीं इस चीज की जरूरत है हां बिल्कुल सही यस परफेक्ट ठीक है सो ये जो हमारा चेंज पेज थीम वाला मेथड है दो मेथड हो गए क्या चेंज पेज थीम नहीं एक चेंज थीम मेथड है जो क्या कर रहा है पहले पेज के थीम को चेंज कर रहा है देन बटन में लिसन लगा रहा है लिसन क्या कर रहा है ओल्ड थीम को रख रहा है पहले देन थीम को चेंज कर दे रहा है अगर डार्क है तो लाइट लाइट है तो डाक एंड अगेन थीम या पेज चेंज पेज थीम को कॉल कर ले रहा है चेंज पेज थीम पेज को पेज के थीम को चेंज कर दे र है नेक्स्ट पेज जो चेंज पेज का जो थीम चेंज हो रहा है या चेंज पेज थीम जो चेंज कर रहा है साथ ही साथ में जो थीम आप इसको पास कर रहे हो यह डाटा आपके लोकल स में डटा को सेव भी कर दे रहा है सो यह पूरी कहानी है कैसे हम एक्चुअली पेज के थीम को चेंज करेंगे दिस इज़ इट तो यह हमारा यहां से कोड है इसका चेंज चेंज थीम वर्क एंड एंड ऑफ़ चेंज थीम वर्क ठीक है एंड ऑफ पेज चेंज थीम एक चीज हमें यहां पे और करनी पड़ेगी गाइस जो हम इनिशियल लोडिंग कर रहे हैं जैसे फॉर एग्जांपल हम लोग ये इनिशियल लोडिंग कर रहे हैं ये तो कुछ फंक्शंस है हमारे यह फंक्शन है ये फंक्शन है यह फंक्शन है इन फंक्शन को जब हम कॉल करेंगे तभी कॉल होगा बट यह जो चेंज थीम वाला मेथड है इसको हम तब कॉल करें जब हमारा विंडो लोड हो ठीक है सो इसके लिए हम जेस टू कॉल फंक्शन वन डॉक्यूमेंट लोड एंड यहां से हम उठा लेंगे ठीक है यह 10 साल पहले का है भाई ठीक है सो गिग्स फॉर गिग्स पे आई होप मिल जाए ठीक है ओके सो लेट्स फाइंड आउट और देखते हैं ओके सो हम यहां पर विंडो पर लगा सकते हैं या डॉक्यूमेंट ड डम लिनर ड कंट लोडेड यह भी यूज कर सकते हैं एंड साथ साथ में विंडो प भी आप यूज कर सकते हो ठीक है यहां पे देखो अ मॉडर्न जावास्क्रिप्ट द मोस्ट कॉमन वे टू रन कोड आफ्टर लोडिंग द पेज इज बाय लिसनिंग टू द डॉक्यूमेंट ऑब्जेक्ट डम कंटेंट लोडेड इवेंट इस इवेंट को हम लोग लिसन करके सारा काम कर सकते हैं ठीक है या फिर हम लोग द विंडो लोड इवेंट इज फर्ड व्हेन द एनटायर पेज इज लोडेड इंक्लूडिंग ऑल द डिपेंडेंट रिसोर्सेस लाइक स्टाइल शीट स्क्रिप्ट आई फ्रेम एंड इमेजेस तो हम लोग यह भी यूज कर सकते हैं विंडो डॉट ड लिनर और लोड यूज कर सकते इसमें से कोई यूज कर लो मैं यूज कर लेता हूं डॉक्यूमेंट डॉक्यूमेंट नर य वाला लिनर हम लगाएंगे चलो भाई लगाते हैं य प तो हम क्या करते हैं यार यहां पर हम लगाएंगे डॉक्यूमेंट डॉट ड इवेंट लिनर एंड डम कंटेंट लोडेड परफेक्ट यह वाला लिनर हम लगा दिया एंड य जो थीम चेंज है य तभी कॉल करेंगे जब हमारा कंटेंट परफेक्टली लोड हो जाएगा अब आई थिंक हमारा काम हो चुका है एंड हम यहां पर आते हैं रिफ्रेश करते तो हमारा परफेक्ट काम होगा ठीक है परफेक्ट हमारा काम होगा ओके सो आई थिंक आपको समझ में आ गया होगा गा कैसे हम लोग थीम चेंज को इंप्लीमेंट करते हैं डार्क थीम यहां से कर सकते हैं थोड़ा सा हम इस बटन को और कस्टमाइज कर सकते हैं जैसे फॉर एग्जांपल हम न बार में आते हैं बटन के ऊपर आते हैं आपने जो राउंडेड वगर लगा रखा है यहां पे हम लो राउंडेड एलजी भी यूज़ कर सकते हैं ये थोड़ा सा ज्यादा राउंडेड कर देगा इस बटन को आप अपने हिसाब से पूरी तरीके से कस्टमाइज कर सकते हो एंड यस हेयर वी गो हमारा डार्क थीम और लाइट थीम प्रॉपर्ली चल रहा है अब यार इंपॉर्टेंट बात ये आती है कि हम लोग को बनाना है सबसे पहले लॉगइन एंड साइन अप कोई बंदा है हमारे वेबसाइट पे या हमारे एप्लीकेशन पे वो साइन अप कर सके एंड एक बार साइन अप कर सके तो उसका यूजर नेम पासवर्ड मिल जाए वो लॉगइन कर सके साथ ही साथ में हमारे पास चैलेंज यह भी है कि हमें इंप्लीमेंट करने हैं थ प्रोवाइडर्स मतलब सोशल लॉगिंस लॉगिंस गेट अप लॉगिन ये सब भी इंप्लीमेंट करने हैं बट हम लोग क्या करते हैं इसको दो पार्ट्स में करते हैं सबसे पहले हम लोग अपना जो नॉर्मल लॉगिन है उसको बना लेते हैं उसके बाद हम लोग ऐड कर देंगे सोशल लॉगिंस को तो अब नॉर्मल लॉगिन बनाने के लिए हमें एक साइन अप फॉर्म चाहिए होगा जहां पे हम साइन अप कर सके एंड हमारे पास एक लॉगइन फॉर्म हो सके जहां पर हम यूजर नेम और ईमेल या ईमेल और पासवर्ड दे दे कर के हम लॉगइन कर सके सब कुछ करने से पहले हमें क्या करना होगा हमें हमें एक्चुअली यूजर की इंफॉर्मेशन बक बैक एंड में स्टोर करनी होगी तो हम लोग यूजर की इंफॉर्मेशन बैक एंड में स्टोर करते हैं लेकिन हम साथ ही साथ में ये भी समझ लेते हैं कि यूजर के साथ-साथ हम कैसे और भी एंटिटीज बनाएंगे जो हमें इस प्रोजेक्ट के लिए जरूरी है और हम उनमें कैसे लिंकिंग करेंगे ये चीज समझ लेते हैं उसके बाद भाई फॉर्म तो बनता रहेगा एंड ये जो हम लोग प्रोजेक्ट सीख रहे हैं वो ज्यादातर हम फोकस बैक एंड में ही करेंगे फ्रंट एंड भी सिखाऊंगा बट ऐसा नहीं है फ्रंट एंड भी सिखाऊंगा हम लोग क्या करते हैं आ जाते हैं यहां पे और थोड़ा सा हम लोग समझते हैं कि एक्चुअली कैसे हम लोग एंटिटीज या फिर मॉडल को मैनेज करेंगे अपने प्रोजेक्ट के अंदर एंटिटीज एंड मॉडल को कैसे मैनेज करेंगे यह इंपॉर्टेंट है हाउ टू मैनेज बात को समझिए हम एंटिटीज एंड मॉडल इज एक्चुअली रिलेटेड टू डेटाबेस हम कोई ऑब्जेक्ट बना रहे हैं यहां पर लेटस सपोज यह ऑब्जेक्ट है यह ऑब्जेक्ट है तो यह जो ऑब्जेक्ट है व जाएगा डेटाबेस के अंदर एंड टेबल के रो में सेव हो जाएगा यह हमारी टेबल है एंड यह रो है इस रो के अंदर सेव हो जाएगा अब बात को समझिए ये एक सिंगल ऑब्जेक्ट है तो यह जो सिंगल ऑब्जेक्ट है इट इ रिप्रेजेंटेड या इट रिप्रेजेंट्स अ रो इन अ टेबल ठीक है जैसे फॉर एग्जांपल अगर हमारे पास यहां नेम एक फील्ड है तो हमारे पास यहां पर नेम एक कॉलम होगा नेम एक कॉलम होगा थोड़ा सा ओ आरएम का मैं कह सकता हूं कि ओवरव्यू दे रहा हूं एंड यहां पर अगर हमारे पास ईमेल है एक फील्ड ऑब्जेक्ट के पास तो ये ईमेल के लिए एक अलग से कॉलम होगा हमारे पास यहां पे ठीक है सो अगर नेम है डी तो नेम में डी आ जाएगा ईमेल है ई तो नेम में ई आ जाएगा सो दिस इज एक्चुअली अ मैपिंग यह होती है हमारी मैपिंग एंड यह हम लोग करेंगे जिसकी हेप से ओ आरएम अपने आप से सारा काम कर लेे ओ आरएम के लिए हम लोग हाइबरनेट इंटरनली यूज कर रहे हैं हाइबरनेट हाइबर नेट इंटरनली ऑटोमेटिक यूज़ कर रहे हैं एंड ये इंटरनली यूज होगा क्योंकि बाय डिफॉल्ट हम यूज़ तो जेपीएल स्प्रिंग डाटा जीपीए बट इंटरनली हाइबरनेट यूज हो जाएगा बट ये मैपिंग हमें खुद से करनी होगी कि कौन सी क्लास है वो किस टेबल से मैप है एंड कौन से कॉलम किस कॉलम से उस टेबल के किस कॉलम से मैप मैप है या कौन से फील्ड उस उस टेबल की किस कॉलम से मैप है ये जो मैपिंग है गाइस ये मैपिंग हमें खुद से बनानी पड़ेगी ये मैपिंग हमें खुद से बतानी पड़ेगी पहले देन हाइबरनेट या फिर र हमारा काम करेगा चलो भाई ये चीज हो गई अब बात आती है कि हम ये चीज बनाएंगे कैसे हम मैं आपको दिखाता हूं सपोज हमारे पास एक यूजर टेबल है एंड यूजर एंटिटी है जिसकी टेबल बनेगी हमारे डेटाबेस के अंदर अच्छा एक चीज मैं आपको बता दूं आप दोनों चीज कर सकते हो पहले आप टेबल बना लो देन आप क्लास बना के काम करो ठीक है अच्छा एक मैं बता दूं यहां पर एक और बता दूं आपको यह एक ऑब्जेक्ट था एंड हम यहां पर बात करते रो की रो की बात कर रहे थे ठीक है ऑब्जेक्ट था तो हम य पर सिंगल रो की बात कर रहे थे लेकिन एक्चुअल मैपिंग जो हम करेंगे यस बात है ऑब्जेक्ट कहां से आएगा क्लास से आएगा तो हम बनाएंगे यहां पर सबसे पहले क्लास ठीक है यह होगा हमारा क्लास यह है हमारा क्लास और क्लास के अंदर हम फील्ड बनाते हैं और हम लोग डेटाबेस के क्या करेंगे गाइ डेटाबेस के अंदर हम बनाएंगे टेबल्स ये हो गई एक्चुअली हमारी टेबल टेबल और यहां पे हम मैपिंग करके बता देंगे कि कौन क्लास का कौन सा फील्ड किस टेबल के कॉलम के साथ मैप्ड है तो यह हम मैपिंग पहले बता देंगे ये एक्चुअली मैपिंग हमें करनी होगी वी हैव टू डू दिस मैपिंग परफेक्ट इतना समझ में आया गया होगा उसके बाद ये चीज होगी ये चीज उसके बाद होगी इस क्लास का ऑब्जेक्ट बनेगा तब जब ऑब्जेक्ट सेव करोगे तब वो रोज के फॉर्मेट में जाएगा या फिर जब आप रोज को निकालो तब आपको लिस्ट ऑफ ऑब्जेक्ट देगा कौन देगा ये ओ आरएम देगा आपका ठीक है सो हमें मैपिंग के लिए ये बताना है अब मैं आपको करके दिखाता हूं जैसे फॉर एग्जांपल अच्छा दोनों चीज कर सकते हो आप पहले टेबल बना लो पहले आप टेबल बना लो देन आप क्लास बनाओ तब भी चलेगा या पहले आप क्लास बना लो तब भी आप टेबल बना सकते हो एंड यह सिंकिंग ओ आरएम भी कर देगा आपके लिए यह सिंकिंग ओ आरएम भी कर देता है सिंक अपने आप से कर देगा सपोज आपने क्लास बना लिया और आप उसकी टेबल बनाना चाह रहे हो तो आप ओ आरएम से कह सकते हो भाई भैया मुझे टेबल बना के दे दो तो वो क्लास की फील्ड्स को देखेगा जो क्लास है उसकी टेबल बना देगा और क्लास की फील्ड्स को टेबल से टेबल के कॉलम से मैप कर देगा अपने आप से क्रिएट कर देगा और अगर आपके पास ऑलरेडी टेबल है तो आप बता सकते हो कि इस क्लास का ये कॉल इस क्लास का ये फील्ड इस टेबल के ये कॉलम से मैप्ड है तो ये इंफॉर्मेशन भी दे सकते हो ठीक है सो मैं क्या करता हूं क्लास हम लोग एक बनाते हैं क्योंकि वीी आर जावा डेवलपर तो हम एक क्लास बनाते हैं उस क्लास से डायरेक्टली हम लोग सिंक कर देंगे दैट मींस हम लोग टेबल क्रिएट कर लेंगे चलो भाई हम लोग आ जाते हैं एंड काम करते हैं तो हम आ जाएंगे अपने कोड के अंदर एंड हम लोग यहां पर क्या करेंगे यूजर के लिए क्लास बनाएंगे ठीक है हम चाहते हैं यूजर की टेबल तो हम अपने मेन पैकेज प चलते हैं यहां पे एंड हम लोग अपने मेन पैकेज हमारा यह है हम लोग प्लस करेंगे एंड हम एक पैकेज बना लेंगे सबसे पहले नाम दे देंगे एंटिटीज क्योंकि ये सारी एंटिटीज होती है एंटिटीज होती है तो हमने एक पैकेज बना लिया एंटिटीज का हल्का सा मैं जूम कर दूंगा जिससे आपको पता भी चलता रहे तो ये हमारे पास एंटिटीज नाम से पैकेज बन गया अब हम प्लस करेंगे एंड प्लस में हम एक क्लास बना लेंगे एंड क्लास का नाम दे देंगे यूजर ये एक्चुअली हमारी नॉर्मल क्लास होगी एंड इसके अंदर वो सब चीज बनाएंगे ठीक है सबसे पहले यहां पे आएंगे एंड हम इसको बनाएंगे एज अ एंटिटी एंटिटी मींस कि इसका डाटा हमें डेटाबेस में सेव करना है मतलब इसकी एक टेबल रिप्रेजेंट या बनाई जाएगी हमारे डेटाबेस के अंदर तो इसीलिए हम इसको बनाएंगे एनटीटी एंटिटी और ये चीज याद रखिएगा गाइ कि ये जो एंटिटी आ रही होगी वो हमारे जर्ड पेंड एटी से आ रही होगी नेक्स्ट हम बनाएंगे अच्छा आप अगर आप चाहते हो एंटिटी का नाम देना तो आप यहां पे एंटिटी का नाम भी दे सकते हो कुछ ऐसे इफ यू वांट नहीं देना चाह रहे हो तो यही नाम आपका नाम कंसीडर कर लिया जाता है अगर आप इतना आपने काम कर लिया अब होगा क्या कि डेटाबेस में एक टेबल बनेगी यूजर की अपने आप से और इसके अंदर जो आप वेरिएबल डिफाइन करोगे वो वेरिएबल अपने आप से रिप्रेजेंट किए जाएंगे आपके टेबल के कॉलम से लेकिन अगर आप चाहते हो कि टेबल का नाम आप चेंज करो बाय डिफॉल्ट वो यूजर ले लेगा बाय डिफॉल्ट वो यूजर ले लेगा बट अगर आप चाहते हो तो आप यहां पे टेबल एनोट को यूज करके टेबल एंड यहां पे टेबल नोटेशन को यूज करके आप नाम भी चेंज कर सकते हो यूजर्स कर सकते हो ओके सो इस तरह से आप कस्टमाइज कर सकते हो अपने आप से नेक्स्ट आ जाते हैं य सबसे पहले हम कुछ फील्ड बनाएंगे जैसे फॉर एग्जांपल हम बनाने वाले एक प्राइवेट स्ट्रिंग यूजर आईडी यह हमने फील्ड बना दिया प्राइवेट स्ट्रिंग पासवर्ड भी होगा बट हम प्राइवेट स्ट्रिंग एक बनाऊंगा मैं नेम सो यह हमारा है वो नेम देन प्राइवेट स्ट्रिंग ईमेल देन प्राइवेट स्ट्रिंग पासवर्ड भी चाहिए मुझे ईमेल हो गया यूजर आईडी हो गया पासवर्ड हो गया उसके बाद मैं क्या करता हूं यहां पे एक रोल ले सकते हैं अगर आप अपने प्रोजेक्ट के अंदर चाहते हो मल्टीपल रूल्स को मैनेज करने के लिए तो मैनेज करना चाहते हो तो यहां पर आप रोल ले सकते हो अभी हम एक ही यूजर को मैनेज कर रहे ट मीस लॉगइन एक ही नॉर्मल यूजर ही होगा कोई एडमिन नहीं है तो रोल हम अभी के लिए नहीं लेंगे बाद में हम उसको कस्टमाइज कर लेंगे तो हम एक बनाएंगे प्राइवेट स्ट्रिंग एंड स्ट्रिंग में हमते हैं अबाउट एक इंफॉर्मेशन लेते हैं यूजर की इंफॉर्मेशन स्टेटस टाइप का और एक प्रोफाइल पिक ले लेते हैं प्रोफाइल पिक्चर ले लेते हैं ओके यह चीज़ हो गया एंड और भी कुछ चीजें हैं तो ले सकते हो जैसे आप जेंडर मेल है कि फीमेल है ये सब चीज ले सकते हो कोई और इंफॉर्मेशन आपके अकॉर्डिंग है तो यहां पे इंफॉर्मेशन है तो ले सकते हो अगर आप मल्टीपल प्रोफाइल पिक्चर लेना चाह रहे हो तो ले सकते थे यहां पे बता रहा है हमारा को वायलेट कि भैया आप जेंडर लेना चाहो तो ले सकते हो कोई दिक्कत वाली बात नहीं कुछ और इंफॉर्मेशन ले सकते हो जैसे फॉर एग्जांपल यूज़र वेरीफाइड है कि नहीं है वेरीफाइड वो ले सकते हो ठीक है सो जैसे आपने यहां पे ले लिया प्राइवेट बोलियन इनेबल्ड बाय डिफॉल्ट मैं क्या कर दूंगा इनेबल्ड को मैं बाय डिफॉल्ट फॉस कर दूंगा ये इनेबल्ड नहीं है ठीक है सो बाय डिफॉल्ट हम इनेबल हमने क्या कर दिया फॉल्स कर दिया और ये क्या कह रहा है ये कह रहा है कुछ आई थंक सेमीकलन लगाना मैं भूल गया था ठीक है और भी इंफॉर्मेशन ले सकते हो इनेबल्ड में मैंने बाय डिफॉल्ट फॉल्स कर दिया अगर आपको कोई वेरिफिकेशन टाइप का कुछ लेना है ठीक है सो स्ट्रिंग बुलियन आप चाहते हो ईमेल वेरीफाइड ईमेल वेरी फइड ले सकते हो अगर आप चाहते हो फोन नंबर वेरीफाइड तो आप प्राइवेट बोलियन फोन नंबर वेरीफाइड फल्स ट मीस अगर आपका फोन नंबर वेरीफाइड है तो इसकी वैल्यू ट्रू होगी वेरीफाइड नहीं है तो इसकी फॉल्स होगी वेरीफाइड है फमेल तो ट्रू है वेरीफाइड नहीं है तो फॉल्स है ठीक है तो हमारे पास एक फोन नंबर होना भी चाहिए सो हम कहेंगे प्राइवेट स्ट्रिंग फोन नंबर ठीक है सो इस हिसाब से आप चीजें ले सकते हो मैं एक चीज और करूंगा गाइस मैं क्या करूंगा मैं मैं कुछ चीज और बनाऊंगा जैसे फॉर एग्जांपल यह जो यूजर है वो हमारे प्रोजेक्ट में आया कैसे मतलब यूजर ने साइन अप किया तो उसके मल्टीपल रीजन हो सकते हैं मतलब मल्टीपल चीज हो सकती है कैसे उसने साइन अप किया जैसे फॉर एग्जांपल यूजर साइन अप हमारे नॉर्मल सेल्फ कर सकता है मतलब उसने साइन अप किया यूजर नेम पासवर्ड से उसने साइन अप किया इस चीज को स्टोर करने के लिए मैं क्या करूंगा यहां पर कुछ चीज ले लूंगा जैसे फर एपल एक वेरिएबल लूगा य प प्राइवेट एंड स्ट्रिंग प्रोवाइडर कि भैया कौन सा प्रोवाइडर है बाय डिफॉल्ट हम सेल्फ भी कर सकते हैं और हम प्रोवाइडर आईडी भी ले सकते हैं एक्चुअली प्रोवाइडर की आईडी ले सकते हैं कुछ चीज समझिए आप अगर हमने प्रोवाइडर जो ले लिया वो स्ट्रिंग ले लिया ट मीस बारबार आपको उसके अंदर वैल्यू डालनी पड़ेगी तो हम क्या करेंगे हम एक बना लेंगे यहां पर एक बना लेंगे नम ठीक है और इनम का नाम दे देंगे यहां पे प्रोवाइडर्स ठीक है अब जितने भी प्रोवाइडर्स के अंदर होंगे वो हम यहां ऐड कर देंगे एक हम यूज सपोर्ट करने जा रहे हैं सेल्फ को एक हम googleupdate.exe वो प्रोवाइडर ऑफ सेल्फ होगी दैट मींस बाय डिफॉल्ट अगर यूजर कोई साइन अप हो रहा है तो वो प्रोवाइडर ऑफ सेल्फ ही होगा ओके और कोई इंफॉर्मेशन अगर आपको लेना चाह रहे हो तो ले सकते हो इफ यू वांट एनी इंफॉर्मेशन तो आप ले सकते हो अगर नहीं चाहिए तो छोड़ भी सकते हो मैं बताऊंगा कोई ऐड करनी होगी तो बाद में भी हम ऐड कर सकते हैं अब आ जाते हैं इतनी इंफॉर्मेशन है अब डटा जेपीएम करेगा गाइ डटा जेपीएल बनाएगा ऑटोमेटिक या फिर टेबल अगर बनी है तो आप यह बताओ कि भैया इस क्लास की टेबल हमारी यूजर्स टेबल है एंड इसके अंदर एक यूजर आईडी ना एक टेबल का कॉलम होगा एक नेम कॉलम होगा एक ईमेल कॉलम होगा एक पासवर्ड हो एक अबाउट होगा प्रोफाइल पिक्चर होगी ऐसे करके इतने सारे कॉलम्स है लेकिन उसमें से एक होगी प्राइमरी की तो हम जो प्राइमरी की होगी उसके ऊपर हम आएंगे यू करेंगे आईडी समझ गए जो हम यूज करेंगे आईडी एंड इफ य इफ यू वांट टू कस्टमाइज कि भैया हमें इस नेम की वैल्यू यूजर नेम या इस नेम की वैल्यू हमें नेम नहीं रखनी हमें यूजर अंडर नेम रखनी है तो आपके पास एक नोटेशन है कॉलम यूज कर सकते हो कॉलम और यहां पर हम कॉलम का नाम पास करते हैं कि ये जो कॉलम होगा वो यूजर नेम होगा बात समझ गए इवन यही नहीं आप बहुत सारी चीजें कस्टमाइज कर सकते हो कंट्रोल स्पेस दबाओगे तो देखिए आप लेंथ दे सकते हो इंसर्टेबल दे सकते हो स्केल देख सकते हो यूनिक होगा कि नहीं होगा यह सब देख सकते हो जैसे फॉर एग्जांपल हमें क्या करना है हमें यूज़र नेम रिक्वायर्ड है तो मैं यहां पे न लेबल को फॉल्स कर दूंगा तो नल नहीं हो सकता भाई यूजर नेम होना चाहिए हम यहां पे ईमेल में आएंगे ईमेल जो है हमारा यूनिक होना चाहिए तो हम यहां पे लिखेंगे यूनिक और यूनिक वल ट्रू कर देंगे एंड न लेबल फॉस कर देंगे यह नल भी नहीं हो सकता और यूनिक भी होगा ठीक है तो यह ऐसे करके कॉलम्स की प्रॉपर्टीज को स्पेसिफाई करते हैं हम अबाउट में कॉलम का लेंथ काफी ज्यादा लेना चाहते हैं कॉलम एंड लेंथ कम से कम होगा हम 10000 10000 कैरेक्टर्स लेना चाह रहे हैं तो इस तरह से हम यूज़ करना चाह रहे हैं एंड इवन हम अपने प्रोफाइल पिक्चर की भी लेंथ हम काफी रखना चाह रहे हैं क्योंकि यह जो लिंक होगी ना यह प्रोफाइल पिक जो होगी लिंक यह आएगी हमारे ओबवियस सी बात है यह लिंक हम बनाएंगे क्रिएट करेंगे जो हमें मिलेगी थर्ड पार्टी सर्वर से परफेक्ट तो हम इसका नाम कुछ और चेंज कर प्रोफाइल लिंक कर देते प्रोफाइल लिंक कर देते हैं ठीक हैय प्रोफाइल कर दो पिक्चर कर दो आपकी मर्जी प्रोफाइल प्रोफाइल क्या रखे भाई आप लोग भी बताओ प्रोफाइल प्रोफाइल प्रोफाइल पिक ही रहने दो ठीक है बाकी पासवर्ड तो अभी हम लोगों ने यूज नहीं किया ठीक है इतना सब चीज हो गया नेक्स्ट हमें बनाना है इसका गेट सेटस तो हम यूज कर रहे हैं अपने प्रोजेक्ट के अंदर क्या यूज कर हम य कर रहे हैं लॉक और लॉक के लिए यूज कर रहे हैं तो आपको गेट स्ट अलग से बनाने की जरूरत नहीं आप यहां पे आइए एंड यहां पे आप गेटर ट्राई करिए सेटर ट्राई करिए ऑल आर कंस्ट्रक्टर चाहिए तो बना लीजिए और अगर नो आर कंस्ट्रक्टर चाहिए तो नो आर कंस्ट्रक्टर बना जाइए अगर आपको बिल्डर चाहिए तो आप बिल्डर बनाए इतना करने के बाद अगर आप प्रोजेक्ट को रन करते हो सो यू विल फाइंड सम इंटरेस्टिंग चीज तो मैं करता हूं प्रोजेक्ट को रन हां देखते हैं भाई हमें क्या मिलता है देखने के लिए ठीक है सो आपका प्रोजेक्ट रन हुआ एंड कहीं पर देखते हैं भाई हमें ठीक है एक बार आ जाते हैं हम लोग अपने डेटाबेस को ओपन करते हैं लेट्स ओपन वर्क बेंच एंड वर्क बेंच को ओपन करते देखते कि यह टेबल बनी है कि नहीं बनी है नहीं बनी होगी तो हमें कुछ चीज करनी होगी य बात हमने कुछ प्रॉपर्टीज को डिसेबल कर रखा होगा तो एक काम करते हमारा वर्क बेंच क्यों नहीं हो हो रहा है गाइस ठीक है मैंने दोबारा से ओपन किया लेट्स सी हां ठीक है ओपन हो गया एंड हम लोग हम लोग पेस्ट करते हैं तो यहां पे आ जाते हैं एंड हम लोग ओपन कर लेते हैं अपने इसको फुल स्क्रीन पे कर लेते हैं क्योंकि इसकी जरूरत है एंड स्कीमास के अंदर आते हैं एंड हम एएम 2.02 को यूज कर रहे हैं इसको ओपन करेंगे सो आप देखोगे यूजर नाम से टेबल आ चुकी है अगर हम सेलेक्ट रोज को पे क्लिक करते हैं तो वो सारी रोज यहां पे दिख रही है सारे कॉलम्स दिख रहे हैं एंड रोज यस बात है ही नहीं तो नहीं दिखेंगे ये देखिए यूजर आईडी है है अबाउट है ईमेल है ईमेल वेरीफाइड है इनेबल्ड है यूजर नेम है पासवर्ड है फोन है फोन वेरीफाइड है प्रोफाइल पिक है प्रोवाइडर है प्रोवाइडर आईडी है ऐसे करके आप क्या कर सकते हो बहुत सारे कॉलम्स ले सकते हो इवन आपने जो प्रॉपर्टीज वहां से दी थी वो भी आप यहां पे देख सकते हो ईमेल को मैंने नॉट नल और यूनिक रखा था न लेबल को मैंने वहां पे फॉल्स रख दिया था तो ये नॉट नल हो गया इवन हम लोगों ने ये सारी फील्ड्स को नॉट नल रखा है तो जिसमें डिफॉल्ट वैल्यू दे रखी है तो वो सारी फीड्स यहां पे ऑलरेडी सिलेक्टेड हो गई अब मैं आपको चीज सिखा रहा हूं सिखा रहा हूं का मतलब है कि आपकी जो मर्जी होगी लीजिएगा आपके पास 10 चीज और बढ रही है तो 10 चीज यहां प और ले लीजिएगा एक चीज मैं और चेक करना चाहूंगा मैं ओपन करूंगा यहां पे एप्लीकेशन और प्रॉपर्टीज एंड हमें एसक्यूएल दिखी होगी बट हम लोगों ने नोटिस नहीं किया क्रिएट एसक्यूएल कहीं ना कहीं चली होगी य देखते हैं भाई लेट्स सी ठीक है सो यहां से हमारा प्रोजेक्ट चला है एंड हल्का सा हम लोग इसको इस तरफ कर सकते हैं बिल्कुल नीचे आ जाओ क्योंकि हम लोगों ने यहां पे सो एल ट्रू कर रखा है इसका मतलब है कि जो एसकल फायर अप हुई टेबल को क्रिएट करने के लिए वो हमें यहां पर दिखनी चाहिए ओ सो लेट्स फाइंड आउट कहां पर दिखी है ओके सो नीचे आ जाओ हमें यहां पर दिख नहीं रही है एक बार मैं क्या करता हूं राइट क्लिक करता हूं यहां पर जरा हम सर्च करते हैं क्रिएट दिख नहीं रही यार कहां गई यहां पर आपने सोल ट्रू कर रखा है ट मीस आपको स्ल दिखनी चाहिए बट अभी तो नहीं दिख रही आई डोंट नो वई हम ढूंढ नहीं पा रहे हो सकता है ठीक है नेक्स्ट हम लोग क्या करते हैं हमारे पास यूजर की डिटेल बन चुकी है अब अगर हमें कोई जरूरत पड़ेगी यूजर की इंफॉर्मेशन को ऐड करने के लिए कम ज्यादा करने के लिए तो हम यहां पर आके ऐड कर देंगे ड हां ऐड मोर फीड इफ नीडेड अगर जरूरत है तो हम यहां प और फीड्स को ऐड कर देंगे तो यह तो एक टेबल बन गई नाउ अब अगर हम यहां पर आके देखते हैं अगर तो हमारे पास यूजर बन चुका है यूजर की टेबल बन चुकी ये हमारा य बन चुका अब बात को समझिए यहां पर मैं क्या कहने की कोशिश कर रहा हूं हमारा प्रोजेक्ट क्या कर रहा है हर एक यूजर के पास कुछ ना कुछ कांटेक्ट होंगे एक कांटेक्ट दो कांटेक्ट तीन कांटेक्ट चार कांटेक्ट ऐसे होंगे ट मीस हमारे पास एक कांटेक्ट की भी इंफॉर्मेशन होनी चाहिए क्या कांटेक्ट की भी इंफॉर्मेशन होनी चाहिए तो हम एक कांटेक्ट की भी इंफॉर्मेशन को स्टोर करने के लिए एंटिटी बनाएंगे कन टेक्ट कांटेक्ट या कांटेक्ट एंड इस कांटेक्ट के अंदर हम लोग कांटेक्ट रखेंगे कांटेक्ट आईडी कांटेक्ट का नाम कांटेक्ट की ईमेल वो सब चीज रखेंगे नेक्स्ट फिर हम मैपिंग करेंगे इस कांटेक्ट को या इस यूजर को इस कांटेक्ट से मैप करेंगे इस यूजर को इस कांटेक्ट से मैप करेंगे ठीक है सो इसको हम लोग कुछ ऐसे करेंगे समझिए मैपिंग का मतलब है कि हर एक यूजर के पास कांटेक्ट है बट यूजर के पास मैपिंग कैसी है क्या एक यूजर एक कांटेक्ट को स्टोर कर रहा है क्या एक यूजर मेनी कांटेक्ट को स्टोर कर रहा है क्या कई सारे यूजर कई सारे कांटेक्ट को स्टोर कर रहे हैं ट मींस वन टू वन यह वन वन जो मैं लिखा यह वन टू वन मैपिंग है वन टू वन मैपिंग है फिर वन टू एनी ठीक है वन टू मेनी नॉट एनी वन टू मेनी एंड फिर मेनी टू मेनी इस तरह की मैपिंग हम लोग कर सकते हैं मेनी टू मेनी मैपिंग को हम लोग कर सकते हैं ओके अब ध्यान से देखिएगा य प कुछ चीजें और है जो मैं बताऊंगा आपको यह चीज सोचनी पड़ेगी कि हम मैपिंग किस हिसाब से करते हैं जैसे हमें अपने य हमें अपने इस प्रोजेक्ट के लिए जो मैपिंग है वो यह वाली मैपिंग हमें जरूरत है वन टू मेनी मैं बताता हूं क्यों इसकी क्यों जरूरत है हमारे पास कोई यूजर है सपोज राम इस राम के बहुत सारे कांटेक्ट हो सकते हैं यहां पे सपोज राम के पांच कांटेक्ट है दैट मींस एक यूजर के मल्टीपल कांटेक्ट हैं वन यूजर कैन हैव मल्टीपल कांटेक्ट बट जो एक कांटेक्ट है सपोज कांटेक्ट जिसका नाम है ए बीसी ये जो एबीसी है वो बहुत सारे कांटेक्ट से जुड़ा नहीं होगा मेनी टू मेनी फीचर मैं नहीं दूंगा एक यूजर के पास बहुत सारे कांटेक्ट हो सकते हैं बट जो सिंगल कांटेक्ट होगा वह सिर्फ एक यूजर के साथ ही एसोसिएटेड होगा दैट मींस यह वन टू वन ही होगा इधर से वन टू ए हो सकता है दैट मींस यह वाली चीज फॉलो होगी वन टू मेनी बट ये वाली चीज हम फॉलो नहीं करंगे दैट मींस हम सपोर्ट करेंगे सिर्फ और सिर्फ किसको वन टू मेनी को सपोर्ट कर करेंगे दैट्ची हम लोग समझते हैं वो सब वो चीज हम लोग बनाते हैं तब मैं आपको समझाता हूं तो यहां पे आते हैं सबसे पहले एंड एक चीज कुछ चीज और मैं शेयर करूंगा अच्छा एक चीज मैं आपको दिखाना चाह रहा हूं क्या हमारे पास यहां पे प्रोवाइडर आ चुका है ओके प्रोवाइडर आ चुका है हम लोग आते हैं एंड हम लोग हम लोगों ने कहां पे अ प्रोवाइडर बना रखा है ये प्रोवाइडर्स हैं यूजर है हम अपने एंटिटीज पैकेज के अंदर एक क्लास और बनाएंगे जिसका नाम देंगे कांटेक्ट ये बेसिकली कांटेक्ट होगा ये रिप्रेजेंट कर रहा होगा कांटेक्ट टेबल को तो यहां पे आएंगे अगेन हम लोग कंग एंटिटी एंड एंटिटी अपने आप से डिफाइंड होगी कोई दिक्कत वाली बात नहीं टेबल भी इस बार अपने आप से डिफाइंड होगी उस बार मुझे बताना था तो इसलिए मैंने ले लिया था अदर वाइज ठीक है एंड जो इंफॉर्मेशन हमें रखनी है वो ले लेंगे जैसे कांटेक्ट का नेम है ईमेल है फोन नंबर है तो ये सब चीज सही कर रहा है ले लीजिए सबसे पहले कांटेक्ट की आईडी होगी हमारे पास हां एगजैक्टली प्राइवेट स्ट्रिंग मैं यूज करूंगा कांटेक्ट आईडी या नॉर्मल आईडी ले लो कोई दिक्कत वाली बात नहीं है उसके बाद ईमेल हो गया फोन नंबर हो गया और क्या लेना चाह रहा हूं मैं अगर आप कांटेक्ट का एड्रेस लेना चाह रहे हो ले सकते हो अगर आप प्रोफाइल या सिटी लेना चाह रहे हो तो ले सकते हो सपोज हमें प्रोफाइल यस बात फोटो लेनी है हमें तो हम यहां पे एक पिक्चर ले सकते हैं एक क्या मल्टीपल पिक्चर ले सकते हो प्राइवेट स्ट्रिंग पिचर प्रोफाइल पिक्चर या पिक्चर डिस्क्रिप्शन लेना चाहे हो तो ले सकते हो ठीक है एंड और भी कुछ है ये जो कांटेक्ट है वो फेवरेट है कि नहीं इसको मार्क करने के लिए मैं यहां पर एक बुलियन वैल्यू लूंगा फरेट बाय डिफॉल्ट इसको करते यह फेवरेट नहीं है एंड एक चीज और लूंगा यहां पर हम वेबसाइट लेना चाह र तो आप वेबसाइट ले सकते हो वेबसाइट में स्ट्रिंग जैसे फॉर एग्जांपल अगर आपको यहां पर फ की लिंक लेनी है या अगर आपको फस लिंक चाहिए तो फ लिंक ले सकते होर लिंक ऐसे करके मल्टीपल ले सकते हो या एक एरे बना लो सोशल मीडिया लिंक और उस एरे के अंदर आप डाटा को स्टोर कर लो ठीक है यह बुलियन वैल्यू है ठीक है जैसे फर एपल आप यहां पर एक प्राइवेट लिस्ट ले लो एंड सोशल लिंक नाम से एक क्लास बनाएंगे हम लोग सोल लिंक एंड हम क न्यू न्यू न्यू सोशल लिंक स न्यू एर लिस्ट एर लिस्ट न्यू एलिस्ट यू करूंगा भाई क्यों नहीं आ रहा एलिस्ट जावा मैं यूज करूंगा एर लिस्ट जावा से यूज कर रहा हूं बट आ नहीं रहा आ ड नो एलिस्ट ठीक है एंड इसको इंपोर्ट करेंगे ड इंपोर्ट कहीं आ रहा है तोय लिस्ट आ रही वो आ रही थी इंपोर्ट जावाल एसिक तो यह लिस्ट एटली यहां से आ रही थी एंड यह चीज भी आ रही है यहां से ठीक है एंड यहां पर मुझे बताना है इस लिस्ट के अंदर है क्या तो अगर आपको लिंक्स सिर्फ लेनी है तो आप यहां पर लिंक्स ले सकते हो स्ट्रिंग लिंक्स अदर वाइज आप चाहो तो एक क्लास बना लो उस क्लास को यहां पर पास कर सकते हो वो क्लास अपने आप से आ जाएगा डायरेक्टली यहां पर ठीक है तो लिंकिंग आपको फिर से करनी पड़ेगी इस चीज को मैं समझाऊ बाद में समझाऊ जब आपको मैं मैपिंग समझा दूंगा अभी यहां पर मैं सिंपली एक ले लेता हूं स्ट्रिंग वेबसाइट लिंक वेबसाइट लिंक एक वेबसाइट के लिंक हम सपोर्ट कर रहे हैं बस अरवा लिन कुछ भी आप लिंक ले सकते हो तो मल्टीपल स्ट्रिंग मैंने य ले ली है मैनेज करने के लिए तो यह हमारी एंटिटी बन गई किसकी कांटेक्ट एंटिटी बन गई है कुछ चीजें यहां से हम अनयूज चीज रिमूव करेंगे इसमें भी हम क्या करेंगे एक आईडी देंगे सो लेट्स डू दैट हम यहां पे एक को आईडी देंगे बाकी अगर आप चाहते हो किसी जैसे डिस्क्रिप्शन का हम चाहते हैं कॉलम का जो कॉलम का लेंथ है उसको हम चेंज करना चाह रहे हैं तो हम यहां पे लेंथ और लेंथ हम चेंज कर सकते हैं ठीक है डिस्क्रिप्शन में फेवरेट में कुछ चेंज करना है चेंज कर दीजिए बाकी किसम भी किसी में भी अगर आपको कुछ चेंज करना है मतलब लग रहा है तो आप चेंज कर सकते हो लेट्स फाइंड आउट अब हम क्या करेंगे मैपिंग करेंगे हम कहेंगे वन टू मेनी मैपिंग हमारे एक यूजर के पास मल्टीपल कांटेक्ट तो हम बनाएंगे एटली यहां पे एक लिस्ट बना लेंगे लिस्ट एंड एक यस बात प्राइवेट लिस्ट एंड लिस्ट बनाएंगे जो लिस्ट है वो कांटेक्ट लिस्ट होगी एंड कांटेक्ट कांटेक्ट एंड न्यू एरे लिस्ट होगी ठीक है बाकी इसको हम थोड़ा सा सही कर देते हैं इसको थोड़ा सा सही कर देते एंड अगर ये इंपोर्ट नहीं है तो उसको इंपोर्ट कर लेते हैं ये रिजॉल्व नहीं कर रहा इस टाइप को तो हम ड नो वई ये इंपोर्ट क्यों नहीं कर रहा है यूटिल्स की चीजों को तो हम इंपोर्ट जावा ड यल को इंपोर्ट कर लेंगे इफ वांट तो हम ऐसा कर लेंगे एंड बाकी अगर कुछ गलत हो गया तो सही कर लेते हैं अभी तो मुझे लग नहीं रहा गलत है कुछ यहां पे कुछ गड़बड़ कर रहा है ये क्या कह रहा है ये कह रहा है द टाइप लिस्ट इज नॉट जनरिक इट तो यह लिस्ट कहां से आ रही है यार कहीं और इंपोर्ट तो नहीं होगई लिस्ट ये वाली लिस्ट साइबरनेट की मैपिंग की लिस्ट आ रही है इसको हम नहीं यूज करेंगे हम लिस्ट के अंदर के लिस्ट यूज करें मतलब हम यूज कर रहे हैं अपने यूट की लिस्ट तो यह चीज मैंने बता दी नाउ अब हमें ये बताना है कि मैपिंग हम कहेंगे इसके ऊपर आएंगे और हम लिखेंगे यहां पर रेट रेट वन टू मेनी मैपिंग यह हम बताएंगे मैपिंग के केस में कि भैया यहां पर हम लोग मैपिंग कर रहे हैं जिसमें कांटेक्ट है वह मैप है किससे हमारे कांटेक्ट से मतलब यूजर के पास यह हम यूजर की क्लास को ले हैं एक यूजर के पास मल्टीपल कांटेक्ट है मल्टीपल कांटेक्ट है और इस चीज को बताने के लिए हम न टू मिनी मैपिंग को यूज कर रहे हैं अब इसके बारे में पढ़ सकते हैं वन टू मेनी एक्चुअली है क्या ठीक है हमें बाय डायरेक्शनल मैपिंग नहीं करनी इफ द रिलेशनशिप बाड द मैट बा एलिमेंट मस्ट बी यूज तो हमें सिंगल डायरेक्शन मैपिंग करनी है तो हम यहां पर आएंगे मैप्ड बाय लिखेंगे एंड मैप्ड बाय में हम यहां पे वो फीड बता देंगे जो एक्चुअली मैपिंग कराएगा कैसे ध्यान से देखिएगा या फिर थोड़ी देर के लिए हम लोग क्या करते हैं आ जाते हैं वापस थोड़ा और समझाने के लिए इसी इसको अभी मैप बैक को हटा दो ठीक है सिर्फ मैपिंग पे ध्यान दो हमारा जो यूजर है उसके पास मल्टीपल कांटेक्ट है लेकिन अब उल्टा देखो अगर हमारे पास एक कांटेक्ट है उसके पास एक कांटेक्ट है उसके पास एक ही यूजर होगा तो हम कहेंगे या उसका एक ही यूजर होगा हम लिखेंगे प्राइवेट यूजर यूजर ठीक है दैट मींस अगर हमारे पास यूजर का ऑब्जेक्ट मिल गया तो हम कांटेक्ट वाले फील्ड से उसके सारे कांटेक्ट निकाल सकते हैं क्योंकि वो लिस्ट है और अगर हमारे पास कांटेक्ट मिल गया तो इस यूजर वाली फील्ड से उसका यूजर निकाल सकते हैं जिसका ये कांटेक्ट है मैपिंग के लिए हमने कहा वन टू मेनी मैपिंग है इधर से मतलब एक यूज़र के पास मल्टीपल कॉन्टेक्ट्स हैं बट अगर एक कांटेक्ट मिल गया तो उसके पास सिर्फ और सिर्फ एक ही यूज़र है तो हम मेनी टू n यूज़ करेंगे मेनी टू वन यूज़ करेंगे ठीक है अब क्योंकि जब आप प्रोजेक्ट चलाओगे तो ये बाय डायरेक्शनल मैपिंग हो जाएगी मतलब इधर से भी मैप हो जाएगा इधर से भी डेटाबेस के लिए डेटाबेस के लिए मैपिंग हो जाएगी और इधर से मैपिंग हो जाएगी तो हम कहेंगे भैया आप एक ही जगह से मैप करो तो हम यहां पे यूज़ करेंगे मैप्ड बाय और मैप्ड बाय में हम लोग यहां पर पास कर देंगे यूजर दैट मींस मैपिंग जो ध्यान दी जाएगी मैपिंग वो यूजर मैप्ड बाय यूजर मतलब इस वाली फील्ड से मैपिंग हुई है तो डेटाबेस में इस फील्ड को मेंटेन करने के लिए कॉलम क्रिएट होगा दैट्ची है एक टेबल नहीं बन जाती है तो दोनों बाय डायरेक्शनल मैपिंग मैनेज करने के लिए दो टेबल भी बनती है कॉलम भी बनता है बट हमने कहा भाई एक से अगर काम हो जा रहा है तो दूसरे से हम क्या करेंगे नेक्स्ट कुछ चीज और लिखेंगे जैसे मैं यहां पे कहूंगा हम लोग बहुत सारे कॉन्टेक्ट्स को मैनेज कर रहे हैं तो इस चीज को स्पेसिफाई करने के लिए हम लोग और भी चीज कर सकते हैं जैसे फॉर एग्जांपल हम कहेंगे कि हमें कैस्केट टाइप जो है कैस्केट का मतलब अगर हम चाहते हैं कि यूजर डिलीट हो तो उसके सारे कांटेक्ट डिलीट हो जाए तो हम यहां पे कैस्केड कैस के टाइप में ऑल कर लेंगे अब ऑल मींस कि अगर यूजर डिलीट होगा तो उसके कांटेक्ट भी डिलीट हो जाएंगे और अगर यूजर अपडेट होगा तो कांट्रैक्ट्स के अंदर भी यूजर की आईडी अपडेट हो जाएगी डिली अ ऐड होगा तो आपको यूज़र को अलग से ऐड नहीं करना पड़ेगा कॉन्टेक्ट्स भी ऐड अगर यूज़र ऐड होगा तो उसके जितने भी कॉन्टेक्ट्स होंगे वह सारे ऐड हो जाएंगे तो अलग से ऐड करने की जरूरत नहीं है साथ ही साथ में हम यहां पे यूज़ करूंगा फच और फेच में मैं यूज़ करूंगा लीजी दैट मींस जब तक जरूरत नहीं पड़ेगी या फेच टाइप लीजी फेच टाइप और हम यूज़ करेंगे लेजी इसका मतलब है कि जब तक हम हमें यूज़र फेच किया हमने और जब तक हमें उनके कांट्रैक्ट्स की जरूरत नहीं है तब तक हम डेटाबेस में क्वेरी नहीं चलाएंगे जब हम यूज़र के कांटेक्ट को गेट करेंगे तभी डेटाबेस में क्वेरी चलेगी और वहां से डेटाबेस से हम कांटेक्ट को फैच करेंगे ऑर्फन रिमूवल को भी मैं ट्रू कर दूंगा ट्रू कर दूं यह हो गई हमारी पूरी की पूरी मैपिंग पूरी पूरी की मैपिंग हो छू चुकी है एंड ये कांटेक्ट इसलिए आ रहा है क्यों आपने यूज नहीं किया इसको यह मैपिंग हो गई बाकी आपको कुछ करने की जरूरत नहीं है इतना करने के बाद अगर आप अपने एप्लीकेशन को रन करते हो उससे पहले मैं क्या करता हूं अगर मैं यूजर को डिलीट कर दूं यस सी बात है इसके अंदर कुछ नहीं है तो आप डिलीट कर दीजिए ड्रॉप टेबल एंड यस रिव्यू कर लो एक्सक्यूट कर दो ठीक है एंड देन अगर अपने एप्लीकेशन को फिर से अगर आप करते हो ठीक है हम प्रोजेक्ट पर राइट क्लिक करते हैं ए रन पर क्लिक करते हैं ठीक है हमने अपने प्रोजेक्ट को दोबारा से रन किया है ठीक है एंड यहां पर आते हैं रिफ्रेश करते हैं जरा हमारे पास दो टेबल दिखने चाहिए थ इस बार यह देखिए यूजर एंड कांटेक्ट की यूजर को ओपन करेंगे तो वही सब चीज दिखेंगी अभी हमें लेकिन अगर हम कांटेक्ट टेबल को ओपन करते हैं सो आप देखोगे कांटेक्ट की आईडी है एड्रेस है डिस्क्रिप्शन है ईमेल है फेवरेट है लिंकड इन लिंक है नेम है फोन नंबर है पिक्चर है वेबसाइट लिंक है यूजर की आईडी ये वाला कॉलम देखिए ये कॉलम हमारा क्रिएट हुआ है किससे उस मैपिंग के मतलब जब हम कांटेक्ट ऐड करेंगे तो यहां पे यूजर की आईडी आ जाएगी और ये आईडी हमें बताएगी कि एक्चुअली ये जो कांटेक्ट है वो किस यूजर का है एगजैक्टली ये मैपिंग का फायदा है इसीलिए इसी तरह मैंने मैं मैं आपसे कह रहा था कि अगर आपको लिंक लेनी है तो एक लिंक नाम से क्लास बनाए एंटिटी में लाए फिर उसके अंदर लिंक्स को स्टोर करिए जैसे फॉर एग्जांपल मैं आपको बताता हूं यहां पे इसको बंद कर लो एंड इ य वांट टू स्टोर मल्टीपल लिंक्स तो आप यहां पर एक क्लास बना लीजिए सल लिंक एंड देन आप यहां पर गेटर सेटर नो आर कंस्ट्रक्टर ऑल आर कंस्ट्रक्टर बिल्डर एंड देन एंटिटी ठीक है ये सब ले लीजिए चलो यहां पर कुछ बनाते तो सोशल लिंक दो चीज हो ग एक आईडी होगई और एक लिंक होगी एक साथ साथ में हम एक टाइटल भी देंगे एक हम लोग टाइटल भी देंगे कि भैया टेक्स्ट दिखाना क्या आपको ठीक है तो यह चीज होगी ओके सो यह एरर क्यों आ रहा था एरर क्यों आ रहा था आई थिंक किकी वजह से आ रहा था रिमूव कर दो अनयूज लिंक को सो लेट मी रन द एप्लीकेशन एक बार हम एप्लीकेशन को रन कर लेते हैं हां कुछ दिक्कत हो रही है आई थिंक लेट्स फाइंड आउट सो आई डोंट थिंक की ओके सो ये प्रॉब्लम इसलिए हो रही कि इसकी कोई आईडी नहीं है तो हम यहां पर आएंगे एंड यूज कर लेंगे आईडी बस अब दिक्कत नहीं होगी अब अगर मैं रन करता हूं सॉरी यहां से आता हूं रन करता हूं स आप देखोगे यह देखिए और आपके पास एक क्लास आ चुकी होगी और रिफ्रेश करेंगे एंड यू विल फाइंड यूजर कांटेक्ट ये देखिए सोशल लिंक नाम से क्लास है अगर रन करेंगे सो आपको यहां पर एक क्लास देखने को मिलेगी सोशल लिंक जिसके अंदर आईडी है टाइटल एंड यह सब चीज एंड एक हमारे पास क्लास और यूजर कांटेक्ट देखने को मिल रही है आई डोंट नो य किसलिए आ रही है इसकी जरूरत नहीं य आनी नहीं चाहिए ठीक है एक बार में सारी टेबल्स को ड्रॉप कर देता हूं दोबारा से हम लोग अपना एप्लीकेशन रना चलाएंगे तो यूजर कांटेक्ट को हटा दो यार ड्रॉप टेबल ड्रॉप नाउ य को भी ड्रॉप करो चाहे लिंक्स को पहले ड्रॉप कर दो ड्रॉप कांटेक्ट को ड्रॉप कर दो यूजर को भी ड्रॉप कर दो ठीक है यहां पर आ जाते हैं वापस हम मैपिंग कर लेते हैं सस लिंक को यूजर से मैप कर देते हैं उसके बाद मैं प्रोजेक्ट चलाऊंगा एटली वैसे ही हम लिखेंगे प्राइवेट यूजर के पास बहुत सारे सोशल लिंक है लिंक्स इल टू एरे लिस्ट ठीक है अगेन न टू मेनी मैप बाय अगर यस बात है मैप बाय यूजर यूज करूंगा फच कैस्केड ल फ टाइप प फ टाइप इस बार र यूज करूंगा हम चाहते हैं कि यूजर की इंफॉर्मेशन फच करें और सोशल लिंक भी फच हो जाए तो मैं य पर इस बार ईगर यूज करूंगा गर य करूंगा बाकी और रिमूवल ट्रू कर देंगे ट्स इट ट्स इट यह लिस्ट क्यों प्रॉब्लम कर रही लिस्ट क्य प्रॉब्लम कर देखिए लिस्ट इ न जनरिक तो आई थिंक लिस्ट हमने कोई और इंपोर्ट लिस्ट अपने आप से ये वाली हाइबरनेट की लिस्ट इंपोर्ट हो जा रही है इसको हटा दीजिए यस सो आप देखोगे ठीक है जैसे मैंने सेव किया होगा अपने आप से प्रोजेक्ट रिर हो जाता है ये तो इसकी दिक्कत है एंड इसने कुछ दिक्कत कर दिया एक बार हम फिर से अगेन एसीएम पे राइट क्लिक करते हैं री रन करते रन करते हैं अपने एप्लीकेशन को देखते क्या दिक्कत है क्यों ये एरर दे रहा है देखिए ठीक है सो आपको यहां पर देख के पता चल जाएगा ठीक है ओके ये एरर इसलिए दे रहा है कि एक्चुअली मैप्ड बाय यूजर है ना तो सोशल लिंक के अंदर एक यूजर फील्ड भी होनी चाहिए कि भैया ये जो लिंक है वो किस यूजर की है तो हम कहेंगे प्राइवेट यूजर यूजर ठीक है ये यूजर की है एंड इधर से ये मेनी टू वन है सेव करेंगे एंड यू विल फाइंड कि आपको अब मैपिंग के साथ टेबल सारी मिल जाएंगी एंड हमारे पास ऑलरेडी रन हो रहा है एप्लीकेशन शायद हम तो हम लोग सारा बंद कर दो यार सब बंद कर दो अगेन हम दोबारा से राइट क्लिक करेंगे रन करेंगे एंड ठीक है परफेक्ट तो हमारा एप्लीकेशन चल रहा है अब हम आएंगे अपने डेटाबेस के अंदर रिफ्रेश करेंगे देखते हैं कितनी टेबल्स मिल रही है टेबल्स को ओपन करेंगे तो हमारे पास इस बार कांटेक्ट सोशल लिंक है यूजर टेबल क्यों नहीं है भाई ठीक है सो एक बार मैं क्या करता हूं अगेन ड्रॉप करता हूं कांटेक्ट को एक चीज मैंने गलत कर दी आई थिंक गलत यह कर दी कि हमें जो सोशल लिंक है वह मैप करनी कांटेक्ट के साथ ठीक है और हम लोग ने मैप कर दिया इसको यूजर में तो कोई दिक्कत वाली बात नहीं इसको आप य से कट कर लो अपने कांटेक्ट के अंदर आ जाओ यहां प चिपका दो ठीक है एंड हम इंपोर्ट कर लेते हैं इसको इंपोर्ट करेंगे इस बार हम लोग हाइनेट की मैप लिस्ट नहीं हम यूज करेंगे यहां पर इपोर्ट जावा ड यल की लिस्ट एंड हम लोग लिक में चलेंगे एंड यह जो है य यूजर की लिंक नहीं है यली कांटेक्ट लिंक है तो यहां पर हम लोग इसको हटा दो इसको बना देंगे कांटेक्ट एंड कांटेक्ट ठीक है एक चीज और करेंगे गा मैप बाय कांटेक्ट यू करेंगे कांटेक्ट करेंगे यहां पर आपने कांटेक्ट यूज किया है सोशल लिंक के अंदर अब हम सेव करेंगे एंड एक चीज हम क्या करेंगे एक बार हम लोग और टेबल्स को रिमूव कर देंगे अगर है तो यस बात है हम कांटेक्ट को रिमूव करेंगे एंड सोशल लिंक को रिमूव करेंगे ठीक है सो लेट सी सोशल लिंक को ड्रॉप करिए और कांटेक्ट को भी ड्रॉप करिए तो अभी हमारे पास कोई भी टेबल नहीं है बाकी यह सारी चीज है इसको बंद कर दो यार कोई मतलब ही नहीं ठीक है सो अब हम लोग आएंगे एक बार यूजर में अगेन आ जाते हैं यूजर में यह सब तो ठीक है और हम अपने एप्लीकेशन को रन करते हैं लेट्स सी ठीक है सो आई थिंक एक बार हमारा एप्लीकेशन चल रहा है ऑलरेडी दोबारा रन करने की जरूरत नहीं आप रीस्टार्ट कर अपने एप्लीकेशन को बस ठीक है तो कुछ एरर ही दे रहा है थिंक एक बार हम लोग चेक कर लेते हैं क्या एरर आ रही है ठीक है सो अब देखो यहां पर ल्टर टेबल यूजर की गई ड्रॉप कर दिया गया ठीक है एंड एक आप देखो य पर एर आ रही कुछ एस सिंटेक्स डिशन रो साइज टू लार्ज द मैक्सिमम रो साइज फॉर द टेबल तो यहां पे कुछ गड़बड़ हो रहा है हम लोग का लेट्स फाइंड आउट क्रिएटिंग यूजर यूजर को क्रिएट करने में दिक्कत हो रही है एंड आई थिंक ये जो 10000 है यह गड़बड़ कर रहा है हां ओके सो हम क्या करते हैं इन सारी फील्ड्स को जो 10000 लिया था उसको 1000 कर देते हैं ठीक है 1000 कर देते हैं और एक कांटेक्ट में भी हमने कहीं लिया था 10000 इसको भी हम 1000 कर देते हैं अगेन हम अपना एप्लीकेशन रन करेंगे एक बार बंद कर देते हैं अगेन रन करते हैं ठीक है सो अभी हमारा एप्लीकेशन प्रॉपर्ली चल रहा है एक बार हम रिफ्रेश कर द एंड टेबल पर ओपन करते हैं आप देखोगे यूजर है सोशल लिंक है कांटेक्ट परफेक्ट यूजर के अंदर यूजर की सारी इंफॉर्मेशन है कांटेक्ट के अंदर सारे कांटेक्ट की इंफॉर्मेशन है साथ ही साथ में सोशल लिंक है जिसके अंदर सारे सोशल लिंक्स आएंगे एंड यह सोशल लिंक किस कांटेक्ट का है यह भी आएगा और हम अगर दिखाएं आपको तो अगर हम चलते हैं यहां पे टूल्स में या फिर हमारे पास एक रिवर्स इंजरिंग का ऑप्शन है डेटाबेस में देखो रिवर्स इंजरिंग क्लिक करें इस पे और आई थिंक रिवर्स इंजीनरिंग में कुछ दिक्कत कर रहा है हमारा वर्क बच वर्क बच दिक्कत कर रहा है तो हम लोग देख सकते हैं एक्चुअली मैपिंग मैपिंग को हम लोग देख सकते हैं कैसे मैपिंग हुई कैसे टेबल मैप हुई बट ये वर्क बेंच हमारे में नहीं चल रहा है तो अदर वाइज हम दिखा देते हैं एक्चुअली ये यूजर है वो मैप हमारे इस कांटेक्ट से कांटेक्ट हमारा मैप्ड है सोशल लिंक से तीनों आपस में मैप्ड है लिंक्ड है कुछ ऐसे मैं दिखाने की कोशिश करता हूं यहां ये देखिए एक टेबल हमारे पास और है नीचे सोशल लिंक एंड सोशल लिंक मैप कर दी गई है इस वाले से वन टू मेनी से 1 ए से तो इस तरह से हम टेबल्स को बनाएंगे अब हम लोग क्या कर सकते हैं गाइस हम लोग फॉर्म वगैरह क्रिएट कर सकते हैं और हमें पता है कि यहां यूजर के पास यह चीजें हैं कांटेक्ट के पास य एंड डिपेंडिंग अपन योर नीड आप अपने हिसाब से कांटेक्ट एंड यूजर को बदल सकते हो रख सकते हो बेसिकली मतलब कह सकते हो कि अभी यही जरूरत है यह चीज समझने की जरूरत है उसके बाद अपने हिसाब से कर सकते हो एक चीज गा आपको और बता दूं अगर आपकी जो आईडी है चाहे वो यूजर की हो चाहे वो कांटेक्ट की हो चाहे सोशल लिंक की हो जैसे फॉर एग्जांपल सोशल लिंक की आईडी है अगर हम चाहते हैं कि ये लॉन्ग है और ये ऑटो इंक्रीमेंट हो तो हम यहां पर आएंगे एंड हम जनरे वैल्यू यूज करेंगे यहां प जनरे वैल्यू और हम यहां पे स्ट्रेटजी दे सकते हैं स्ट्रेटजी में हम लोग यूज कर सकते हैं स्ट्रेटजी में देखो जनरेशन टाइप और यहां पे आइडेंटिटी वगैरह यूज कर सकते हैं मैं कहूंगा ठीक है जनरेशन टाइप और मैं यूज कर लूंगा आइडेंटिटी तो ये जो इस आईडी की वैल्यू ये अपने आप बढ़ेगी आपको नहीं न ऑटो इंक्रीमेंट हो जाएगी कहने का मतलब सोशल लिंक में जब भी आप डाटा ऐड करोगे तो बस आपको आईडी देना है टाइटल देना और आपको लिंक देना है टाइटल देना है और ये आईडी अपने आप से इंक्रीज हो जाएगी आपको कुछ करने की जरूरत नहीं पड़ेगी लेकिन जब हम यूजर यूज कर रहे हैं तो वहां पे जो आईडी स्ट्रिंग है तो इस स्ट्रिंग ऑटो इंक्रीमेंट स्ट्रिंग के लिए नहीं होता है आपको इसकी वैल्यू असाइन करनी पड़ेगी सो हम लोग क्या करेंगे हम लोग स्ट्रिंग की आईडी को जनरेट करेंगे हम यूजर की आईडी को जनरेट करेंगे साथ ही साथ में कांटेक्ट भी जनरेट करेंगे ओके सो इस तरह से हम मॉडल को बनाएंगे एंड अपने प्रोजेक्ट के अंदर इसको रखेंगे एंड जैसे मॉडल बनाएंगे एंड हमारी सारी टेबल्स अपने आप से बन जाएंगी एंड हमारा काम हो जाएगा एक चीज़ आपको यहां पे गाइ और ध्यान रखनी है अगर आपकी टेबल नहीं बन रही है तो आपको ओपन करना है एप्लीकेशन प्रॉपर्टीज फाइल एप्लीकेशन प्रॉपर्टीज फाइल और यहां पे यह वाली फील्ड इंपॉर्टेंट ये वाली प्रॉपर्टी इंपॉर्टेंट है ये वाली नहीं यह वाली प्रॉपर्टी फॉर क्रिएटिंग स्कीमा एंड टेबल्स स्प्रिड jp.net ddl.to यूजर आ चुका है टेबल आ चुकी है डेटाबेस के अंदर साइन अप कैसे कराएंगे यूजर से तो सबसे पहले हमें एक फॉर्म चाहिए होगा कुछ ऐसा मैंने यहां पे बना के ऑलरेडी रख लिया है इस फॉर्म को हम लोग क्रिएट करेंगे विद द हेल्प ऑफ जितना आसान मैं आपको बता दिया मैंने आपको बता दिया बहुत सारी चीजें इसमें करनी है एरर्स को हैंडल करना है वैलिडेशंस लगाने हैं वैलिडेशंस लगाने के बाद हम जब डेटा सेव कर रहे होंगे तो आईडी वगैरह हमें जनरेट करनी है वो सब चीज करना है तो स्टेप बाय स्टेप हमें करना होगा लेकिन हमें बैक एंड में कुछ भी काम करने से पहले हमें ये यूआई चाहिए जहां पे एक साइन अप यूजर लिख के आया है साथ उसके बाद एक फील्ड लिख के आया यहां पे बन के आ है ईमेल फील्ड यूजर न्यू अ न्यू पासवर्ड फील्ड अबाउट फील्ड बटंस ये सब बन आनी चाहिए अगर आपके पास कोई और फील्ड है तो आप यहां पे ले सकते हो तो सबसे पहले हम हम लोग क्या करते हैं यही वाली येय ये वाला फॉर्म बना लेते हैं ये सारी फीड्स बना लेते हैं उसके बाद हम लोग बैक एंड की चीजें हैंडल करेंगे तो सबसे पहला टारगेट हम लोग का यही रहता है हम ये फॉर्म बनाते हैं उसके बाद ही कुछ कर पाएंगे आगे बैक एंड में तो हम अपने प्रोजेक्ट के अंदर आ जाते हैं बहुत आराम से आपको करना है जल्दबाजी एकदम नहीं करनी जो बैक एंड का आपने काम किया है उसको रहने दो उसको टच भी मत करो फॉर्म बनाओ पहले तो ये सब बंद कर देते हैं एंटिटीज वगैरह एंड जो भी दिखाना होगा मैं ज़ूम कर लूंगा आपको क्योंकि मैंने थोड़ा सा इसका व्यू चेंज कर दिया है थोड़ा सा ज़ूम आउट कर दिया है क्योंकि बहुत ज्यादा हॉट पॉच लग रहा था डी पक रही थी तो हमने इसको जूम आउट कर दिया जिससे ये थोड़ा सा क्लीन दिख रहा है ओके सो अभी हम पैकेज को बंद कर देते हैं हमें कुछ भी जावा कोड अभी नहीं लिखना अभी जो भी करना है वो सब html.erb हम स्लैश रजिस्टर कॉल कर रहे हैं तो हमारा एक जावा का कंट्रोलर चल रहा है कंट्रोलर में हैंडलर कंट्रोलर क्लास होती है उसके अंदर जो मेथड्स होते हैं वो हैंडलर इस राउट को हैंडल कर रहा है तो जैसे हम स्लैश रजिस्टर फायर अप कर रहे हैं राउट हैंडल हो रहा है राउट हैंडल हो रहा है तो वो कुछ नहीं कर रहा है वो सिंपली एक व्यू थ्रो कर दे रहा है और वो व्यू हमें यहां पे दिख रहा है साइन अप पेज कौन सा व्यू है एक्चुअली ये व्यू है जिसका नाम है रजिस्टर तो ये व्यू यहां पे दिख जा रहा है तो हम यहीं पे कोडिंग करने वाले हैं दैट मींस यहां पे सब कुछ करने वाले हैं इस कंटेंट के अंदर अगर इस कंटेंट के अंदर आते हैं और हम यहां पे लिख देते हैं h1 अ साइन अप हियर तो हमें साइन अप मिलने वाला है भाई ये देखिए साइन अप मिलने वाला और ये फुटर है इस फुटर को अभी ध्यान मत दीजिए चाहो तो फुटर को आप थोड़ी देर के लिए रिमूव कर लो तो हम लोग आते अपने बेस के अंदर एंड ये फुटर है इसको हम लोग कमेंट आउट कर देते हैं यस इसको हमने कमेंट आउट कर दिया तो हमारा फुटर अभी गायब हो जाएगा बाद में हम दूसरा फुटर लगा सकते हैं यह साइन अप है एंड हम थोड़ा सा देखेंगे यार हम आएंगे अपने फलो बाइट प फलो बाइट प यहां पर देखेंगे भाई हम कार्ड ड बना सकते हैं क्या हमारे पास कुछ कंपोनेंट मिले कार्ड का तो आप देखो आई थिंक मैंने सर्च किया है एंड यस होना तो चाए कार्ड बनाने के कुछ कंपोनेंट्स और टाइम लगा रहा है यस हम कुछ ऐसे कार्ड्स बना सकते हैं तो एटली हम यही कार्ड्स यूज करेंगे एंड नीचे भी देखोगे तो आपके पास बहुत सारे कार्ड्स है जिसमें आइकन वगैरह रख सकते हो इवन आप इमेज हेडिंग और यह सब रख सकते हो तो हम इसी कार्ड को यूज करेंगे हम क्या करते हैं हम इसको कॉपी करते हैं एंड हम लोग अपने रजिस्टर ड के अंदर आते हैं एंड हम लोग यहां पर पेस्ट करते हैं जरा देखते हैं कार्ड हमारा बन के आ रहा है कि नहीं बन के आ रहा है कुछ और तो नहीं पेस्ट हो गया इस चीज का भी ध्यान रखना होगा ये देखिए हमारे पास कार्ड आ चुका है इवन ये ऑप्टिमाइज्ड है डार्क और लाइट के लिए भी डार्क और लाइट थीम के लिए भी ऑप्टिमाइज है यस एंड कुछ गड़बड़ हो रहा है भाई लेट्स फाइंड आउट इंस्पेक्ट प आते हैं एंड कंसोल प चलते हैं एंड हम डार्क थीम पे करते हैं डार्क थीम हो चुका हमारा लाइट थीम नहीं हो रहा है लाइट थीम तुरंत नहीं चेंज हो रहा है लाइट थीम के लिए हमें कुछ करना पड़ रहा है सो हम लोग क्या करते हैं यार हम ठीक है लाइट थीम नहीं हो रहा है एक बार हम लोग इसको भी देख लेते हैं हम लोग यहां पे आते हैं लेट्स सी दैट हम लोग ने चेंज थीम कॉल किया चेंज थीम को ओपन करो एंड एक बार यहां पर चेक करते हैं लाइट थीम प जब आप क्लिक कर रहे हो तो ओबवियस सी बात है यह वाला चल रहा होगा और करंट थीम डार्क होगा तब हमें वहां प लाइट दिख रहा होगा ये देखिए यहां पर लाइट दिख रहा होगा ठीक है अब आप जब क्लिक करोगे तो करंट थीम इसमें डार्क है तो एगजैक्टली ये वाला इ चलेगा परफेक्ट एंड नीचे आएंगे तो थीम हो जाएगा लाइट हमारा परफेक्ट एंड यहां पे चेंज थीम में हमने करंट थीम पास कर दिया जो कि इस समय क्या होगा हमारा लाइट होगा एक बार अगर आपको देखना है तो आप यहां पे कंसोल लॉक लगा लीजिए ठीक है हमने करंट थीम पे कंसोल लॉक लगा लिया थोड़ा सा प्रॉपर देखने के लिए तो हमने कहा लाइट परफेक्ट डार्क लाइट ठीक है तो कुछ कुछ ऐसे हो रहा था चल रहा है कोई दिक्कत वाली बात नहीं आई थिंक रिफ्रेश प्रॉपर नहीं हुआ होगा इसलिए दिक्कत कर रहा है दिक्कत कर रहा था तो ये चल रहा है कोई दिक्कत वाली बात नहीं हम क्या करते हैं इसको थोड़ी देर के लिए अभी के लिए हम इसको हटा दो इधर या फिर इसको बंद कर दो ठीक है हम इसको अभी बंद कर देते हैं एक चीज और कर लेते हैं अगर हमारा बिल्ड टूल नहीं ऑन है तो बिल्ड टूल भी ऑन कर लेते हैं एक हम लोग कंसोल और ओपन अप कर लेते हैं प्लस कर लो एंड हमारा बिल्ड टूल कहां गया भाई या बिल्ड वाला कमांड जो हमारी सीएसएस को बिल्ड कर रहा होय इसको भी ऑन कर लो ऑन हो गया यह तो फर्जी हम लोगों ने काम कर लिया कोई दिक्कत वाली बात नहीं एंड हम चाहते हैं ये हमारा कार्ड एकदम सेंटर पे आ जाए यहां पे उसके लिए हम क्या यूज कर सकते हैं या ये कार्ड सेंटर प बनाने के लिए हम यूज करेंगे ग्रिड्स ग्रिड्स यूज कर सकते हो या फ्लेक्स भी यूज कर सकते हो बट हम लोग ग्रिड ग्रिड्स यूज करने वाले हैं ग्रिड्स बहुत तगड़ी चीज है कैसे करेंगे देखो हमारा जो मेन कंटेंट है वो यह वाला कंटेंट है यह वाला कंटेंट यही हमारा कार्ड है ब्लॉक ल ब्लॉक लगा हुआ है काफी चीजें लगी हुई है आप देखो यहां पे ठीक है इवन आप विड्थ भी लगी हुई है देखिए विड्थ डब्लू एसम लगा है इसको आप हटा दोगे तो आप देखोगे पूरी विड्थ हमारी ये देखिए 100% विड्थ हो गई ठीक है 100% रहने दो बट आप समझो ये हमारा कार्ड है दिस इज एक्चुअली कार्ड कार्ड एंड इस कार्ड को हम क्या करते हैं थोड़ी देर के लिए कट कर लेते हैं कंट्रोल एक्स मैंने कर लिया हम सबसे पहले क्या करते हैं इसको ऐसे मैनेज कर लेते हैं कि ये सेंटर पे आए बीच में आए तो हम क्या करेंगे एक हम बनाएंगे डिव एंड ये हमारा एक्चुअली मेन डिव होगा परफेक्ट एंड हम लोग इस डिव को क्या करेंगे बस आप देखते जाइए इस डिप को हम लोग क्लास देंगे ग्रिड्स या ग्रिड एंड एंड ग्रिड्स भी है क्या हमारे पास नहीं ग्रिड्स नहीं है तो हम हां ग्रिड देंगे एंड इस डिप के पास हम टोटल 12 ग्रिड देने वाले हैं 12 कॉलम्स तो हम कहेंगे ग्रिड कॉलम कॉल्स 12 हमने इस ग्रिड को 12 कॉलम्स दे दिए मतलब इस ग्रिड के पास 12 कॉलम्स हैं अगर आप देखोगे कॉलम 1 दोती च ऐसे करके 12 कॉलम्स है और हम क्या करेंगे हम यहां पे एक गड़ी बनाएंगे जिसको हम लोग बड़ा कर देंगे या हम कहेंगे यह डिप जो है वह छ की स्पेस ले रही है तो हम कहेंगे कॉल स्पैन सस कॉल स्पैन सिक्स तो ये जो डिब है ये 12 में से छ की स्पेस ले रही है छ की स्पेस ले रही है ये छ की स्पेस ले रही है गा ठीक है समझ गए इतना बात इतना आई थिंक समझ गए थोड़ा सा मैं जूम आउट कर लेता हूं जूम इन कर लेता हूं जिसे आपको दिख जाए तो ये छ की स्पे ट मीन इसके अंदर जो लिखेंगे वो छ ग्रिड्स में दिखेगा मैं अपना कार्ड यहां पर पेस्ट कर देता हूं तो ये जो कार्ड है गाइस ये कार्ड वो हमारे छ की स्पेस में दिखने वाला है दिखाता हूं आपको यहां पे मैंने रिफ्रेश किया एंड ये देखिए ये छह की स्पेस यूज कर रहा है छह की स्पेस ऑप्टिमाइज कर रहा है मतलब 12 में से छह की स्पेस तो हमारी राइट साइड छूट गई छह की स्पेस ये वाला कार्ड यूज कर रहा है परफेक्ट अगर आप चाहते हो कि चार की स्पेस यूज करें तो 12 में से हम कहेंगे चार की स्पेस ये यूज करेगा अगर आपने चार कर दिया तो ये चार की स्पेस यूज करेगा अब आपको कौन सी स्पेस यूज करवानी है ये आप पे डिपेंड कर रहा है परफेक्ट ठीक है मैं कहूंगा हम 12 में से चार की स्पेस है वो हमारा काट ले रहा है बट अगर आप देखना चाहो तो थोड़ा सा यहां पे मैं बता सकता हूं आपको यहां पे ठीक है देखिए कुछ ऐसा कुछ ऐसा कि हमारे पास टोटल जो डिब है ये वाली डिब कौन सी वाली ये वाली डिब है गा ये मेन डिब है जिसको मैंने 12 कॉलम्स बनाए थे इसको हमने 12 कॉलम दे दिए मतलब यह डिब 12 हिस्स में डिवाइड हो गई ऐसे करके ठीक है 12 कॉलम्स के पास आ गए एक दोती च पा 6 एंड छ और है फिर मैंने कहा कि जो हमारी कार्ड वाली डिब है वो छ गड छ डिब को यूज कर रही हैट मीस ये छ डिब को यूज कर रही है इस छह डिब में हमारे हमारा कार्ड है लेकिन छह डेब हमारी फर्जी की बची पड़ी है इधर ये स्पेस बची पड़ी है हमारी आप देखोगे तो यहां पे ये स्पेस हमारी इस तरफ बची हुई अब छह की जगह मैंने बाद में चेंज कर दिया इसको और छह की जगह मैंने बोल दिया कि ये चार ही ग्रिड यूज कर रहा है ये चार गिड यूज कर रहा है मतलब ये कहीं एक दोती चार यहीं तक का आ रहा है बाकी हमारे पास आठ डिप इधर फ्री की बची हुई है ठीक है तो हम क्या करेंगे हम कुछ ऐसा करेंगे कि हमारी ये डिव बीच में आ जाए चार डिव और चार डिव इधर छूट जाए फोर डिव और फोर डिव इधर छूट जाए और हमारी जो डिव है वो कार्ड वाली व इस तरफ आ जाए ठीक है यहां प आ जाए ठीक है तो हम लेफ्ट साइड में एक डिब बना देंगे जो चार की स्पेस ले रहा होगा और हमारी जो डिब है वो बीच में आएगी और लास्ट वाली डिब इधर आएगी या लास्ट में अगर आप डिव नहीं भी बनाते हो तब भी वो लास्ट चार की स्पेस लेता है परफेक्ट ठीक है तो वही करेंगे हम अपने कार्ड वाली डिव से पहले एक बना देंगे डिफ जो जिसको हम दे देंगे कॉल स्पैन फर बस अब ये स्टार्टिंग के चार कॉलम को ले रही होगी फिर नेक्स्ट चार कॉलम ये ले रही होगी एंड बाकी कॉलम आपके अपने फ्री पढ़े रहेंगे तो यह बढ़िया चीज है अब देखो यह देखिए हमारा जो कार्ड है एकदम सेंटर प आ चुका अब ये दिक्कत करेगा हमारी स्मॉल स्क्रीन प स्मल स्क्रीन पर दिक्कत करेगा यह देखो तो हम क्या करेंगे इसको भी हम लोग यूज करेंगे देखेंगे कैसे हम लोग कहेंगे कि यह जो चीज है यह मीडियम एंड मीडियम के ऊपर ही अपलाई होगा अप्लाई होगा और बाकी में हम कॉल स्पैन हम 12 कर देंगे मतलब जो यह वाली डिव है वो मीडियम स्क्रीन और मीडियम स्क्रीन के ऊपर यह चार ले लेगी स्पेस चार इसका जो कॉलम स्पैन हो जाएगा चार हो जाएगा लेकिन उससे पहले पे सारे मतलब स्पैन होगा और 12 होगा अब इससे क्या होगा इससे अगर आप रिफ्रेश करोगे तो देखोगे ये देखिए तो जैसे ही देखो ये स्मॉल स्क्रीन चल रही है एंड जैसे ही हम बड़ा कर रहे हैं बड़ा कर रहे हैं बड़ा कर रहे हैं एंड ये देखिए जैसे ही मीडियम आएगा तो ये चार अपने आप से ले लेगी तो आप इसको ऑप्टिमाइज कर सकते हो और भी हमने कहा मीडियम पे यह ले लेगी छह या फिर आठ और एलजी पे हम लोग इसको दे देंगे कॉल कॉल स्पैन कॉल स्पैन ऑ फर तो अब हमने पूरा प्रॉपर ऑप्टिमाइज़ कर रखा है जैसे फॉर एग्जांपल हम नीचे जा रहे हैं अ कुछ गड़बड़ हो गया कुछ गड़बड़ हो गया हां गड़बड़ यह हो गया कि हमें मीडियम पे भी इसको ऑप्टिमाइज़ करना पड़ेगा मीडियम को पे हमने इसको दे दिया आठ तो हमें क्या करना पड़ेगा मीडियम पे इस वाले डिप को भी हमें ऑप्टिमाइज करना पड़ेगा हम कहेंगे इसकी जो स्पैनिंग होगी मीडियम पे वो होगी दो तो आ दो 10 और दो लास्ट वाले 12 ठीक है एंड बाकी एलजी प जो इसकी स्पैनिंग होगी जो ब्लैक वाली है वो स्पैन करेगा ओबवियस बात कितना है भाई चार थी तो चार इधर ठीक है सो अब परफेक्ट होगा काम ये देखिए हम छोटे पे हमारी जो डिव है वो टोटल 12 स्पैन मतलब 12 स्पन ले रही है मतलब ओवरऑल सारी जगह ले ले रही है जैसे हम हल्का सा बढ़ेंगे बढ़ेंगे तो देखना बढ़ेंगे बढ़ेंगे ब यहां पर जो हमारी डिव है वो एक्चुअली यूज कर रही 8 स्पेंस मतलब स्पैन कर रही है एट कॉलम्स तक का तो दो इधर छूट जा रहे दो इधर छूट जा रहे हैं जैसे और बढ़ो ग तो हमारी डिफ यूज करेगी सिक्स आई थिंक हां फोर कॉलम्स को तो फोर कॉलम्स एंड देन जब आप और बढ़ो तो ये फोर प ही मेंटेन रहेगा इफ यू वांट तो आप क्या कर सकते हो लार्ज प आप छ कर सकते हो छ कर सकते हो एंड छ अगर है तो बीच में हम तीन इधर छोड़ना पड़ेगा एंड बाकी आप एक्सेल पे आप कॉल स्पैन फर यूज कर सकते हो यहां भी आप एक्स्ट्रा लार्ज पे हम लोग कॉल स्पैन फर ही यूज करेंगे ठीक है सो अब ये प्रॉपर्ली ऑप्टिमाइज हो गया तो अभी ये हमारा है लार्ज स्क्रीन है बढ़ेंगे बढ़ेंगे बढ़ेंगे यस ये एक्स्ट्रा लार्ज है तो अब हमारा कार्ड प्रॉपर्ली ऑप्टिमाइज है फॉर द मोबाइल स्क्रीन आल्सो एंड फॉर द लैपटॉप डेस्कटॉप टैबलेट सब स्क्रीन के लिए ऑप्टिमाइज है परफेक्ट अब हम यहां अपना साइन अप फॉर्म बना सकते हैंट मीस हेडिंग प आएंगे पहले तो हम इसको एंकर टैग जो है उसको हम लोग चेंज करके कर देंगे डिफ क्योंकि हमें यहां पे टैग एंकर टैग प कोई लिंक थोड़ इस कार्ड प थोड़ी कोई लिंक देनी है तो आप देखोगे परफेक्ट हमारे डिप बन चुका है एंड देन फाइनली इ य अगर डाक मोड देखते हो ये रहा परफेक्ट तो अभी भी ये कुछ गड़बड़ कर रहा है आ थ हां ठीक है ठीक है सो हम लोग आ जाते हैं हेडिंग प और यह रही हमारी हेडिंग यहां पर हम लोग देंगे साइन अप यर यस एंड अगर आप चाहते हो तो य कुछ दे सकते हो जैसे फर एग्जांपल स्टार्ट स्टोरिंग या स्टार्ट मैनेजिंग कांटेक्ट ऑन क्लाउड क्लाउड तो एक मैंने बस ऐसे ही सब हेडिंग पकड़ा दिए स्टार्ट मैनेज कांटेक्ट ऑन क्लाउड एंड थोड़ा सा मैं क्या करूंगा इसका टेक्स्ट मैं बढ़ाऊ हल्का सा 700 की जगह हम 400 यूज़ कर लेते हैं अब ठीक है हां ठीक है तो कहीं-कहीं यह गड़बड़ क्यों कर रहा है आई डोंट नो रिफ्रेश कर लो कहीं-कहीं यह गड़बड़ करने लग रहा है इसको हम लोग अगर यह कुछ गड़बड़ करेगा तो लास्ट में हम कुछ बक फिक्स करेंगे तो टेस्ट कर लेंगे तब तक एंड फिर हम लोग इसको सही कर लेंगे अगर यह ग गड़बड़ करेगा अगर अदर वाइज बाकी चांस तो मुझे गड़बड़ नहीं कर रहा बट कभी-कभी गड़बड़ कर दे रहा है ओके सो इतना हमारा बन चुका है अब फाइनली हम आने वाले हैं सबसे पहले हम एक यूजर नेम वाली फील्ड बनाएंगे और इस फील्ड को हम देखते रहेंगे कि क्या हमारे डेटाबेस हमारे जो मॉडल्स है या हमारी एंटिटीज है उससे उसमें यह फील्ड है कि नहीं है क्योंकि आप देखो अगर आपने कोई दूसरी फील्ड ले रखी है तो हमारा इस फॉर्म को बनाने का कोई मतलब ही नहीं है तो सबसे पहले यूजर है फिर ईमेल है फिर पासवर्ड है तो हम यहां पे ओपन कर लेंगे कंट्रोल प दबाए या अगर आप मैक में हो तो आप कमांड प दबा करके अपना यूजर्स वाला एंटिटी ओपन कर लिए इसके लिए हम एक फॉर्म पहले बनाएंगे नेम के लिए जो यूजर नेम ओबवियस सी बात है लेकिन हम लोग इस ईमेल को ट्रीट करेंगे यूजर नेम बट फिर भी हमारे पास एक यूजर नेम वाली फील्ड होनी चाहिए नेम वाली फील्ड होनी चाहिए तो हम एक नेम वाली फील्ड बनाएंगे देन ईमेल वाली देन पासवर्ड वाली एंड देन हम एक फोन नंबर वाली फीड बनाएंगे इफ रिक्वायर्ड अगर चाहते हो तो अदर वाइज लीव भी कर सकते हो एंड देन एक हमारे पास डिस्क्रिप्शन है हमारे पास क्या आई डोंट थिंक डिस्क्रिप्शन हम लोग ने लिया है अबाउट लिया तो था ये रहा अबाउट वाली एक फील्ड हम लोग बनाएंगे एंड देन बटन बनाएंगे तो ठीक है आ जाते हैं हम लोग यहां पे कहां पे आ जाते हैं हम लोग फील्ड बनाने के लिए हम लोग यूज़ करेंगे फ्लो बाइट यूज़ कर लेंगे यहां पे एंड यहां पे हम देखेंगे इनपुट से कोई फील्ड है क्या एंड आपको मिल जाएंगी बहुत सारी यह देखिए तो हमारे पास यह देखिए यह कुछ सर्च बॉक्स वाली फील्ड है मुझे ये चाहिए नहीं हमें नॉर्मल चाहिए यार ठीक है तो यह सब इतना फैंसी नहीं फैंसी वगैरह मुझे नहीं चाहिए ठीक है बट हमारे पास सिंपल फॉर्म चाहिए तो हम एक बार क कमांड के से सर्च करते हैं शायद कमांड के यहां सर्च कर लो फॉर्म एंड हमको बढ़िया सा फॉन्ट मिल जाएगा ये देखिए जिसमें हमें लेवल भी चाहिए और ये फील्ड चाहिए तो हम क्या करेंगे ये डिव कॉपी करेंगे इसी डिव से हमारा सारा काम हो जाएगा ये देख लीजिए ये डिव है मार्जिन बॉटम फाइव दिया है एंड इसमें कुछ क्लासेस लगी हैं ये हमारा काम कर देंगे तो इसी को हम कॉपी करेंगे एंड क्योंकि लेबल भी इसके अंदर इनपुट भी है और हम आ जाएंगे अपने कोड के अंदर एंड अपने एमल के अंदर यहां पर इस पी के जस्ट बाद यहां पर मैं लगाऊंगा फॉर्म यह हमारा होगा फॉर्म फॉर्म को कैसे मैनेज करना मैं आपको बता दूंगा फिलहाल यह जो फील्ड बनाने जा रहे हैं वो हम नेम के लिए बना जाट मीन यूजर नेम या फिर नेम एंड हम पेस्ट कर देंगे य अब आप देखो यहां प इसके पास लेबल ऑडी लिखा है तो हम कहेंगे यहां पर हमें चाहिए क्या नेम चाहिए ठीक है टाइप टेक्स्ट होगा क्योंकि हम ईमेल वाला अभी नीचे बनाएंगे आईडी नेम है एंड बाकी यह जो क्लासेस है वो हमारे सुंदरता बढ़ा रही है हमारे इस इनपुट फील्ड की मी इसको डिजाइन करने के लिए यूज हो रही है जैसे बीजी ग्रे 550 दिया गया है बॉर्डर दिया गया है बॉर्डर ग्रे 300 दिया गया एंड टेक्स ग्रे भी दिया गया है एंड बाकी फोकस अगर आप करोगे तो ब्लू कलर का कुछ दिखेगा सब चीज दिखा दिया गया है एंड बाकी यह है प्लेस होल्डर तो हम लि देंगे एंटर हियर बाकी यह फीड हमारी रिक्वायर्ड है इतना करने के बाद अगर हम आते हैं आउटपुट चेक आउट करते हैं रिफ्रेश करेंगे तो आप देखोगे ये देखिए परफेक्ट हमारे पास फीड बन के आ गई है एंड यही हमें चाहिए था थोड़ा सा जगह हम दे देते हैं जगह देते इस फॉर्म और हमारे टेक्स्ट के ठीक है तो हम य पर क्लास लगाएंगे मार्जिन टॉप आप अपने हिसाब से दे दो यार यस ठीक है तो हमारे पास एक फीड आ चुकी नेम उसके बाद हमारे पास ईमेल वाली फीड चाहिए तो हम यहां से स्टार्ट हुई थ ना यहां पर कमेंट लगाते हैं लिख देते हैं ईमेल फीड ईमेल फीड एंड चिपका लेते हैं ठीक है यह ईमेल के लिए टाइप ईमेल है आईडी भी ईमेल है एंड ठीक है परफेक्ट हम लोग क्या करते हैं यहां पर बस लेवल पर हम यहां पर कर देते ईमेल एंड आपको एक और फीड देखने को मिल जाएगी यही ठीक है बस इसमें शायद मार्जिन बॉटम क्यों नहीं चल रहा है यह देखते हैं हम लोग इसलिए चल रहा क्योंकि हम लोग ने गलत डिप के अंदर सा रख दिया य यहां से स्टार्ट हो रही है और ओके सो हम लोग ने नेम वाली फील्ड के अंदर ही अपना ये वाली फील्ड भी रख दिया तो इसको हम लोग कट कर लो यहां से यहां तक का एंड इसको एक ऊपर ले जाओ यहां पे फॉर्म के अंदर रहेगा बट अपने नेम वाली फील्ड के बाहर रहेगा इतना करने के बाद ये देखिए हमारे पास स्पेस भी आ चुकी है अगर आपको स्पेस ज्यादा लग रही है तो जो मार्जिन बॉटम फाइव यूज कर रहे हैं उसको हम लोग फोर भी कर सकते हैं आपकी मर्जी तो ये नेम के लिए फीड हो जाए ईमेल के लिए फीड हो जाएगी देन पासवर्ड के लिए हम लोग यूज करेंगे लेस स्पेस दैट मींस हम लोग ये जो मार्जिन फाइव है इसको हम लोग मार्जिन थ यूज करेंगे एंड यहां भी हम लोग मार्जिन थ यूज करेंगे सेव करेंगे एंड यस ईमेल हो गया एंड अगर डार्क थीम पर आप जाओगे तो आपको कुछ बढ़िया कुछ ऐसा दिखेगा यस अभी अभी यह नहीं चल रहा है आई डोंट नो तो कभी कभी य नहीं चलने लगता लेट्स सी क्लियर करो जरा बीच-बीच में अगर य दिक्कत करेगा तो हम देखेंगे क्या दिक्कत है लाइट थीम है एंड अब देखते हैं जरा अब डार्क थीम है ट मीस डेटाबेस में तो परफेक्टली चेंज हो रहा है बट यहां प चेंज हो रहा है यहां पे ना चेंज होने का मतलब है कि हमारे पास लाइट थीम और डार्क थीम दोनों लग रहा है दैट मींस ये रिमूव नहीं कर पा रहे है थीम को थीम को रिवू नहीं कर पा तो इसको हम लोग देख लेंगे बाद में क्यों ऐसा हो रहा है ठीक है अभी के लिए हम ट्राय देते हैं बाद में हम लोग इसको चेक आउट कर ले नेम केलिए हो गया देन फाइनली हमें नेम के बाद हमें क्या बनाना है भाई पासवर्ड क् बनाना है तो सिंपल हम लोग आ जाते हैं यहां पे एंड यहां पे अगेन हम इस डिप को कॉपी करेंगे या इस डिप को ट ही कर लेते हैं ठीक है पासवर्ड के लिए हो जाएगा यहां पर हम लोग कर देते हैं पासवर्ड फील्ड एंड यहां पर न्यू पासवर्ड कर देते हैं टाइप भी हम यूज करेंगे पासवर्ड एंड आईडी भी हम यूज करेंगे पासवर्ड एंड क्योंकि आईडी पासवर्ड है तो यह जो लेबल है वो फॉर पासवर्ड है एंड प्लेस होल्डर में कु जरूरत नहीं है य लिखने की तो हमारे पास एक फील्ड और आ चुकी है पासवर्ड की ये देखिए जिसमें आप लिखोगे तो दिखेगा नहीं तो पासवर्ड के लिए फीड हो गई देन और किस चीज के लिए हमें चाहिए यार पासवर्ड उसके बाद हमें एक अबाउट के लिए चाहिए अबाउट के लिए टेक्स्ट एरिया चाहिए होगा तो नेम हो गया ईमेल हो गया पासवर्ड हो गया अबाउट टेक्स एरिया बाकी प्रोफाइल पिक्चर हम एक डिफॉल्ट पिक्चर डाल देंगे एक फोन नंबर के लिए भी चाहिए तो हम एक फोन नंबर के लिए भी फीड बना लेते हैं हम लोग यहां पे फोन नंबर के लिए बना लेते हैं नेक्स्ट नीचे आ जाते हैं यहां पे एंड हम लोग इसी को हम लोग कॉपी कर दो एक फोन नंबर के लिए पहले हम लोग लेते हैं फोन फील्ड एंड यहां पर हम लोग कर देते हैं कांटेक्ट नंबर एंड यह नॉर्मल टेक्स्ट हम यूज करेंगे एंड आईडी में भी हम लोग फोन डाल देंगे य प एंड क्योंकि य इस इनपुट फीड की आईडी फोन है तो हम फॉर में भी यहां प फोन यूज करेंगे ठीक है परफेक्ट ये फीड हमारी फोन की बन गई देन हम उसके बाद हम लोग क्या करेंगे हम लोग टेक्स्ट एरिया यूज करेंगे टेक्स्ट एरिया के लिए हमें फिर से यहां पर जाना पड़ेगा एंड सर्च करना पड़ेगा टेक्स्ट एरिया एंड टेक्स्ट एरिया के लिए हम लोग यूज करेंगे यह वाला जिसमें लेवल है एंड एरिया टेक्स एरिया लख है कुछ ऐसा है इसी को कॉपी कर लो यहां पर आ जाओ एंड जस्ट फोन फीड के नीचे यहां पर हम लोग एक कमांड लगाएंगे लिखेंगे अबाउट टेक्स्ट एरिया एंड हम डिफ यूज करेंगे डिफ जिसमें जिसका जिसका डिफ का मार्जिन बॉटम थ्री रख देंगे क्योंकि सबका रखते आए हैं टैब दबाए एंड पेस्ट कर देंगे फाइनली एंड देखेंगे भाई ठीक है आ गई यहां पे कुछ चेंजेज करेंगे योर मैसेज लिखा यहां पे लिखेंगे राइट समथिंग अबाउट योर सेल्फ उसके बाद आईडी मैसेज है इसके जगह हम अबाउट कर देंगे एंड लेबल में फॉर जहां मैसेज लिखा हम अबाउट कर देंगे रोज चार है इसको चेंज करके हम यहां पे छह यूज़ करेंगे एंड प्लेस होल्डर राइट यू थॉट है राइट हियर लिख देंगे राइट हियर एंड लेट्स सी क्या हमारे पास टेक्स्ट एरिया आ गया यस आ चुका है टेक्स्ट एरिया बढ़िया जो कि डार्क थीम प ऐसे चलेगा ठीक है बस अब हमें बटन बनानी है तो फाइनली हम लोग बटन बना लेते हैं और हमें हल्का सा ऊपर से बॉर्डर भी क्रिएट करना है तो बॉर्डर भी हम लोग बना देंगे बट हम पहले रजिस्टर की बटन बना लेते हैं थोड़ा सा ज़ूम है ये क्या ज़ूम है हां 110 पे ज़ूम है इतना हमें दिखेगा जो कक एकदम परफेक्ट है अब हम लोग य प आते है एक बटन बनाते है एक क्या दो बटन बना लेंगे रिसेट का और एक हम लोग रजिस्टर का बना लेंगे तो यहां पर हम आएंगे बटस बटस और एक डिप बनाएंगे मार्जिन बॉटम सब पर दे रहे हैं तो इस पर भी दे देंगे एंड हम बनाएंगे बटन बटन बटन जिस पर हम लोग लिखेंगे यहां पे साइन अप एंड बटन प कुछ प्रॉपर्टीज हम सेट करेंगे जैसे प एक्स पहले देंगे थ पवा देंगे राउंडेड एंड बैकग्राउंड कलर इंपॉर्टेंट है किस कलर का आप सबमिट बटन रखना चाह रहे हो तो हम रखना चाह रहे हैं ग्रे अगर थीम यूज कर र तो ग्रही रख दो या 800 बी और यहां पर टेक्स्ट हमारा वाइट इट देखते भा तो आपको आपके पास यह कुछ ऐसी बटन दिखी अगर आप चाहते थे कि इसको हम ब्लू बनाए तो ब्लू बना सकते थे ठीक है लेकिन हमें यहां पर कुछ चीज मैनेज करनी पड़ेगी क्या मैनेज करनी पड़ेगी समझिए हमें यहां पर डार्क थीम के लिए भी क्लास लिखनी पड़ेगी चलो भाई डार्क थीम प हम चाहते हैं यह डार्क थीम पे इसका जो कलर हो वह ब्लू रहे तो हम कहेंगे ब्लू या बीजी ब्लू कौन सा रखना चाह रहे हो डिपेंड करता है तो हम कहेंगे चलो 700 डाल दो एंड टेक्स्ट तो वाइट ही रहेगा कोई दिक्कत वाली बात नहीं है एंड होबर पर अगर आप कुछ डालना चाहो ाल दो हम कहेंगे डार्क पे जब हम होमवर्क करेंगे तो उस केस में हमारा बीजी ब्लू 800 हो जाएगा एंड नॉर्मल अगर आप होमवर्क करते हो तो हमारा बीजी ग्रे आ वो 900 हो जाएगा सेव करो इतनी मेहनत करने के बाद आपकी एक बटन रेडी हो रही है ठीक है डाक प चलो डाक प के ठीक है तो आप देखो यहां पर हमने क्या किया है बीजी ब्लू 700 मैंने दिया है डार्क पे एंड डार्क प होवर करेंगे तो बीजी ब्लू 800 है ठीक है एंड नॉर्मल अगर आप होवर करते हो तो बीजी ग्रेट ह ठीक तो था सेव करो यार रन करो जरा ठीक है होवर प चल रहा है नॉर्मल नहीं चल रहा आई डट नो लाइट प भी कुछ चीज नहीं चलर आई थक देख एक बार बिल्ड हो रहा है हमारा कि नहीं बिल्ड हो रहा है य भी बिल्ड हो रहा है तो कुछ क्लासेस हमने लिखने की कोशिश की थी चल नहीं रही है आई थिंक जरा हम लोग बीजी ग्रेट 800 और 900 में कोई डिफरेंस ही नहीं होगा जरा हम इसको 500 करके चेक करते हैं हां ठीक है सो आप सही है आपको यहां पर दिख रहा होगा कि यहां कुछ चेंज हो रहा है ट मी व सही च च रहा था तो हम लोग क्या करते हैं इसको 700 कर देते हैं ठीक है ओके या फिर हम जो इसका बैकग्राउंड है उसको 700 करो एंड जब आप इस कर्सर ले जाओ तो 800 करेंगे सेव कर दो यस ठीक है तो ऐसा दिखेगा बट य भी अच्छा नहीं लग रहा तो हम लोग 800 ही रखो इसको ओवर पर हम लोग ग्रे नॉर्मल कर देंगे अब देखो यार ठीक है कोई कोई दिक्कत वाली बात नहीं डार्क में हमारा इसका बैकग्राउंड भी नहीं चल रहा डार्क पे डार्क पे बैकग्राउंड भी नहीं चल रहा है आई डोंट नो वई डार्क पे बी7 100 नहीं चल रहा जरा 800 ट्राई करते हैं हां ठीक है 800 चल रहा है तो हम इसको सेंटर प ड ले जाते हैं सेंटर प ले जाने के लिए हम यहां पे आएंगे अपने इसके इसके पैरेंट प आएंगे फ्लेक्स करेंगे जस्टिफाई सेंटर सेव कर देंगे एंड आप देखोगे यह साइन अप बटन सेंटर पर चली जाएगी एंड लाइट प भी यह सेंटर प रहेगी देन हम इसी का एक डुप्लीकेट बना लेते हैं इसको कॉपी कर लो शिफ्ट ल्ट डाउन एरो एंड हम बना लेंगे य पे रिसेट रिसेट बटन तो आपके पास एक रिसेट बटन होगी एंड हम स्पेस देंगे तो हम देखेंगे स्पेस एक्स न यूज कर लो यस ठीक है एंड हल्का सा हम लोग चेंज करेंगे यस सी बात है ये जो है वो रिसेट बटन है तो हम एक जैसा नहीं रखेंगे ना थोड़ा सा हम लोग कलर में क्या करते हैं जहां ग्रे है ना वहां आप ऑरेंज वगैरह यूज कर लो ठीक है एंड यहां पर भी आप होबर करने पर भी हम ऑरेंज यूज करेंगे ऑरेंज कुछ ऐसा ठीक है बाकी आप चाहते हो कि यार हम लोग हम लोग डाक भी ऑरेंज कलर यूज करें तो हम डार्क प भी ऑरेंज चलेगा डार्क पर भी ऑरेंज चलेगा सेव करिए यस तो और दोनों पर चल रहा है डार्क प भी और लाइट प डार्क भी लाइट भी ठीक है सो हमारे पास बढ़िया सा फॉर्म रेडी है एंड बस हम इस फॉर्म पर बॉर्डर ऊपर वाला सेट करते हैं तो अपने कार्ड पर चलेंगे कार्ड हमारा कहां गया इसको नीचे कर लो यार नीचे कर लो तो हम लोग का जो कार्ड है वह यह वाला कार्ड है ठीक है यहां पर हम लोग बॉर्डर सेट कर सकते हैं टॉप और यहां पर हम दे सकते हैं कि बॉर्डर कितने पिक्सेल का चाहिए हम जरा से प एकस देते हैं एंड बॉर्डर ब्लू यूज करना है तो ब्लू यूज कर लो लेट्स सी ओके सो ये कुछ कह रहा है कि बॉर्डर 600 अप्लाई द सेम सीएस प्रॉपर्टी बॉर्डर ग्रेड टू ओके सो हमारे पास यहां पे बॉर्डर एक है ऑलरेडी इसको हटा दो जरा दूसरा बॉर्डर यूज करते ओके तो हमें सिर्फ टॉप का बॉर्डर चाहिए टॉप का ब्लू करना है तो यह बॉर्डर तो मैं हटा दूंगा यार एंड क्या हम हम ब्लू 700 यूज करते हैं ओके तो टॉप का बॉर्डर 600 नहीं हुआ 700 देखते हैं सिर्फ टॉप का बॉर्डर मुझे चेंज करना है यहां पर ओके अगर यह मैं हटाता हूं सारे बॉर्डर्स को देखते जरा हा अगर सारे बॉर्डर हटा दिए तो य टॉप हल्का सा रहा इसकी विड्थ बढ़ाते जरा बॉर्डर टी ए जरा यूज करते हैं थोड़ा सा और बढ़ाते हैं जरा इसकी विड्थ भी बढ़ाना चाह रहा हूं देखते जरा 50 पिक्सल सेव कर लो नहीं बढ़ रहा है तो जरा ग पर आते हैं यहां पर यूज करते हैं बॉर्डर टॉप टेल विंट एंड बॉर्डर विड्थ चेक आउट करते हैं आप देखो बॉर्डर जीरो दे सकते हो जीरो विड्थ के लिए बॉर्डर 8 बॉर्डर एक्सवा हमें चाहिए था बॉर्डर टॉप ठीक है सिर्फ बडर लिखोगे चारों तरफ का डर आएगा ू फ ठीक है ऑल साइड्स इंडिविजुअल साइड के लिए देखो बॉर्डर टॉप यूज कर सकते हैं फोर ठीक है तो हम यहां पर फोर या फिर 8 यूज कर सकते हैं ठीक है इसको हटाओ जरा एंड देन हम यहां पर बॉर्डर ब्लू ब्लू 700 यूज कर सकते हैं इट विल वर्क आई थिंक आ जाते हैं यहां पर साइन अप रीफेस करते चारों तरफ का बॉर्डर आ चुका है य प तो फिर से वापस हमें सिर्फ एक तरीके एक का बॉर्डर चाहिए बॉर्डर टॉप फोर बॉर्डर इंडिगो 500 ऐसे ही तो कुछ कर रखा हम लोगों ने यह वाला बॉर्डर हटा दीजिए यह बॉर्डर चारों तरफ बॉर्डर लगा रहा था यस सो यह हम लोग को करना था ऊपर से हमने ब्लू का हल्का सा बॉर्डर दे दिया है जो कि है ए अगर आप चाहते हो तो आप यहां पर ए था वो कितने पिक्सेल था जरा देखते हैं ए जो था वो ए पिक्सल था ना हम यहां पर 10 पिक्सल मैनुअली भी दे सकते हैं स्क्वायर बकेट के अंदर य देखि एंड हल्का सा आपके पास देखो तो राउंडेड लर्ज लगा है राउंडेड एक्सेल भी लगा सकते हैं एक्सेल भी लगा सकते हैं इस केस में ज्यादा सा कुछ ऐसा हो जाएगा य डार्क में भी चलेगा य देखि डार्क में यह कुछ ऐसा दिख रहा है ग्रे इस टाइप का ठीक है या अगर डार्क में भी अगर आपको रखना है तो डार्क में भी बॉर्डर देखि ग्रे है ना ये इसको आप ब्लू कर दो तो डार्क में भी ब्लू बॉर्डर आपका आएगा यह देखि लाइट में भी डार्क में भी ट डिपेंड कि आप कैसा रखना चाह तो हमारे पास एक ब्यूटीफुल सा साइन अप फॉर्म बन के कह सकते हो आ चुका है इफ यू वांट तो आप बॉडी प बॉडी का कलर हल्का सा ग्री टाप करिए मैं कंट्रोल प करता हूं और बेस ओपन करता हूं एंड जो बॉडी का यह देखिए लाइट वाला थीम है ठीक है लाइट वाला थीम नहीं लिखा यहां पर कहीं बॉडी का लाइट वाला थीम मैं यहां पर बीजी ग्रे 100 यूज करते हैं जरा देखते हैं हां यस कुछ ऐसा कर दगा बॉडी का लाइट थीम हल्का सा ग्रीस कर देंगे जिससे आपका बार भी तगड़ा दिखेगा एंड बॉडी भी एकदम कूल एंड तगड़ी दिख रही है ओके सो बस इस वीडियो के लिए इतना रखते हैं नेक्स्ट वीडियो के अंदर हम लोग क्या करते हैं थोड़ा सा इसको इस फॉर्म को हैंडल करते हैं और साइन अप करते हैं जिसमें हमें एरर्स दिखाना होगा वैलिडेशंस करने होंगे इस फॉर्म को हैंडल कैसे करना है वो सब चीज हमें देखना होगा नेक्स्ट वीडियो के अंदर हम लोग करेंगे और एक चीज हमें और करनी है यह कभी-कभी यह लाइट थीम एंड डार्क थीम काम नहीं कर रहा है डोंट नो वई ये क्यों नहीं काम कर रहा है मैं बताता हूं क्यों नहीं काम कर रहा है थोड़ा सा आ जाते हैं डी बक कर लेते हैं दो मिनट लगेगा आई थ फर्स्ट टाइम में दिक्कत कर रहा होगा जब हमने यहां पर कॉल किया है यह देखिए जब हमने कॉल किया है क्या चेंज थीम तो फर्स्ट टाइम में हमने चेंज थीम में ओल्ड थीम और न्यू थीम दोनों पास कर दिए थे अगर आपको पता हो फर्स्ट टाइम में यहां पर देखिए ठीक है तो इसने क्या किया होगा इसने रिमूव किया होगा इस थीम को ये थीम इसने डाल दिया होगा क्या हम करते हैं अगर यहां हम ओल्ड थीम को ब्लैंक पास कर दे तो देखें अगर एरर आ रही है कुछ ओके सो हम लोगों ने यहां पर एमबीटी क्लास दे रखी है तो हम लोग क्या करते हैं एक हम लोग चेक लगा देते हैं यहां पे कि रिमूव तभी करेंगे जब ओल्ड क्लास के अंदर डाटा होगा ठीक है कैसे दिखाता हूं ये हमने जो रिमूव लगाया ना ये ये हम एक इफ के अंदर लगा देंगे हम कुछ ऐसे कर देंगे इफ अगर ओल्ड थीम डबल इक्वल टू या इसके अंदर कुछ है तो हम रिमूव करेंगे ठीक है मैं यहां पर लॉग लगा के चेक भी करूंगा एक बार कंसोल डॉट लॉग एंड रिमूव ओल्ड थीम सेव करो जरा एंड रिफ्रेश करो तो पहली बार में ओल्ड थीम रिमूव नहीं हुआ है कोई भी मैसेज मुझे यहां नहीं मिला है बट अगर मैं यहां पर कॉल करता हूं तो आप देखोगे रिमूविंग ओल्ड थीम आ चुका है ट मीस ओल्ड थीम रिमूव हुआ है एंड फिर से रिमूव ओल्ड थीम हुआ है बट थीम हमारा चेंज नहीं हुआ आट मीस इससे दिक्कत नहीं थी हमारी ठीक है एंड हमारे एलिमेंट्स पर जाएंगे तो आप देखोगे डार्क और लाइट थीम दोनों एक साथ आ जा रहे हैं आई डोंट नो कहीं से और अगर दोनों आएंगे तो काम नहीं होगा हमारे पास एक आना चाहिए तो हम लोग देखते हैं जरा यह कहां से आ रहा है जब हम लोग क् लिस्ट में यह आइटम ऐड कर रहे हैं अच्छा इसका तो कोई मतलब ही नहीं हम लोग इसको हटा दो ठीक है और फिर हमने ऐड किया है एचटीएमएल में क्लास लिस्ट ड एंड हमने अपना थीम ऐड कर दिया जो भी करंट थ आरहा होगा एंड फिर हमने य पर चेंज कर दिया यह तो ठीक है परफेक्ट है हमने रिफ्रेश किया फर्स्ट टाइम में तो लाइट थी मैं ठीक है थीम लाइट थीम ओके सो हमें लग रहा है कुछ गड़बड़ हो रहा है यहां पर यहां से क्या गड़बड़ हो रहा है इसको थोड़ा सा हमें चेक करना पड़ेगा बॉक्स ऐसे ही निकलते हैं तो काफी ढूंढने के बाद हमें यहां पर एरर मिल चुकी है आपको कुछ नहीं करना यह जो कंस्ट ओल्ड थीम लिखा है इसको हम क्या करेंगे बस ये जो इवेंट हमने लगाया उसके अंदर डाल देंगे बस ऐसा पछ में हो सकता है गलत होआ हो जब हमने बनाया था चेंज थीम वाला फंक्शनैलिटी तो इसको आप सही कर लीजिएगा एंड इसको हम कर देंगे लेट क्योंकि इसकी वैल्यू हम चेंज कर रहे हैं यार ठीक है सो दो बक फिक्सस थे इसमें एक एक तो हमें इसको अपने इसके अंदर लाना है दूसरा इस ओल्ड थीम वाले वेरिएबल को इसके अंदर लाना है साथ ही साथ में हमें इसे लेट करना है क्योंकि हम कॉस्ट की वैल्यू चेंज नहीं कर सकते अब हम आएंगे यहां पे एंड रिफ्रेश करेंगे सो आप देखोगे ये देखिए परफेक्ट काम होगा एंड अब आप लॉगस को हटा सकते हो इफ यू वांट अदर वाइज हम प्रोडक्शन में जब इसको अपलोड करेंगे तब हम लॉक्स को हटा देंगे ठीक है सो बस हम लोगों ने इसको भी सॉल्व कर लिया नेक्स्ट वीडियो के अंदर हम लोग इसको वर्किंग करते हैं फुली फंक्शनल करते हैं और हमारा यार एकदम कूल थीम लग रहा है अगर आप चाहते हो तो इसको हल्का सा ऊपर से नीचे लाना तो आप ऊपर से नीचे भी ला सकते हो यहां पे हम लोग अपने रजिस्टर ड एटीएल के अंदर आ जाते हैं और यही हमारा कंटेंट है तो कंटेंट को हम डायरेक्टली मार्जिन टॉप लगा के एंड थोड़ा सा ऊपर नीचे कर सकते हैं क्लास लगाओ ना भाई या फिर हम यहां पर भी लगा सकते हैं अपने डिफ के अंदर मार्जिन टॉप ्र या फ आप देखोगे तो यहां पे ये देखिए ठीक है अपने हिसाब से आप मैनेज कर सकते हो एंड यस हेयर वी गो चलो भाई अब हम लोग क्या करते हैं इसको हम लोग इसमें डाटा फिल अप करते हैं एंड हम अपने बैक एंड में इसको रिसीव करते हैं कैसे करना है समझिए हम हम लोग का कोड कहां है भाई ये रहा यहां पे कोड है थोड़ा सा आपको समझना होगा यहां पे फॉर्म जो बना है हमारे रड एएल पेज प यहां पर फॉर्म बना है इसको थोड़ा सा नीचे कर दो अभी के लिए एंड जो हमारा फॉर्म है वो है हमारे पास यह रहा फॉर्म सो कहां गया भाई फॉर्म ये रहा यहां पर मैं लिखना चाहूंगा कि दिस इज अवर फॉर्म तो दिस इज फॉर्म यह हमारा फॉर्म है एंड इसके अंदर बहुत सारी हम लोग अभी एटिबल लिखेंगे हमें इस फॉर्म को कहां पर सबमिट करना है और हमें इसको कहां पर रिसीव करना है सबसे पहला हम लोग यही काम करते हैं तो हम कभी भी टा के सवार प सबमिट होगा इस एक्शन के अंदर हम लोग बताते हैं लेकिन हम लोग नॉर्मल एक्शन यूज नहीं करेंगे हम टीटीएच कोल एक्शन यूज कर सकते हैं एक्शन यूज कर सकते हैं ये हम थाइम लीप का एक्चुअली एक्शन यूज कर रहे हैं या सबसे बढ़िया अगर आपको एचटीएमएल ऑप्टिमाइज लिखना है कोड तो आप डटा डैश डटा डैश डैश टी एच ड एक्शन आप लिखो एंड यस यहां पे आप क्योंकि ये जो आप एक्शन के अंदर चीज पास करोगे वो एक्चुअली एक यूआरएल होता है और अगर यूआरएल है तो आपको रेट फिर ब्रेसस के अंदर लिखना होता है थाइम लीफ का ये रूल है कि जितने भी वायल्स आपको लिखने हैं वो आप रेट के अंदर लिखो नेक्स्ट हम लोग यहां पे स्लैश लगाएंगे एंड अगर इस फॉर्म को हमें भेजना है डू रजिस्टर तो हम यहां पे डू रजिस्टर पर भेज देंगे ये रहा तो ये हमारे पास एक यूआरएल ऑलरेडी हमारे पास होना चाहिए अगर ये ये य आरल नहीं है तो नॉट फाउंड आ जाएगा आप यहां पे देखोगे सो इसको मैं काम करता हूं बंद कर देता हूं अभी इसकी जरूरत नहीं है सो ये देखिए अगर मैं रिफ्रेश करता हूं तो अगर हम इस फॉर्म के प्रॉपर्टीज में जाके देखते हैं आप इसको इंस्पेक्ट करो एंड इंस्पेक्ट करोगे तो जो फॉर्म आपको दिखेगा मैं आपको दिखाता हूं यार यह देखिए यह डिव है हमारा इसको ओपन करेंगे तो हमारे पास यह रहा फॉर्म एंड इसका एक्शन डू रजिस्टर आ चुका है दैट मींस यह फॉर्म जब सबमिट होगा तो यह हमारे डू एक्शन पे जाएगा टू रजिस्टर पे जाएगा मैं यहां पे कुछ लिखता हूं एंड पासवर्ड डालता हूं कांटेक्ट नंबर डालता हूं एंड कुछ लिखता हूं और साइन अप करता हूं यह देखिए सो हमारा यह देखिए डू रजिस्टर पे जा चुका है दैट मींस हमारे पास यह राउट हैंडल करने के लिए एक हैंडलर होना चाहिए तो हम लोग हैंडलर बनाते हैं लेकिन उससे पहले हम लोग क्या करते हैं कुछ एटिबल और भी देते हैं हम जो डाटा को सबमिट करेंगे उसमें जो मेथड होगा वो पोस्ट होगा मेथड पोस्ट मींस कि जो हमारा डाटा जाएगा वो यूआरएल में नहीं जाएगा रिक्वेस्ट के बॉडी के अंदर जाएगा हम ज्यादा डाटा भी भेज सकते हैं तो ये इंपॉर्टेंट है अब हमारे पास ये दोनों प्रॉपर्टीज हमने बता दिया कि भैया हमारा जो डाटा है हमारा जो फॉर्म है वो सबमिट होगा डू रजिस्टर पे साथ ही साथ में जो मेथड है पोस्ट है अगर हम यहां पे इंक टाइप वगैरह भी बताना चाहते तो बता देते हैं दैट मींस कि अगर हम इसके अंदर कोई मल्टी पार्ट डाटा रखते तो उस हिसाब से हमें बताना पड़ता तो वो हम बाद में बताएंगे जब हम लोग ऐड कांटेक्ट वगैरह देखेंगे तब हम उस फॉर्म को थोड़ा सा एडवांस फॉर्म को हैंडल करना तब सीखेंगे अब हमारे पास एक हैंडलर होना चाहिए तो हैंडलर बनाते हैं हम ओपन करेंगे कंट्रोलर सो लेट्स सी हमारे पास कंट्रोलर है भी कि नहीं है तो एसआरसी स्मन जावा पे चलेंगे यहां पे एंड हमारे पास कंट्रोलर्स देखेंगे तो हमारे पास एक पेज कंट्रोलर है इसी पेज कंट्रोलर के अंदर हम लोग बना लेते हैं सारा काम कर लेते हैं पेज कंट्रोलर के अंदर यहां पे आ जाते हैं नीचे एंड यहां पे हम लोग कमेंट लगा के लिखते हैं प्रोसेसिंग प्रो सोसिंग रजिस्टर एंड यहां पे हम एक मेथड बनाएंगे पब्लिक जो रिटर्न कर रहा होगा यस स बात स्ट्रिंग रिटर्न कर रहा होगा स्ट्रिंग स्ट्रिंग स्ट्रिंग एंड नाम इसका देते प्रोसेस रजिस्टर ठीक है एंड यस एंड हम क्या करेंगे यहां पे भी ब्रैकेट में मॉडल नहीं लेंगे हमें अगर कोई डेटा भेजना होगा तब हम मॉडल यूज करेंगे अदर वाइज हम मॉडल नहीं यूज करेंगे एंड रिटर्न में हम ब्लैंक रिटर्न कर दे रहे हैं अभी बाद में हम इसको चेंज करेंगे एस पर रिक्वायरमेंट जैसे हमें जरूरत होगी सबसे पहले हम बताते हैं कि भैया यह जो है यह हैंडल कर रहा होगा पोस्ट मेथड साथ ही साथ में वो वाला य जिस पर हमारा फॉर्म आ रहा है तो हम यहां पे यूज करने वाले हैं पोस्ट मैपिंग आप यूज कर लो या फिर आप रिक्वेस्ट मैपिंग यूज करो साथ ही साथ में आपको दो चीज यहां पास करनी है एक तो वैल्यू पास करनी होती है जो हमारा है स्लश डू रजिस्टर डबल कोड्स यूज करो स्लश डू रजिस्टर एंड एक हमें पास करना होता है यहां पे मेथड जो कि है एचटीटीपी का जो पोस्ट मेथड है और उसको बताने के लिए हमारे पास क्लास है रिक्वेस्ट रिक्वेस्ट मेथड डॉट पोस्ट अब इसको इंपोर्ट कर लेते हैं यार हम लोग इंपोर्ट कर लो भाई यस दैट्ची तो यहां पे एक बार कंसोल चेक आउट कर लेते हैं हम लोग ठीक है सो गेट मेथड के अभी रिक्वेस्ट आ रही है बिल्कुल सही क्योंकि हम लोगों ने पेज को वापस नहीं ग हम यहां पर अगेन आते हैं दोबारा से हम फिल अप करते हैं सब चीज फटाफट फिल अप कर लो एंड साइन अप करो एंड आप देख आप आपको यहां प देखने को मिलेगा कि भैया यहां पे हमारा पोस्ट मेथड चल रहा है ठीक है और अगर हम आते हैं अपने यहां पे कंसोल प सो आपको यहां पे एरर आ रही है कोई दिक्कत वाली बात नहीं एर इसलिए आ रही हो क्योंकि जो हम लोगों ने यहां पे व्यू रिटर्न किया है वो व्यू कुछ है ही नहीं एंड इसका टेंप्लेट भी नहीं मिल रहा होगा बट हमें तो मतलब है ये देखिए प्रोसेसिंग रजिस्ट्रेशन से ये देखिए यहां पे दैट मींस हमारा ये वाला मेथड चल रहा है अब हम क्या करेंगे यहां पे बहुत सारी चीज कर सकते हैं सबसे पहले हमें जो डाटा आ रहा है उसको यहां पे निकालना होगा डाटा कैसे निकालेंगे वो चीज में बताऊंगा लेकिन साथ ही साथ में मैं क्या करूंगा मैं रीडायरेक्ट करना सिखाऊंगा आपको कि कैसे हम रजिस्ट्रेशन को प्रोसेस करके फिर रीडायरेक्ट कर सकते हैं उसी व्यू पे आपको यहां पे लिखना होता है रीडायरेक्ट फिर कूलन एंड देन स्लैश और आपको यहां पे राउट लिखना होता है कि किस पे रीडायरेक्ट करना है तो यहां पे ये हमारा राउट है स्लैश रजिस्टर तो जब ये चलेगा उसके बाद ये रीडायरेक्ट कर देगा आपको स्लैश रजिस्टर पे दैट मींस स्लैश रजिस्टर ऊपर वाला ये ये वाला हमारा राउट फिर से चल जाएगा और ये वाला मेथड फिर से चल जाएगा एक बार मैं आपको दिखाता हूं ठीक है आ जाते हैं वापस एंड अगेन हम डू रजिस्टर पे रिफ्रेश करते हैं देखिए सारा पूरा काम हुआ रजिस्टर पे फिर से हम वापस आ गए फिर से देखिए मैं जाता हूं कांटेक्ट डालता हूं यहां पे ये देखिए वापस से हम रजिस्टर पे आ चुके ये इसलिए हो रहा है क्योंकि आप रीडायरेक्ट होके सेम पेज पे वापस आ जाते तो य तो बढ़िया चीज है अब हमें यहां पर पूरा डाटा निकालना है मैं य पर स्टेप्स लिख देता हूं वी हैव टू फेच दच द फम डाटा देन हमें वैलिडेट वगैरह करना होगा एंड देन हमें एक बार वैलिडेट हो जाएगा तो हमें सेव करना है एंड देन अगर हमें मैसेज वगैरह देना होगा तो हम मैसेज वगर दे देंगे मैसेज दे देंगे एंड देन हम रीडायरेक्ट ऑलरेडी कर चुके हैं तो हम री री डायरेक्ट कर देंगे ठीक है लॉगइन पेज या किसी भी दूसरे पेज प रीडायरेक्ट कर सकते हो मैंने रजिस्टर पेज प रीडायरेक्ट कर अब इनको हमें स्टेप बाय स्टेप करना है तो हम कैसे एक्चुअली हम लॉग इन या कैसे हम रजिस्ट्रेशन फॉर्म का डाटा अपने इस वाले मेथड के अंदर रिसीव करेंगे ये सबसे ज्यादा इंपोर्टेंट चीज है चीजों को रिसीव करने के लिए हम डाटा को फिच करने के लिए हम एक क्लास बनाएंगे जिसका नाम होगा कोई भी क्लास हो सकता है बट ये एक्चुअली यूजर है तो हम यूजर फॉर्म नाम से क्लास बनाएंगे यूजर फॉर्म नाम से क्लास बनाएंगे उस क्लास के ऑब्जेक्ट के अंदर पूरा डाटा हम लोग रिसीव करने की कोशिश करेंगे कैसे ध्यान से देखिएगा यहां पर आते हैं एंड हम लोग एक पैकेज बनाएंगे अपने मेन पैकेज के अंदर कॉए के अंदर वी आर गोइंग टू क्रिएट अ पैकेज एंड पैकेज का नाम होगा कॉड फॉम्स एंड आप देखोगे यहां पर तो एक फॉर्म्स नाम से पैकेज बन चुका होगा कहां गया यह रहा इसके अंदर हम क्लास बनाएंगे और क्लास का नाम दे देंगे यूजर फॉर्म एंड अगेन ओबवियस सी बात है हमें चाहिए होगा गेटर्स भी चाहिए होगा ॉक का गेटर्स ए सेटर भी चाहिए होगा साथ में नो आर कंस्ट्रक्टर भी चाहिए होगा और ऑल आर कंस्ट्रक्टर भी चाहिए होगा साथ ही साथ में हमें बिल्डर मेथड भी चाहिए बिल्डर पैटर्न भी चाहिए नेक्स्ट इसके अंदर कौन-कौन सी फील्ड्स आप लोगे इसके अंदर हम वो फील्ड्स लेंगे जो हमारे फॉर्म के अंदर दी गई है जो हमारे फॉर्म के अंदर हमने बनाई है फील्ड्स उन फील्ड्स का डाटा रिसीव करेंगे तो वो सारी फील्ड्स लेंगे देखो भाई कौन-कौन सी फील्ड है सबसे पहले हमारे पास थी एक नेम वाली फील्ड ईमेल वाली फीड पासवर्ड एंड कांटेक्ट नंबर तो आप नेम ईमेल याद रखिए भाई हमें सबसे पहले नेम चाहिए तो प्राइवेट नेम सेम फील्ड का नानाम हम वही रहेंगे जो हमारे एंटिटी के पास है इसके पास तो हम नेम वाली फील्ड हमने ले लिया है देन हम ईमेल वाली ले लेंगे फीड ईमेल वाली फीड हमने ले लिया है देन हमारे पास पासवर्ड है तो हम यहां पर प्राइवेट स्ट्रिंग पासवर्ड आ गया है एंड और क्या है हमारे पास कंफर्म पासवर्ड हम लोगों ने लिया नहीं है तो एक अबाउट है तो हम प्राइवेट स्ट्रिंग अबाउट है और भी कुछ चीज़ें होती तो मैं यहां पे ले लेता फ नंबर है तो हम फन नंबर ले लेंगे फोन नंबर था मेरे पास यहां पे यूजर्स के अंदर यह रहा फनन नंबर तो हमने फोन नंबर लिया तो हमारे पास 1 2 3 4 पा चीज़ हो गई है एंड कितने फील्ड्स थे हमारे पास लेट्स सी दैट 1 2 3 4 5 बस कुछ और फील्ड ऐड करना है कैसे उसको मैं नेक्स्ट वीडियो के अंदर बताऊंगा जैसे अगर आपको डेट ऐड करना है तो डेट को कैसे हम लोग हैंडल करते हैं उसको हम लोग नेक्स्ट वीडियो के अंदर देख लेंगे यह चीज़ हो गई अब हमें क्या करना है हमें कुछ ऐसी मैपिंग करनी है कि यह यूज़र फॉर्म का जो ऑब्जेक्ट है ना गाइ यह फम का ऑब्जेक्ट यहां पर यूज हो इन ऑर्डर टू रिसीव द डाटा एंड व यहां पर भी यूज हो जिससे डाटा फिल अपने आप से हो जाए इसके लिए हम क्या करेंगे लेट्स डू समथिंग कुछ बढ़िया इंटरेस्टिंग करते हैं जिससे हमारा काम हो जाए तो हम लोग जब एचटीएमएल फॉर्म भेज रहे अपना ब्लैंक एटील फॉर्म तोय भेज कहां से रहे हम भेज यहां से रहे तो हम क्या करेंगे हम लोग एक ब्लैंक ऑब्जेक्ट यहां से भेजेंगे ब्लैंक ऑब्जेक्ट कैसे देखिए हम पहले तो मॉडल ले लेंगे य प मॉडल मॉडल एंड देन हम एक यूजर फॉर्म यूजर फॉर्म इल टू न्यू यूजर फॉर्म मैंने ऑब्जेक्ट बना लिया और इस ऑब्जेक्ट को मैं भेज दूंगा अपने मॉडल के अंदर मतलब ऐड कर दूंगा और वो अपने आप रजिस्टर पेज पर चला जाएगा वा ट्स इट अगर हम कुछ डटा भेजना चाह रहे तो डिफॉल्ट डटा भी भेज सकते हैं मैं आपको बताऊंगा कैसे डिफॉल्ट डटा भेजते हैं अगर हमें कुछ डिफॉल्ट डटा इसके अंदर डालना है तो य प डिफॉल्ट डाटा भी भी डाटा भी डाल सकते हैं मैं दिखाऊंगा अभी टेंशन मत दीजिए और एक बार जब आप स्लैश रजिस्टर कॉल करोगे तो आपके पास जो यूजर फॉर्म जा रहा है उसमें ब्लैंक डाटा जा रहा है दैट मींस इस पेज ये पेज जब चलेगा तो यहां पे सारा ब्लैंक डाटा आ जाएगा यूजर फॉर्म के अंदर अब उस यूजर फॉर्म को हम लोग एक्सेस करेंगे की विद की यूजर या फिर आप यूजर फॉर्म लिख दो भाई अगर कंफ्यूज हो रहे हो तो यूजर फॉर्म लिख दो तो अब इस यूजर फॉर्म को हम लोग अपने पेज पे एक्सेस कर सकते हैं बट अभी याद रखिएगा इसके इसके पास ब्लैंक डाटा है तो कैसे एक्सेस करेंगे देखिए हम क्या करेंगे सबसे पहले हम लोग अपने फॉर्म पे यहां पे हमने टीच एक्शन यूज कर लिया मेथड यूज कर लिया हम एक एट्रियल टीच कलन ऑब्जेक्ट और हम उस ऑब्जेक्ट को यहां पर बता देंगे ऐसे यूजर फॉम इफ यू वांट तो आप अगर र्निंग वगैरह दे रहा है और आपने नेम स्पेस नहीं ऐड कर रखा है टीच का तो आप यहां पर डटा टीच एक्शन भी यूज कर सकते हो मैं बारबार ये चीज बोल रहा हूं जिससे आपको कोई दिक्कत ना हो ऐसा भी आप यूज कर सकते थे अब हमारे पास यहां पर यूजर फॉर्म आ चुका है इस ऑब्जेक्ट की प्रॉपर्टीज को अ यहां डायरेक्टली एक्सेस कर कर सकते हैं इसीलिए मैंने यहां पे ऑब्जेक्ट एट्रबीक मींस अब यूजर फॉर्म के अंदर नेम ईमेल पासवर्ड ये सब था उसको हम डायरेक्टली यहां पे एक्सेस करेंगे कैसे देखिए हम आएंगे सबसे पहले नेम वाली इनपुट फील्ड के अंदर और यहां पे हम यूज करेंगे टीटीएच कोलन फील्ड फील्ड एंड यहां पे हम यूज करेंगे कुछ ऐसा जब भी डायरेक्ट हम ऑब्जेक्ट को एक्सेस करते हैं ऑब्जेक्ट की प्रॉपर्टीज को तो हम यूज करते हैं स्टार एंड देन नेम ठीक है यह प्रॉपर्टी का नाम है जो आपके इस वाले यूजर फॉर्म से आ रही है तो स्टार कब यूज करते हैं ध्यान से देखिएगा क्योंकि हमें यहां पर ऑब्जेक्ट के अंदर अपना ऑब्जेक्ट बताना था डायनेमिक तो हमने यहां पर डॉलर यूज किया वेरिएबल लेकिन अब इस वेरिएबल के अंदर की प्रॉपर्टी हम लोग अपने फील्ड के अंदर यूज कर रहे हैं टी एच कलन फील्ड तो हम स्टार यूज करेंगे फील्ड को डायरेक्टली एक्सेस करने के लिए अगर आपने ऑब्जेक्ट से बता रखा है तो तो हमने स्टार एंड नेम यूज किया अब यह फील्ड क्या करेगा यह फील्ड इस जो यहां पर नाम आएगा उस नाम का आईडी भी यूज कर लेगा नेम भी यूज कर लेगा एंड इवन वैल्यू भी यूज कर लेगा मैं आपको दिखाता हूं सेव करिए और और चलिए यहां पर एंड रिफ्रेश करिए ठीक है एंड अगर आप यहां पर आओगे इंस्पेक्ट करोगे तो आप देखोगे यहां पर ठीक है य देखिए आईडी नेम आ चुका है एंड टाइप तो टेक्स है ही हमारे पास वैल्यू भी वैल्यू एटिबल भी आना चाहिए सो आप देखोगे वैल्यू वैल्यू एट्र भी आ चुका नेम भी हमारा नेम हो गया नेम भी हमारा नेम हो गया एक काम करते हैं हम लोग कुछ डिफॉल्ट वैल्यू भेजते हैं अपने यहां से हम लोग इस यूजर में यूजर फॉम डट सेट नेम और यहां पे एक नाम भेजते हैं सपोज मैंने दुर्गेश नाम भेज दिया सेव किया मैंने एंड यहां पे आते हैं रिफ्रेश करते हैं एंड ये देखिए वो दुर्गेश फॉर्म अपने आप दुर्गेश वैल्यू अपने आप से फॉर्म के अंदर आ गई वो कहां से आ रही है गाइज वो आ रही है आपके इसी फील्ड के स्टार नेम से एस्टिक नेम से आ रही है क्योंकि ये जो फील्ड है ना ये फील्ड एट्रिल टीटीएच का जो फील्ड एट्रिल है वो नेम भी सेट कर दे रहा है वैल्यू भी सेट कर दे रहा है अपने आप से ठीक है सबसे बढ़िया चीज क्योंकि आप देखो यहां पे मैंने कहीं नेम नहीं सेट कर रखा था बट फिर इसने नेम अपने आप से सेट कर दिया नेम वही सेट कर देगा जो आपने यहां पे नेम पास कर रखा है और इवन आप यहां पे टीटीएच कॉलन फील्ड की जगह आप डाटा टीटीएच डटा टीए ड फील्ड भी यूज कर सकते हो तब भी आपका वही चीज होगी ये देखिए अब सेम प्रोसेस आपको ईमेल के लिए भी पासवर्ड के लिए भी कांटेक्ट नंबर एंड अबाउट के लिए भी रिपीट करना है सो मैं क्या करता हूं एगजैक्टली कुछ करने की जरूरत ही नहीं है एगजैक्टली इसी को कॉपी कर लो आप एंड अगर आपको यहां करना है लेबल में नहीं ईमेल के लिए यहां पे करना है एंड यहां पे आपको ईमेल चिपका देना है एंड आपको पासवर्ड पे आना है पासवर्ड की टेक्स्ट फील्ड प आना है और यहां पर आपको पासवर्ड चिपका देना है अगर आप चाहते हो कंफर्म पासवर्ड और पासवर्ड दोनों है मैच कराना चाह रहे हो तो उस केस में आपको जावास्क्रिप्ट यूज करनी होगी ठीक है नेक्स्ट अबाउट में आते हैं एंड ये हमारे साथ फोन नंबर है तो फोन नंबर के लिए भी हम यहां पर ले लेते हैं फोन नंबर यह वही फील्ड होनी चाहिए जो आप के ऑब्जेक्ट के अंदर है मतलब यूजर ऑब्जेक्ट के अंदर है तो फील्ड का नाम बदलिए मत ठीक है मतलब गलती से भी मत बदलिए देन टेक्स्ट एरिया के अंदर आते हैं यहां पर टक्स एरिया में भी हम लोग यूज करते हैं अबाउट एज इट इज एंड अगर मैं रिफ्रेश करूं तो सारी फील्ड्स हमारे पास यहां पर आ चुके होंगे अगर आप कुछ डिफॉल्ट डाटा भेजना चाह रहे हो तो आप डेटा भेज सकते हो यहां से अगर आपको अबाउट सपोज भेजना है कुछ यूजर डॉट यूजरफॉर्म डॉट सेट अबाउट दिस इज अबाउट राइट समथिंग अबाउट योरसेल्फ सेव करेंगे एंड आपको यहां पे देखने को मिल जाएगा ये देखिए ये डेटा बैक एंड से आ रहा है उसी स्टार अबाउट से तो कोई भी डाटा आप बैक एंड से चाहो भेज सकते हो बट मैं अभी डाटा बैक एंड से नहीं भेज रहा एरर्स को भी हैंडल करना बहुत आसान है मैं बताऊंगा कैसे एरर्स को हम लोग दिखाएंगे वो सब दिखाएंगे बट अभी हमने ब्लैंक डाटा सब सब रख दिया है अब मेन चीज है कि जब आप यहां पर पूरा सब चीज फिल करके सबमिट करोगे तो यह हमारे पास एक बटन यह है हमारी एक बटन हमारी एक बटन होनी चाहिए टाइप सबमिट सबमिट करने के लिए टाइप सबमिट होनी चाहिए और जो दूसरी बटन है वह हमारी है टाइप रिसेट एक चीज और है गाइस आपकी जो बटन सबमिट वाली है या फिर रिसेट वाली बटन है आपके फॉर्म के होनी चाहिए अगर बटन फॉर्म के बाहर है तो सबमिट नहीं होगा याद रखिएगा तो बहुत लोग को एरर आती है तो मैंने बता दिया पहले से अब जब फॉर्म सबमिट होगा तो ये फॉर्म हमारे डू रजिस्टर प सबमिट हो जाएगा कहां गया डू रजिस्टर मैं दिखाता हूं आपको फॉर्म फॉर्म ये रहा तो डू रजिस्टर प फॉर्म सबमिट हो जाएगा दैट मींस हमारे पेज कंट्रोलर के डू रजिस्टर प यहां पे आ जाएगा पूरा फॉम हमें यहां पर कुछ ऐसा करना है कि हमारा पूरा यूजर का ऑब्जेक्ट मिल जाए साथ ही साथ में उसके अंदर पूरा पूरा वैल्यूज मिल जाए तो हमें कुछ ज्यादा नहीं करना हमें यहां पे यूजर फॉर्म ऑब्जेक्ट लेना है एंड यहां पे हम आएंगे हम लोग क्या करेंगे यहां पे मैं यूज करूंगा @ मॉडल एटिबल फॉर्म के अंदर अपने आप से ऑब्जेक्ट क्रिएट होगा ऑब्जेक्ट क्रिएट होगा और जितनी फॉर्म के अंदर डेटा आ रहा है उस डाटा को इस ऑब्जेक्ट के अंदर डाल दिया जाएगा अपने आप से अब क्योंकि इस ये जो क्लास है या ये जो ऑब्जेक्ट है उसकी जो फील्ड्स है वो मैच करेंगे हमारे फॉर्म के फील्ड से तो अपने आप से ऑब्जेक्ट की नेम वाली वैल्यू फॉर्म के नेम वाली वैल्यू उठके ऑब्जेक्ट की नेम वाली वैल्यू के अंदर आ जाएगी ईमेल वाली वैल्यू ईमेल में आ जाएगी इस तरह फोन नंबर वाली फोन नंबर में आ जाएगी इसको चेक करने के लिए मैं क्या करता हूं यहां पे डटा फैच हुआ कि नहीं मैं कुछ प्रिंट करता हूं और लेट्स प्रिंट यूजर फॉर्म और यूजर फॉर्म क्लास प चलते और यहां पर हम ले लेते हैं टू स्ट्रिंग नामक मेथड ओके यह क्या हो गया भाई इसको कैंसल कर दो टू स्ट्रिंग जिसे हमें पता चल जाए कि हा भाई यूजर फॉर्म के अंदर डटा आ भी रहा है कि नहीं आ रहा है सो लेट्स डू दैट हम आ जाते वापस एंड एक बार रिफ्रेश कर लेंगे एंड यहां पर प्रॉपर फॉर्म हम भरेंगे हर्ष gmail.com पासवर्ड डालते हैं फ नंबर डाल एंड दिस इज अबाउट सॉरी दिस इज अबाउट ह एंड हम लोग क्या करते हैं सबमिट करते हैं फॉर्म रीडायरेक्ट होके वापस आ चुका है यस बात मैंने डायरेक्ट कर रखा है लेकिन यहां पर अगर हम आते हैं और हम लोग ओपन करते हैं अपना कंसोल एंड लेट्स डू ट लेट्स सीट कि हमारे पास डाटा आया है कि नहीं आया नीचे आते हैं सबसे नीचे आ जाते हैं ठीक है एंड हमें कहीं डाटा देखने को मिल रहा है कि नहीं ये देखिए हमारे पास यूजर फॉर्म का ऑब्जेक्ट शायद आप देख पा रहे हो ये देखिए जिसमें नेम आया है हर्ष एंड ईमेल आया है हर्ष जो हमने डाला था पासवर्ड आया है एगजैक्टली वही जो मैंने डाल रखा था एंड अबाउट आया है जो मैंने डाल रखा था फोन नंबर भी जो मैंने डाल रखा था पूरा डाटा हमारे इस ऑब्जेक्ट के अंदर आ जा रहा है इस ऑब्जेक्ट के अंदर आ जा रहा है डाटा फेच हो चुका है नॉर्मली अब हमें क्या करना है हमें इसको वैलिडेट करना है तो वैलिडेट का पूरा प्रोसेस हम लोग नेक्स्ट वीडियो के अंदर करेंगे तो मैं यहां पर लिख देता हूं टू डू ये हमें टू डू करना है नेक्स्ट वीडियो के अंदर नेक्स्ट वीडियो एंड साथ ही साथ में हमें अब इसको सेव करना डेटाबेस के अंदर तो सेव करने के लिए हम लोग क्या करेंगे यहां पर यूज करेंगे यूजर सर्विस यूजर सर्विस तो हमें एक यूजर सर्विस क्रिएट करना होगा बना लेते यूर सर्विस यूर सर्विस के पास व सारे मेथड होंगे जो यूजर का बिजनेस लॉजिक एी क्यूट कर रहे होंगे चलो भाई बनाते हैं ठीक है हम लोग आ जाते हैं अपने यहां पर कुछ पैकेजेस और बनाने की जरूरत पड़ेगी अपने मेन पैकेज में आते हैं यहां पे एंड हम बनाएंगे यहां पे पैकेज प्लस मैंने किया पैकेज बनाया पैकेज का नाम होगा सर्विसेस एंड एक पैकेज मैं और बनाऊंगा रिपोजिटरीज का पैकेज पे आते हैं रिपोजिटरीज डेटाबेस से इंटरेक्शन के लिए हमें रिपोजिटरीज की जरूरत होगी तो आई थिंक हमारे पास बन गया है कुछ कंट्रोलर आ चुका है ये देखो हमारे पास रिपोजिटरीज कॉड रिपोजिटरीज नामक पैकेज आ चुका है एंड हमारे पास सर्विसेस भी आ चुका है सर्विसेस बनाने से पहले हम रिपोजिटरीज बना लेते हैं क्योंकि रिपोजिटरी जरूरी है इस पर राइट क्लिक करेंगे न्यू प चलेंगे क्लास बना लेंगे क्लास का नाम हम दे देंगे यूजर रिपोजिटरी रिपोज या रेपो डायरेक्टली दे दो अन क्लास एक्चुअली नहीं यह हमारा इंटरफेस होता है तो हम यहां पे इंटरफेस बना लेंगे ठीक है इंटरफेस यूजर रिपोजिटरी यूजर रिपोजिटरी या रिपोजिटरी किस लिए यूज होती है ये समझ लीजिए आप रिपोजिटरीज होती है डेटाबेस से इंटरेक्शन करने के लिए दैट मीस इन रिपोजिटरी के पास वो सारे मेथड्स होंगे जो डेटाबेस से हम लेकिन य मेथड आएंगे कहां से यह मेथड आएंगे हम लोग क्या करेंगे हम लोग एक्सटेंड करेंगे जे पीए रिपोजिटरी से इसके अंदर हमें दो चीज देनी होती है कि आप किस एंटिटी के साथ काम कर रहे हो तो मैं काम कर रहा हूं यूजर के साथ साथ ही साथ में किस टाइप का उस यूजर का आईडी है तो आईडी आ हमारी स्ट्रिंग है परफेक्ट बस इतना करना है अगर आप चाहो तो यहां पर आप रिपोजिटरी है इसको बता सकते हो तो आपको क्या करना है गा एक चीज और करना है कुछ अगर एक्स्ट्रा एक्स्ट्रा मेथड डी बी रिलेटेड लिखने हैं डीबी रिलेटेड तो आप यहां पे लिखोगे डीबी रिलेटेड ऑपरेशंस के लिए वो कस्टम फाइंडर मेथड्स भी हो सकते हैं कस्टम क्वेरी मेथड्स भी हो सकते हैं या फिर कस्टम फाइंडर मेथड्स भी हो सकते हैं अभी हम लोग लिखेंगे बहुत सारे मेथड्स तो अब ये यूजर रिपोजिटरी यूज होगी डेटाबेस से इंटरेक्शन करने के लिए एक चीज आपको और बता दूं गाइस कि आप यूजर रिपोजिटरी को डायरेक्टली अपने कंट्रोल के अंदर यूज कर सकते थे बट ऐसा मतलब करना एक स्टैंडर्ड नहीं माना जाता तो मैं क्या करूंगा मैं सर्विसेस बना के काम करूंगा हर एक चीज की एक सर्विस बनाऊंगा कुछ बिजनेस लॉजिक के लिए देन हम लोग यूजर रिपोजिटरी को सर्विस के अंदर यूज करेंगे एंड सर्विस को अपने कंट्रोलर के अंदर यूज करेंगे जो हमारा एक लेयर्ड आर्किटेक्चर होगा उसको फॉलो करेंगे ठीक है सो हम अपने सर्विसेस के अंदर आते हैं यहां पे एंड राइट क्लिक करेंगे न्यू एंड एक इंटरफेस बनाएंगे सर्विसेस के लिए तो एक के लिए मैं डायरेक्टली बना देता हूं फिर आप वैसे ही बनाइए मैं क्या करूंगा यहां पे यूजर सर्विस बनाऊंगा एंड यह हमारी सर्विस हो गई अब इसके अंदर वो सारे स्टैंडर्ड मेथड्स लूंगा जो यूजर के लिए होंगे जैसे फॉर एग्जांपल पहला मेथड है यूजर को सेव करना तो हम रिटर्न करेगा यूजर नाम होगा इसका सेव यूजर और यूजर हम इसको दे देंगे सॉरी बाहर क्यों जा रहा है भाई ये पहला मेथड बन गया इसी तरह आपको बहुत सारे मेथड्स बनाने है जैसे आप यूजर को गेट बाय आईडी करना है तो आप आईडी गेट करा सकते हो ऑस बा आईडी हमारी स्ट्रिंग है नेक्स्ट हमें फॉर एग्जांपल हमें अपडेट करना है यूजर तो हम यूजर को अपडेट कर सकते हैं यूजर की जो आईडी होगी वो पुरानी होगी और इसकी डिटेल सारी नहीं होगी नेक्स्ट जैसे फॉर एग्जांपल आपको डिलीट करना है तो आप डिलीट यूजर बना सकते हो चेक करना है कि यूजर एजिस्ट कर रहा है तो कि नहीं कर रहा है तो आप यहां पर यूजर एजिस्ट भी चेक करा सकते हो और यहां पर आप ईमेल आईडी पास कर सकते हो आईडी वाइज भी एजिस्ट कर रहा है कि नहीं वो भी आप फाइंड आउट कर सकते हो जैसे फॉर एग्जांपल यूजर इ एजिस्ट इ यूजर एजिस्ट और यहां पर मैं एक्चुअली यूजर आईडी होगा एक मेथड बनाऊंगा जो ईमेल को भी चेक कर रहा हूं बुलियन इज यूजर एजिस्ट बाय ईमेल ईमेल भी चेक करना हो तो या ईमेल को हम यूजर नेम बो बोल रहे हैं तो हम यूजर नेम और यूजर नेम हमारा ईमेल है ईमेल को ही हम यूजर नेम मान रहे हैं ठीक है यूजर एसिस्ट बाय ईमेल अगर आपको चेक करना है तो यूजर नेम और ईमेल लिखिए यार चाहे आप ईमेल कर दो चाहे यूजर नेम कर दो तो हम इसको ईमेल कर ईमेल ही कर देते हैं ईमेल ही हमारा यूजर नेम है नेक्स्ट ठीक है यह मुझे नहीं चाहिए डिलीट हो गया अपडेट हो गया गेट हो गया अगर आपको सारे यूजर चाहिए तो यस बात आप यहां पर एक लिस्ट ले लो या ऑप्शनल भी ले सकते थे आपकी मर्जी ठीक है ऑप्शनल भी बता देता हूं एंड गेट ऑल यूजर्स ठीक है लिस्ट हम नेट की लिस्ट नहीं यूज करेंगे लिस्ट में बहु दिक्कत होती है हम यूज करेंगे इंपोर्ट परफॉर्म कर सकते हैं तो अगर हमें गेट यूजर बाय आईडी हमें कॉल करना होगा तो हमें मिलेगा एक ऑप्शनल ऑफ यूजर मतलब उस ऑप्शनल से हमय पता लगा सकते हैं यूजर है तो हम निकालेंगे नहीं है तो हम कुछ एर वगैरह थ्रो करेंगे हमें अलग से इफ वगैरह लगाने की जरूरत नहीं होगी हम इसके अंदर सारे फीचर है हम वो यूज कर लेंगे ओके आप इस पर ले जाओगे तो बताएगा अभी कंटेनर ऑब्जेक्ट वि मे और मे नॉट कंटेन नॉन नल वैल्यूज इफ अ वैल्यू इज प्रेजेंट इज प्रेजेंट रिटर्न्स टू मतलब अगर वैल्यू नहीं है है उसको उसपे काम करने के लिए उससे ऑपरेशन परफॉर्म करने के लिए इसके पास बहुत सारे मेथड्स है सेम हम यहां पे भी हम यूज कर सकते हैं ऑप्शनल ऑप्शनल ऑफ यूजर यूजर अगेन बहुत सारी जगह पर आप इसको यूज कर सकते हो यहां भी ऑप्शनल ऑफ लिस्ट में भी आप निकाल सकते थे ट मीस यहां पर हम वो सारे मेथड्स लिख रहे हैं जो यूजर से रिलेटेड ऑपरेशन परफॉर्म कर रहे हैं अगर इफ नीडेड तो और ड मोर मेथड्स हेयर रिलेटेड टू यूजर यूजर सर्विस या फिर यूजर बिजनेस लॉजिक यूजर लॉजिक हमें जैसा िक ट होगी जैसे फॉर एग्जांपल हमें हो सकता है यूजर को अपडेट करना हो बेस्ड ऑन ईमेल वेरीफाइड है कि नहीं है तो हमें यहां पे मेथड्स ऐड करें अब इसकी इंप्लीमेंटेशन कहां लिखेंगे गाइस बहुत सिंपल है हम लोग क्या करेंगे अपने सर्विसेस पैकेज के अंदर एक बना लेते हैं पैकेज इंपल ठीक है तो हम यहां पे पैकेज बनाएंगे क्योंकि इसके अंदर इंप्लीमेंटेशन हम रखेंगे उसको हम इंपल के अंदर रखेंगे तो आप देखोगे सर्विसेस के जस्ट नीचे हमें इंप्लीमेंटेशंस मिल जाएंगे कहीं ये देखिए एंड इंप्लीमेंटेशंस में हम बनाएंगे इंप्लीमेंटेशन ऑफ द सर्विसेस एब्स्ट्रेक्ट सर्विसेस तो हम यहां पे क्लास बनाएंगे एंड हम क्लास का नाम लिखेंगे यूजर सर्विस आईपीएल एगजैक्टली एंड सबसे पहली चीज इसको हम लोग एनटेल करेंगे @ सर्विस से जिससे स्प्रिंग समझ पाए कि ये हमारी सर्विस है और इसका ऑब्जेक्ट अपने आप से क्रिएट कर ले नेक्स्ट और यस सी बात वो सारे मेथड्स हम यहां पे इंप्लीमेंट करेंगे यूजर सर्विस वाले सारे मेथड्स आपको यहां पे इंप्लीमेंट करने पड़ेंगे सारे मेथड्स की बॉडी देनी पड़ेगी क्योंकि वो सारे मेथड्स एब्स्ट्रेक्ट हैं इंटरफेस के सारे मेथड एब्स्ट्रेक्ट होते हैं सबको पता है हम यहां पे आएंगे इस पे क्लिक करेंगे कमांड और डॉट दबाए या फिर अगर आप विज के अंदर हो तो कंट्रोल डॉट दबाओगे और ऐड अन इंप्लीमेंटेड मेथड्स पे एंटर कर देंगे तो आपके पास सारे मेथड्स आ जाएंगे ये देखिए हमारे पास सेव यूज़र वाला मेथड आ चुका है गेट यूज़र वाला मेथड आ चुका है सब चीज़ आ चुका है बस हमें क्या करना है इनको यूज़ करना है तो बारी-बारी से हम यूज़ करेंगे और यह सब सेव करने के लिए गाइ हमें हमें क्या मिलेगी हमें रिपोजिटरी चाहिए तो हम यहां पे प्राइवेट यूजर रेपो यूजर रेपो एंड इसको हम ऑटो वायर कर सकते हैं ऑटो वायर ऑटो वायर कर लेंगे एक चीज हमें और ध्यान देना है हम प्रॉपर्टी इंजेक्शन ना यूज करके हम कंस्ट्रक्ट इंजेक्शन भी यूज कर सकते थेट मीस हम एक कंस्ट्रक्टर बना देंगे पैरामीटराइज और हमारा काम हो जाएगा पैराट कंस्ट्रक्ट बनाएंगे हमारा काम हो जाएगा लॉग करने के लिए हम यहां पर लगर भी यूज कर सकते हो लगर जो एसल 4 ज से आ रहा होगा भाई एसल 4 ज यह वाला लगर इ इक्वल टू लगर या लॉग लगर फ्ट गेटलॉगर ठीक है एंड इस क्लास को इंपोर्ट करेंगे फिर से कमांड डॉट दबाए और इंपोर्ट कर लेंगे यह आ रहा हो ए4 जैसे एगजैक्टली तो हमने दो प्रॉपर्टीज बना द एक लॉक करने के लिए और एक हमारा जो यूजर रेपो है वो टा डेटाबेस में डेटा को सेव करेगा जैसे फॉर एग्जांपल सबसे पहले हम यूजर को सेव करना है तो हम यहां पे इसको हटा देते हैं इसकी जरूरत नहीं है एंड यस सी बात हमें एरर नहीं थ्रो करना है हमें यहां पे रिटर्न करना है रिटर्न यूजर रेपो ड सेव यूजर और अपना यूजर य पास कर देंगे बस तो हमारा यजर सेव हो जाएगा अगेन अगर आपको गेट यूजर बा आईडी करना है तो हम इन दोनों को हटा दो हम यहां पर रिटर्न करेंगे क्या रेपो यूजर रेपो डॉट फाइंड बाय और आईडी कॉल करेंगे और अपनी आईडी पास करेंगे ठीक है लेकिन यह ऑप्शनल रिटर्न करेगा और वही ऑप्शनल हम लोग ने य पर यूज कर लिया देख ऑप्शन ऑफ यूजर ठीक हैट मीस जब हम फाइंड यूजर बा आईडी कॉल करेंगे तो उस केस में हम वहां पे बहुत सारे काम कर सकते हैं यूजर आया है कि नहीं आया उस हिसाब से इफ एल्स लगा के काम कर सकते हैं तगड़ा अगर हम डायरेक्टली यूजर रिटर्न कर रहे होते तो हम यहीं पर काम कर लिए होते ऑप्शनल मिल रहा होता तो ठीक है मैं बताऊंगा कैसे करना है इसी तरह अपडेट करना है तो आपके पास नया यूजर है सबसे पहले हम यूजर को गेट करेंगे ठीक है हम यूजर को क्या करेंगे गेट करेंगे कैसे गेट करेंगे रिपोजिटरी यूजर रिपोजिटरी डॉट फाइंड बाय आईडी और यूजर डट गेट आईडी हमारे पास मिल जाएगी हमें ऑप्शनल मिलेगा याद रखिएगा देन हम यहां पे क्या करेंगे एगजैक्टली हम हो सकता है यूजर ना मिले तो उस केस में हम यहां पर और एल्स थ्रो एक मेथड है कॉल करेंगे अगर यूजर नहीं मिलेगा तो हम एक एक्सेप्शन थ्रो करेंगे तो हमें यहां प पास करना होता है हमें यहां पर पास करना होता है और एल्स कुछ भी नहीं पास कर कर सकते और या फिर हम यहां पे एक मेथड इसका और था और एल्स में आप देखोगे तो मैं दिखाता हूं यहां पर ये देखिए एक सप्लायर पास कर सकते हैं सप्लायर में हम एक लडा पास करेंगे सॉरी ठीक है लडा पास कर दो भाई तो कभी कभी गलत बताने लगता कोई दिक्कत वाली बात नहीं यहां प और हम यहां से थ्रो करेंगे एक एक्सेप्शन जो कि रन टाइम एक्सेप्शन होगी या फिर आप अपनी एक्सेप्शन क्रिएट कर सकते हो तो मैं यहां पर बनाऊंगा न्यू रिसोर्स रिसोर्स नॉट फाउंड एक्सेप्शन अब आप लोग कहोगे ये कहां से आ रही है क्लास तो ये हम अभी बनाएंगे यूजर नॉट फट य एक्सेप्शन हम लोग क्रिएट करेंगे ठीक है एक्सेप्शन हमारे पास है नहीं सो हम क्या करते हैं हम सबको होने दो हम अपने मेन पैकेज प चलते हैं और यहां पर एक अपने मेन पैकेज प चलते एक पैकेज और बनाते हैं इसका नाम हेल्प या एक्सेप्शन या हेल्पर दे दो मैंने हेल्पर नाम दे दिया क्योंकि इसके अंदर बहुत सार हम लोग करने वाले हैं तो हेल्पर आ गया देन हम लोग एक क्लास इस पर और बना लेते हैं जिसका नाम होता है एटली यही रिसोर्स री रिसोर्स नॉट फाउंड एक्सेप्शन ठीक है यही वाली क्लास है हमारी एटली यह वाली क्लास है ठीक है एंड हम लोग क्या करते इसको इंपोर्ट करते हैं जरा इंपोर्ट यस और यहां पर इसको एक्सेप्शन बनाने के लिए हम क्या करेंगे हम लोग एक्सटेंड करेंगे रन टाइम एक्सेप्शन एंड कुछ मेथड्स जो है उनको राइट करेंगे बट अभी के लिए हम यूज कर सकते हैं य क्या कह रहा है ओके सो हमें यहां पर एक मेथड बनाना पड़ेगा कंस्ट्रक्टर बनाना पड़ेगा जो कि पैराट स्टिंग ले रहा आप देखो यहां प तो मैं कहूंगा ठीक है यार हम लोग दो कंस्ट्रक्टर बनाते हैं इसके पास पब्लिक रिसोर्स नॉट फंड एक्सेप्शन एक स्ट्रिंग ले रहा है और मैं ज्यादा कुछ नहीं करूंगा यहां पर सुपर को दे दूंगा अपने मैसेज और एक बनाऊंगा जो जो कुछ ना ले रहा हो यार प्रबल क्यों मैं लूंगा जो कुछ ना ले रहा हो और उस केस में मैं यहां पर सुपर को एक कस्टमाइज एक्सेप्शन या रिसोर्स नॉट फंड अपने आप से दे दूंगा एंड देन मैं इसको यहां यूज कर ये देखिए ठीक है तो होगा क्या यूजर रिपोजिटरी से हम लोग फाइंड बाय आईडी मतलब हम लोग यूजर रिपोजिटरी से ऐसा यूजर निकालने की कोशिश कर रहे हैं जिसकी आईडी हमने यहां पर पास की है ठीक है परफेक्ट इतना समझ गए नेक्स्ट अगर यूजर नहीं मिलता है तो यह और एल्स थ्रो क्या करेगा यह एक एक्सेप्शन थ्रो कर देगा जिसका नाम है रिसोर्स नॉट फाउंड एक्सेप्शन विद मैसेज यूजर नॉट फाउंड और अगर यूजर मिल जाता है तो यह हमें एक यूजर रिटर्न कर देगा यूजर रिटर्न कर देगा यूजर टू दे दो कोई दिक्कत वाली बात नहीं है यूजर टू दे दो यूजर थ दे अब हमारे पास इस यूजर के अंदर तो नई इंफॉर्मेशन है लेकिन इस यूजर के अंदर वो इंफॉर्मेशन है जो डेटाबेस से आई है तो हम यहां पे क्या करेंगे हम यहां पे अपडेट करेंगे यूजर टू को फ्रॉम यूजर से कैसे हम लिखेंगे यूजर टू डॉट सेट नेम और निकालेंगे यूर डॉट गेट नेम को ठीक है फिर हम यहां पे यूजर टू डट सेट ईमेल और हम निकालेंगे यूर ड गट ईमेल से फिर हम यहां पे यूजर टू डट सेट पासवर्ड और हम पासवर्ड भी सेट कर लेंगे फिर नि यूड सेट रोल रोल हमारे पास अभी है नहीं होगा तो हम सेट कर देंगे तो मैं बस बता दे रहा हूं हमारे पास और भी इंफॉर्मेशन है डॉट सेट पासवर्ड हो गया अबाउट एंड हम यूर यूर ड गेट अबाउट नेक्स्ट हमारे पास एड्रेस था एड्रेस था आई ड नो ठीक नेम ईमेल पासवर्ड अबाउट फोन नंबर था हमा पास यूजर टू डॉट टड सेट फोन नंबर एंड यूजर डट गेट फोन नंबर तो पाच चीज हो गई नेम ईमेल पासवर्ड अबाउट फोन नंबर प्रोफाइल पिक्चर भी है आई थिंक एक बार मैं देखना चाहूंगा मुझे याद नहीं है तो हम यूजर वाली फीड को देख लो या नेम ईमेल पासवर्ड अबाउट प्रोफाइल पिक है सिर्फ तो हम य पर यूजर टू डॉट सेट प्रोफाइल पिक एंड यूजर डॉट गेट प्रोफाइल पिक क्योंकि पिक्चर तो हमें अपडेट करने की जरूरत पड़ेगी नेक्स्ट फोन नंबर हो चुका इनेबल्ड भी अपडेट करने की जरूरत पड़ेगी तो आप यहां पे यूजर टू डॉट सेट इनेबल एंड यूजर डॉट इज इनेबल नेक्स्ट ईमेल वेरीफाइड भी हम अपडेट कर देंगे यूर टू डॉट सेट ईमेल वेरीफाइड यूर डॉट नॉट ईमेल सेट ईमेल वेरीफाइड एंड यूजर डॉट इज ईमेल वेरीफाइड नेक्स्ट और क्या अपडेट करना है फोन वेरीफाइड फोन वेरीफाइड है कि नहीं यूर टू यूजर टू डॉट सेट फोन वेरीफाइड यूर डॉट गेट फोन वेरीफाइड इन सबका अलग अलग मेथड बना सकते हैं हम लोग इस फोन वेरीफाइड ठीक है नेक्स्ट और क्या बचा हमारे पास प्रोवाइडर भी अपडेट कर सकते हो व्ट प्रोवाइडर एक्चुअली यू आर यूजिंग या अगर आपको अपडेट करना हुआ सेट प्रोवाइडर प्रोवाइडर एंड यूर डट गेट प्र डर ठीक है एंड प्रोवाइडर आईडी भी हम अपडेट करेंगे यूजर टू डॉट सेट प्रोवाइडर आईडी डट प्रोवाइडर आईडी नेक्स्ट बस कांटेक्ट अपडेट करने की जरूरत नहीं इतना करने के बाद अब हम लोग क्या करेंगे सेव द यूजर इन डेटा बेस कैसे करेंगे हम लोग यूजर रिपोजिटरी डॉट सेव कॉल करेंगे और हम यूजर टू को पास कर देंगे एंड ये हमें रिटर्न क्या करेगा देखो भाई असाइन टू लोकल वेरिएबल एक्चुअली यूजर रिटर्न कर रहा है यूजर रिटर्न कर रहा है बट हम यूजर को ऑप्शनल से रिटर्न करा रहे हैं तो हमें यहां पे एक ऑप्शनल खुद से बनाना पड़ेगा कैसे हम कहेंगे ऑप्शनल डॉट ऑफ न लेबल य देखिए एंड सेव पास कर देंगे ऑफ न लेबल मतलब रिटर्न ऑप्शनल डिस्क्राइबिंग द गिवन वैल्यू इफ नॉन नल अदर वाइज रिटर्न्स एमटी ऑप्शनल तो अगर इसमें नल होगा तो एमटी ऑप्शनल चला जाएगा अदर वाइज हमारा यूजर चला जाएगा ट्स इट तो हम वहां पर चेक करना पड़ेगा कि वैल्यू है नल कि नहीं है तो ये हमारा अपडेट वाला मेथड हो गया इसमें जो चीज आपको अपडेट नहीं करनी वो हटा दीजिए या कुछ आपके पास एक्स्ट्रा वैल्यूज है तो उनको आप ऐड कर दीजिए ट्स इट ये हो गया देन फाइनली हमारे पास डिलीट यूजर है तो डिलीट यूजर के लिए हम पहले तो यूजर को फेच करेंगे यही वाला कोड यूज करके इसको हटा दो यह वाला कोड हम यूज करके यूजर को हमने फेच कर लिया और यहां पर हमें मिल रही आईडी तो हम यहां पे आईडी पास कर देंगे एंड देन फाइनली हम लोग रिटर्न कर देंगे रिटर्न कर देंगे रिपोजिटरी डॉट डिलीट एंड अपना यूजर टू पास कर देंगे एक चीज हमें और यहां पर कुछ एरर आ रही है लेट्स सी कह रहा है वाइट मेथड कैन नॉट रिटर्न वैल्यू तो डिलीट कुछ रिटर्न कर रहा है क्या डिलीट द गिवन एंटिटी एंड यह कुछ रिटर्न नहीं कर रहा है ओके सो आपको यहां कुछ लिखना नहीं है नेक्स्ट इ यूजर एजिस्ट यूजर एजिस्ट कर रहा है कि नहीं यह चेक करने के लिए हम अगेन ऑब्जेक्ट निकालेंगे ठीक है और यहां पर हम एक्चुअली यूजर आईडी यूज करेंगे लेकिन हम एक्सेप्शन थ्रो नहीं करेंगे ठीक है हम क्या करेंगे एक्सेप्शन थ करेंगे हम यहां पर चेक कर लेंगे हम कहेंगे कि अगर यूजर है त तो यूजर आ जाएगा एल्स एल्स एल्स य पर नल पास कर सकते हो और एल्स नया यूजर पास कर सकते हो और एल्स में देखते हैं क्या क्या है हम कहेंगे और एल्स में आप नल रिटर्न कर दीजिएगा तो अगर यूजर होगा तो यूजर टू में आ जाएगा अदर वाइज नल आ जाएगा तो हम यहां पर रिटर्न कर सकते हैं यूजर टू यूजर टू में अगर डाटा है तो ट्रू एल्स फल्स ए सिंपल एस दैट ठीक है अगर नल नॉट इक्वल टू नल नॉट इक्वल टू अगर नल नहीं है यूजर टू अगर नल नहीं है तो ट्रू रिटर्न हो जाएगा अदर वाइज यहां से फल्स रिटर्न हो जाएगा और फाइनली लास्ट में हमें सेमीकलन लगाने की जरूरत पड़ेगी ठीक है सो ये ट्रू फल्स रिटर्न कर देगा बेस्ड ऑन डेटा है कि नहीं है ठीक है एजिस्ट कर रहा है कि नहीं एजिस्ट कर रहा होगा तो यूजर में डटा आएगा और आएगा तो यह कंडीशन ट्रू होगी और यह रिटर्न होगा अदर वाइज ये कंडीशन फाल्स होगी यह रिटन होगा सेम तरीका फॉलो करना है आपको इसके लिए ठीक है बट थोड़ा सा दिक्कत होगी मैं बताता हूं क्या दिक्कत होग इसमें हमें ईमेल वाइज चेक करना है कि बंदा है कि नहीं है तो हम यूजर रिपोजिटरी डॉट फाइंड बाय या एजिस्ट बाय ईमेल का कोई मेथड बनाएंगे बट हमारे पास कुछ ऐसा है नहीं फाइंड बाय आईडी था आप देखो ऊपर फाइंड बाय आईडी था बट फाइंड बाय ईमेल नाम से कोई मेथड ही नहीं है तो हम क्या करेंगे अपने यूजर रिपोजिटरी के अंदर चलेंगे यूजर रिपोजिटरी कहां गया भाई ये एंड यहां पर हम लोग एक मेथड बनाएंगे जो ऑप्शनल रिटर्न कर रहा हो सॉरी ऑप्शनल सॉरी नॉट ऑप्शन ऑप्शनल ऑफ यूजर और फाइंड बाय ईमेल बना लेंगे अब इसकी क्वेरी आपको लिखने की जरूरत नहीं है फाइंड बाय ईमेल इसकी इंप्लीमेंटेशन अपने आप से स्प्रिंग डाटा जीपी अपने आप से खुद से लिख देगा और इसका एक पैटर्न है लिखने का जब भी आपको किसी फील्ड वाइज डाटा को फाइंड करना है तो आपको लिखना है फाइंड बाय ये एक स्टैंडर्ड पैटर्न है ऐसे ही आपको लिखना है फाइंड बाय एंड देन आपकी फील्ड का नाम है तो हमारी फील्ड का नाम ईमेल है और हमने यहां पर ईमेल लिख दिया कैमल केस के अंदर ईमेल यूजर होता तो ईमेल का ई कैपिटल यूजर का य कैपिटल दैट मीस ये मेथड हमेशा कामल केस में होगा तो ये एक स्टैंडर्ड है जैसे फॉर एग्जांपल अगर फाइंड बाय ईमेल एंड पासवर्ड दोनों लिखना होता तो हम क्या करते हम लोग ऑप्शनल ऑप्शनल लेते यूजर फाइंड बाय आईडी या हम यहां पे फाइंड बाय फाइंड बाय ईमेल एंड पासवर्ड लिख लेते और हम ईमेल पास कर देते एंड स्ट्रिंग पासवर्ड ले लेते बस तो ये मेथड्स इनको बोलते हैं कस्टम फाइंडर मेथड्स और हम इनका यूज कर सकते हैं लिख सकते हैं इसकी इंप्लीमेंटेशन अपने आप स्पिंग डाटा जेपी खुद से कर देता आपको कुछ करने की जरूरत नहीं होती नेक्स्ट यहां पर आ जाते हैं अब हम यहीं पे यूज करते हैं फाइंड बाय ईमेल वाला मेथड और अपनी ईमेल पास कर देते हैं और एल्स में अगर मिलता है तब तो ठीक है नहीं मिलता है तो हम नल रिटर्न करेंगे ठीक है और हम इसको एक वेरिएबल में स्टोर कर लेंगे यूजर ठीक है भाई और रिटर्न करेंगे सेम वही अगर यूजर नल नहीं है तो ट्रू अदर वाइज फाल्स बस एंड फाइनली सारा डाटा फेच करने के लिए मुझे कुछ नहीं करना है बस हमने रिटर्न करना है यूजर रिपोजिटरी ड फाइंड ऑल दैट्ची तो हम यूजर सर्विस को अब यूज कर सकते हैं कोई दिक्कत हो गई तो हम बाद में चेंज कर लेंगे ऐसा नहीं कि एक बार जो हम लिख रहे हैं लॉक हो गया और ऐसा नहीं कि हम मशीन है कि हमसे गलती ग नहीं हो सकती य बात सबसे गलती होती है नेक्स्ट एक चीज और यहां पर बताऊंगा यूजर को सेव करने से पहले हमें यहां पे ईमेल या आईडी जो है वो हमें डायनेमिक जनरेट करनी है तो हमें यहां पे यूजर आईडी हैव टू हैव टू जनरेट जनरेट करना है मुझे जनरेट करना है कैसे करेंगे हम लोग यहां पे यूजर आईडी एक वेरिएबल लेंगे और हमारे पास एक क्लास है ययू आईडी क्लास यय आईडी उसके पास एक स्टैटिक मेथड है रैंडम य आईडी डॉटू स् यह क्या करेगा एक लंबी सी स्ट्रिंग जनरेट कर देगा और हम फिर उसको सेट कर देंगे सेट करने के बाद हमने यहां पर सेव किया है देखो ठीक है तो यह इंपोर्टेंट है इसी तरह अगर आपको पासवर्ड इनकोड करना होगा पासवर्ड इनकोड हो करना होगा तो जब हम पासवर्ड इनकोडर यूज करेंगे तो यहां पे हम यूजर डॉट सेट पासवर्ड और यहां पे इनकोडेड पासवर्ड पासवर्ड को इनकोड कर देंगे बट फिलहाल अभी नहीं याद रखिएगा जब हमें इनकोड करने की जरूरत पड़ेगी तो हम यहीं पे आगे इनकोड कर देंगे ठीक है सो कोई भी डिफॉल्ट वैल्यू अगर आपको यहां पर लगानी है तो लगा सकते हो जैसे फॉर एग्जांपल यूजर क्रिएट हो और हमें एक डिफॉल्ट प्रोफाइल चाहिए तो यहां पे डट सेट प्रोफाइल यूआरएल और यहां पे एक यूआरएल आप पास कर दीजिए ठीक है ये चीजें आप ध्यान रखोगे नेक्स्ट अब हम लोग इस सर्विस का यूज करते हैं यूजर सर्विस सिंपल या यूजर सर्विस का यूज करते हैं अपने कंट्रोलर के अंदर तो वीडियो यार थोड़ा सा लंबी हो रही है बट ठीक है कोई बात नहीं यहां पे आते हैं और हम सर्विस को इंजेक्ट करते हैं सबसे पहले हम यूज करेंगे प्राइवेट यूजर सर्विस यूजर सर्विस ऑटो आय डायरेक्टली आप यहां पे यूज कर सकते हो या फिर कंस्ट्रक्टर इंजेक्शन यूज कर सकते हो रिकमेंडेटरी है कंस्ट्रक्टर इंजेक्शन तो कंस्ट्रक्टर इंजेक्शन आपको यूज करना चाहिए बट ठीक है नेक्स्ट यहां पे आते हैं एंड अब हम डेटाबेस में डाटा को सेव करते हैं तो हम यूजर सर्विस यूज करते हैं हम लिखेंगे यूजर सर्विस ड सेव यूजर कमेंट क्यों लगा रहा हू यूजर सर्विस डॉट सेव यूजर यूजर को हम लोग ले लेंगे यहां यूजर यूजर फॉर्म अब दिक्कत यह आ रही है गाइस कि हमारे पास यहां पे क्या है भाई हमारे पास यहां पे यूजर फॉर्म का डाटा है लेकिन हमें पास करना है यूजर तो हमें यूजर क्रिएट करना पड़ेगा सो लेट मी क्रिएट हम एक यूजर डॉट बिल्डर यूज करेंगे डॉट बिल्ड यूज करेंगे तो ये एक्चुअली हमें यूजर दे देगा बिल्डर पैटर्न है यह यूजर दे देगा एंड इस यूजर को हम यहां प पास करेंगे ठीक है अब आपको एक चीज यहां पर बहुत ज्यादा ध्यान देनी है गाइस हमें ध्यान क्या देनी है ध्यान यह देना है कि हमारे पास हमारे पास ये जो यूजर बना उसके पास डाटा नहीं है हमें इस फॉर्म से डाटा निकालना है और इस फॉर्म से डाटा निकालना है और इस यूजर में डालना है तो हम एक डालेंगे क्या क्या डालेंगे देखिए बिल्ड के ऊपर चलेंगे य हम यहां पर यूज करेंगे नेम नेम निकालेंगे यूजर फॉर्म डट गेट नेम देन हम निकालेंगे ईमेल यूजरफॉर्म डट गेट ईमेल फिर हम निकालेंगे पासवर्ड यूजर फम डॉट या यूजर डॉट गेट पासवर्ड फिर हम निकालेंगे यूजर या अबाउट निकाल लो यूजर फम ड गट अबाउट और क्या बचा चार हो गया एक चीज और थी फोन नंबर था तो हम य पर निकालेंगे अबाउ फोन नंबर ले लो यूजर फॉर्म डॉट फोन नंबर और कुछ डिफॉल्ट चाहिए तो यहां भी आप सेट कर सकते हो जैसे फॉर एग्जांपल हमें यूजर की प्रोफाइल पिक्चर सेट करनी थी तो आप यहां पे प्रोफाइल पिक्चर एंड एक कांस्टेंट वैल्यू डाल सकते हो यहां पे यूज कर सकते हो तो सपोज हम ले लेते हैं भाई बारबार बता रहा हूं तो एक हम लोग डिफॉल्ट प्रोफाइल पिक्चर की आईडी ले लेते हैं ठीक है हम लोग क्या करते हैं हम लोग अपनी साइड पे चलते हैं और हम अप अपना लोगो ही यूज करते हैं एज अ प्रोफाइल पिक्चर ये लोगो इसको हम लोग ओपन कर लेते हैं एंड जो इसकी लिंक होगी ना ये वाली लिंक ठीक है सो अभी लोड हो रहा है या इसमें से हम ये वाली फोटो को एज अ प्रोफाइल पिक्चर यूज कर सकते हैं ले सकते हैं या आप अगर ये सब नहीं चल रहा है तो आप डिफॉल्ट प्रोफाइल पिक्चर ले लो इसमें से कोई प्रोफाइल पिक्चर डिफॉल्ट है तो कोई भी प्रोफाइल पिक्चर्स आप यहां पे यूज कर सकते हो डाउनलोड करके सेव कर लो ये फोटोज आ रही है क्या हम इन फोटोज को डायरेक्टली यूज कर सकते हैं यार क्या हां ठीक है तो आप डायरेक्टली कॉपी कर लो और अपने प्रोजेक्ट के अंदर आओ यहां पर पेस्ट कर लो रिकमेंडेटरी यह है कि आप आप इनको हार्ड कोड मत करिए रिकमेंड तरीका यह है आप इनको हार्ड कोड मत करिए तो इनको आप एप्लीकेशन और प्रॉपर्टीज के अंदर रख के देन आप यहां पे यूज कर सकते हो अगर कहोगे तो मैं दिखा दूंगा अदर वाइज आपको तो पता होगा या एट द रेट वैल्यू यूज करेंगे नहीं पता तो कमेंट से में बताओ मैं इसको भी हार्ड कोड से सॉफ्ट कोड में चेंज करा दूंगा ठीक है ट्स इट हमें यहां पे मिल जाएगा ऑप्शनल हुआ क्या है यहां पे हुआ यह हुआ है कि हम लोगों ने यूजर फॉर्म से कन्वर्ट करके यूजर बनाया है एक यूजर बनाया और यूजर फॉर्म से डाटा निकाल करके यूजर में सारा डाल दिया देन हमने यूजर सर्विस ड सेव कॉल किया है सेव यूजर एंड अपना यूजर पास किया ये हमें ऑप्शनल रिटर्न करेगा तो हम यहां पे चेक कर सकते हैं ये हमें ऑप्शनल रिटर्न कर रहा है तो हम यहां पे अगर आपको चेक करना है तो कर लो कोई दिक्कत वाली बात नहीं एक वेरिएबल के अंदर अच्छा ये यूजर डायरेक्टली रिटर्न कर रहा है क्या लेट्स सी दैट यहां पे क्लिक कर लो हां यूजर डायरेक्टली रिटन रहा है तो कोई दिक्कत वाली बात नहीं हमें यूजर मिल जाएगा एंड देन हम कुछ मैसेज रखना है तो मैसेज रख सकते हैं मैसेज कैसे रखना है नेक्स्ट वीडियो के अंदर बात करेंगे हम लोग ठीक है आपको यहां पे सेव्ड यूजर मिल जाएगा सेव यूजर मिल जाएगा एंड हम रीडायरेक्ट कर देंगे तो हमें पता चलेगा हां भाई सेव हो चुका है लेकिन हम अभी के लिए एक ए आउट मारते हैं एंड यहां पे हम लोग सेव्ड यूजर या यूजर सेव एक मैसेज दे देते हैं यूजर सेव बस अब हम लोग क्या करते हैं हम लोग बस इसको ट्राई कर लेते हैं कि भैया ये चल रहा है कि नहीं चल रहा है बाकी वैलिडेशन हम लोग नेक्स्ट वीडियो के अंदर करेंगे मैसेज हम लोग नेक्स्ट वीडियो के अंदर दे देंगे सो आई थिंक हम लोग का काम हो चुका है आ जा अपने कहां गया हमारा यय रहा हमारा कोड एंड अब हम लोग यहां पर फीड डालते हैं हर्ष तिवारी थोड़ा जूम आउट कर जूम इन कर लो यार एंड हर्ष री gmail.com पासवर्ड में कुछ डाल देता हूं फोन नंबर में कुछ ऐसे डाल देता हूं यह हमारा फोन नंबर नहीं है गाइस ऐसा नहीं आप कॉल करने लग जाइएगा दिस इ टेस्ट यूजर एंड देन साइन अप करते हैं एंड फिर से हमारा यही फॉर्म ओपन हो गया जैसा हम लोग एक्सपेक्ट कर रहे थे कि हमारा जो फॉर्म है रीडायरेक्ट होके ओपन होगा हमें देखने की बात यह है कि क्या हमारा डाटा गया है डेटाबेस के अंदर कि नहीं गया तो सबसे पहले हम कंसोल चेक आउट करेंगे एंड आप देखो यहां पे एक हाइबरनेट के सेलेक्ट क्वेरी चली है ठीक है उसके बाद हमें इंसर्ट की क्वेरी ये देखिए हमें एक इंसर्ट की क्वेरी दिखने को मिल रही है देखने को मिल रही है एंड ये इंसर्ट क्वेरी में सारा इंसर्ट किया गया चीज ठीक है एंड आप देखोगे यूजर सेव्ड कॉल हुआ है एंड ओबवियस सी बात है अगर ये चला इसका मतलब सब चीज प्रॉपर्ली चल चुका है तो हम क्या करते हैं इसको क्लियर कर लो एंड अपने डेटाबेस को ओपन करते हैं एंड चेक करते हैं कि भाई यूजर आया है कि नहीं आया कोई और कॉम्प्लिकेशंस है तो हम इसको रिजॉल्व करेंगे बट अभी हमारा मेन मोटो इस वीडियो का यही था कि हम फॉर्म से डाटा को एक्सेप्ट करें और उसको हम लोग भेजे डेटाबेस के अंदर सो लेट्स सी आई थिंक हमारा वर्क बेंच दिक्कत कर रहा है तो हम लोग क्या कर सकते हैं लेट्स डू दैट हमारे पास एक और क्लाइंट है उसको मैं यूज कर रहा हूं डीबी वेवर ठीक है एंड डीवी वेवर में एएल दिख जाएगा मुझे यस यहां पे एंड हम लोग ओपन करेंगे लोकल होस्ट इसको क्लोज कर दो यार अभी क्लोज कर लो और इसको भी क्लोज कर लो नेक्स्ट टीवी वेर को ओपन करेंगे डेटा बेसेस में चलेंगे और हम एसीएम 2o को देख रहे हैं इसको टेबल्स देखेंगे यूजर्स को देखेंगे तो यहां पे हम लोग व्यू डाटा पे जाते हैं व्यू टेबल है यह डाटा कहां गया भाई यह रहा डाटा एंड ये देखिए हमारे पास डेटा आ चुका है यह जो यूजर आईडी है ये यूजर आईडी जनरेट हुई है यय आडी डरम u आईडी से ये उसका अबाउट है एंड ये उसकी ईमेल आईडी है वेरीफाइड नहीं है अभी इसीलिए फॉल्स आ रहा है ईमेल अभी इनेबल्ड नहीं है इसलिए फॉल्स आ रहा है बाय डिफॉल्ट इनेबल हमने नहीं कर रखा है इसको इनेबल करेंगे एंड देन नेम हर्ष तिवारी आ रहा है पासवर्ड ही आ रहा है फोन नंबर आ रहा है वेरीफाइड अभी नहीं है और प्रोफाइल प आ रही है प्रोवाइडर में अभी देखो यहां पे नन आ रहा है ठीक है प्रोवाइडर में न आ रहा है प्रोवाइडर आईडी में भी नन आ रहा तो हमें ये चीज भी करनी होगी नेक्स्ट वीडियोस के अंदर हम लोग इसको फिक्स करेंगे कि एक्चुअली कैसे हम इसको प्रोवाइडर भी डाल सकते हैं जबकि हम लोगों ने प्रोवाइडर में आप देखो तो हम लोग ने बाय डिफॉल्ट प्रोवाइडर रख दिया था एक बाय डिफॉल्ट प्रोवाइडर हमने क्या रखा था ये देखिए सेल्फ रखा है हम लोगों ने तब भी इसकी इस का डाटा सेव नहीं हुआ है हम लोग क्या करेंगे बस कुछ नहीं करना हम यहां प आएंगे यहां पर यूज करेंगे ट एमरेड ठीक है एमरेड यूज कर लेंगे और हमारा काम हो जाएगा ठीक है अगर आपको स्ट्रिंग चाहिए तो आप एमिटेड टाइप भी दे सकते हो बट मैं क्या करूंगा ठीक है एक बार हम दोनों ट्राई करते हैं एक बार हम लोग रेटेड करते हैं एंड देन हम यह वाला वैल्यू हटाते हैं जरा इसको हम लोग डिलीट कर दो लेट्स सी इसको सेलेक्ट करो सेलेक्ट करने के बाद इसको डिलीट करो एंड देन इसको सेव कर लो ठीक है अभी हमारे पास डाटा डिलीट हो चुका है देन हम अगेन सेव करेंगे एक यूजर अगेन हर्ष तिवारी हर्ष तिवारी एंड एक फोन नंबर डाल देंगे दिस इज टेस्टिंग यूजर एंड साइन अप कर देंगे एंड आएंगे हम लोग चेक करेंगे बिल्कुल सही हमारा अभी तक तो परफेक्ट चल रहा है एंड आ जाते हैं भाई डेटाबेस चेक करते हैं अपना यस प्रोवाइडर चेक करते हैं प्रोवाइडर अभी भी नल आ रहा है आई थंक आई डोंट नो वई नल क्यों आ रहा है नल नहीं आना चाहिए प्रोवाइडर में हमें सेल्फ लाना है सेल्फ सेल्फ सेल्फ चलो भाई यहां प आते हैं सबसे पहले हम लोग सबसे पहले हम लोग यही सही करते हैं हम लोग आते हैं अपने कोड के अंदर ओपन करेंगे यहां पर अपना यूजर और यूजर में हम अपने प्रोवाइडर के ऊपर आएंगे यहां पे एंड हम लोग रेट एमरेड एंड साथ ही सा में वैल्यू में हम यहां पर नम टाइप जो यूज करेंगे वो यूज करेंगे एज अ स्ट्रिंग कि हमें भैया इस इनम का जो टाइप है सेव करना है वो एसा स्ट्रिंग सेव करना है मतलब प्रोवाइडर और सेल्फ सेव करना है या फिर अगर [संगीत] देन कांटेक्ट डिलीट करेंगे इसी ऑर्डर में आप डिलीट करिएगा एंड देन अपनी यूजर्स वाली टेबल भी डिलीट कर देंगे यस उसके बाद हम फिर से अपना प्रोजेक्ट चलाएंगे ओके सो हम बंद कर देते हैं प्रोजेक्ट ठीक है तो इसको हम लोग क्ल कर देते हैं एंड इसको भी क्लिक करेंगे दोबारा से प्रोजेक्ट को रन करेंगे अपने एसीएम प राइट क्लिक करेंगे एंड रन कर देंगे एंड हमारा प्रोजेक्ट दोबारा से रन हो जाएगा और टेबल्स दोबारा से बन जाएंगे लेट्स सी रिफ्रेश करते हैं एंड टेबल को भी रिफ्रेश कर लेते हैं आप देखोगे यूजर्स टेबल बन चुकी है एंड इस बार अगर हम टेबल देखें तो लेट्स सी व्यू डेटा नहीं हम जाएंगे हम जाएंगे व्यू टेबल्स प चलते हैं एंड यहां पे हम प्रॉपर्टीज प चलते हैं एंड आप देखोगे जो प्रोवाइडर है वह इनम है जिसके पास आप देखोगे हमारे पास सेल्फ googleupdate.exe जब अपना कंट्रोलर यूज कर रहे थे लेट्स सी पेज कंट्रोलर और यहां पर हम लोग जब फॉर्म जो हम लोग फॉम यूज कर रहे थे उसका डाटा जब हमने यूजर में कन्वर्ट किया था तो हमने यूज किया था बिल्डर और ये बिल्डर में नहीं यूज करूंगा क्योंकि बिल्डर में डिफॉल्ट वैल्यूज नहीं आ रही थी सेल्फ वगैरह डिफॉल्ट वैल्यू नहीं आ रही थी तो हम इसको कमेंट कर देंगे एंड इस जगह पर मैं नॉर्मल ऑब्जेक्ट बनाऊंगा हम बनाएंगे न्यू यूजर एंड इसको एक वेरिएबल में डाल देंगे यस एंड देन हम इसके प्रॉपर्टी सेट कर देंगे जैसे हम सेट नेम कर देंगे देन हम ईमेल कर देंगे सेट एंड देन पासवर्ड सेट कर देंगे एंड देन अबाउट सेट कर देंगे एंड देन प्रोफाइल फोन नंबर सेट कर देंगे एंड देन प्रोफाइल पिक्चर सेट कर देंगे एंड यहां पर डिफॉल्ट प्रोफाइल पिक्चर हम पास कर देंगे जो भी हमें चाहिए होगा एंड स्टेटस जो है वह स्टेटस हमने ले रखा है क्या आई डोंट थक स्टेटस ले रखा है हम प्रोफाइल पिक्चर यहां से उठाते हैं यहां से और यहां तक कॉपी करते एंड यहां पर चिपका देते हैं और कुछ अगर आपको सेट करना है तो यहां पर सेट कर दिया ट इट तो ये हमने नर्मल ऑब्जेक्ट बना दिया तो ये डिफॉल्ट कंस्ट्रक्टर यूज होगा ऑब्जेक्ट बनाने के लिए तो यहां पे आपका जो प्रोवाइडर्स वगैरह है वो डिफॉल्ट वैल्यू वहां प आ जाएगी यह हम तरीका यूज करेंगे अब हम सेव करेंगे इतना पहले चेक करते हैं लेट्स सी एक बार रिफ्रेश कर लेते हैं एंड यहां पर अब हम पास करते हैं हर्ष तिवारी पासवर्ड एंड फोन नंबर कुछ पास कर देते हैं अभी हमने वैलिडिटी वगैरह कुछ लगाई नहीं है दिस इज टेस्टिंग यूजर साइन अप करते हैं एंड आप देखोगे तो यस साइन अप हो चुका है एंड लेट्स सी डटा पे चलते हैं रिफ्रेश करते हैं एंड यस हमारे पास डटा आ चुका है बस हमारे पास देखते हैं डिफॉल्ट वैल्यूज आई है कि नहीं आई ये आईडी है यार ये है अबाउट ये है ईमेल ये है वेरीफाइड में फॉल्स फॉल्स आ गया है नेम में हर्ष तिवारी आ गया पासवर्ड में दुर्गेश आ गया फोन नंबर आ चुका है एंड यहां पे ये चीज भी आ चुकी है प्रोफाइल पिक्चर आ चुका है एंड आप देखोगे प्रोवाइडर में आ चुका है सेल्फ और प्रोवाइडर आईडी जो है वो अभी नल है क्योंकि सेल्फ में कोई आईडी नहीं है दैट्ची अगर google3 सेट करनी है तो यहां पे सेट कर सकते थे अब हमें मैसेज दिखाना है तो पहले हम क्या करते हैं स्टैटिक मैसेज दिखा देते हैं तो हम देखते फ्लो वाइट पर चलते हैं एंड यहां पर देखते कोई मैसेज वगैरह है हमारे पास दिखाने के लिए कोई कंपोनेंट है यहां पर आप कंट्रोल कमांड के दबाइए कमांड के यहां पर आप अलर्ट देखिए यस आपके पास अलर्ट्स है बहुत सारे यह कुछ अलर्ट्स है इनका यूज हम लोग कर सकते हैं एक बार देख लेते हैं या यस इनका यूज हम लोग कर सकते हैं नीचे आ जाओ लाइट में कुछ ऐसा दिख रहा होगा ठीक है तो यहां पर दिखा सकते हैं कि भैया यूजर साइन अप हो चुका है कुछ ऐसा दिखा सकते हैं तगड़ा ठीक है डार्क थीम में कुछ ऐसा दिखेगा या फिर आप ऐसा भी दिखा सकते हो बॉर्डर भी ठीक है ठीक है डार्क थ में कुछ ऐसा दिखेगा ओके सो आइकंस वगैरह भी आप यूज कर सकते हो ठीक है परफेक्ट परफेक्ट तो हम क्या करते हैं एक डिव ले लेते हैं चलो यही वाली डिव ले लेते य हमारा टेक्स्ट है यह वाले ले लेते हैं ठीक है बाकी लिस्ट स् दिखा सकते बहुत सारी चीज यार दिखा सकते हो ऐसे भी दिखा सकते बटन वगैरह भी दिखा सकते हो आपकी मर्जी है यार ठीक है सो हम आ जाते य प अपने कोड के अंदर ए यहां पर एक फाइल बना देते हैं रिसोर्सेस में एटील फाइल तो लेट्स सी ओपन करते रिसोर्सेस टेंपलेट्स ट क्लिक करते हैं और यहां पर एक फाइल बनाते हैं जिसका नाम देते हैं हम लोग मैसेज मैसेज लेट दे दो एंड हम पेस्ट कर देंगे ठीक है इसके अंदर कुछ भी आप बना सकते हो इसको हम लोग अभी चेंज करेंगे देखेंगे कैसे करना है और हम क्या करते हैं इस मैसेज को हम लोग यहां पे एक फ्रेगमेंट बना देते हैं तो हम कहेंगे डाटा टी एच फग फ्रेगमेंट एंड नाम देते इसका मैसेज बॉक्स इस फ्रेगमेंट को हम लोग इंक्लूड करते हैं अपने रजिस्टर प कहां इंक्लूड करेंगे एक बार हम लोग जगह देख लेते हैं कहां इंक्लूड कर सकते हैं हम लोग आज जो भाई साइन अप पे कहां है हमारा होम पेज कहां है ये रहा ठीक है तो हम लोग ऊपर इंक्लूड कर सते या साइन अप के जस्ट ऊपर इंक्लूड कर सकते देख भा कहां अच्छा लग रहा है वहीं पर डालते हैं साइन अप है ना य य है इसी के जस्ट यहां पर हम लोग कमेंट लगाते लिखते हैं मैसेज शेयर और हम यहां पर डिप लेते हैं और यहां पर यूज करते हैं डटा टी एच एंड रिप्लेस कर देंगे हम लोग री प्लेस किससे मैसेज के अंदर जो मैसेज बॉक्स है एंड लेट सी आई थिंक हमारा काम हो चुका है गाइ ये देखिए मैसेज आ चुका है प्रॉपर बस इसको हमें डायनेमिक करना है और अगर हमें ग्रीन रेड हरा कुछ करना है तो हम अपने मैसेज में जाके इन ब्लू को हम यहां जो ब्लू आ रहा है ना इस ब्लू को हम अ चेंज करके ग्रीन कर सकते हैं आप देखोगे यहां पे जो मैसेज है वो ग्रीन कलर का हो जाएगा तो हम लोग यहां पे डिफाइन कर सकते हैं कि एक्चुअली टाइप क्या हम लोग यूज करने वाले मैसेज का ग्रीन ब्लू इस तरह से यूज करेंगे हम लोग एंड वो चीज हम लोग यहां पे डायनेमिक लाएंगे अभी आप देखते जाइए तो अब हम लोग इसको इस मैसेज को हम लोग तभी दिखाएंगे जब हमें बैक एंड से मैसेज की इंफॉर्मेशन मिल रही हो कि भैया हमें मैसेज की इंफॉर्मेशन मिल रही मैसेज दिखाना य पर तभी मैसेज दिखाएंगे अगर मैसेज की इंफॉर्मेशन नहीं मिल रही तो नहीं दिखाएंगे तो हम लोग क्या करेंगे हम जब बंदा साइन अप कर ले रहा है ठीक है कर ले रहा है कंट्रोल से साइन अप कर रहा है पेज कंट्रोल से यहां से साइन अप कर कर ले रहा है य देखिए रजिस्ट्रेशन सक्सेसफुल हो गया तो यहां पर हमें मैसेज ऐड करना था य देखिए मैसेज ड करना था ड द मैसेज अब मैसेज ड कैसे करेंगे मैसेज ड लिए हम लोग यूज करेंगे एक्चुअली सेशन आप रिक्वेस्ट में भेज सकते थे बट हम लोग सेशन यूज करेंगे ठीक है सेशन यूज करेंगे तो सेशन को यूज करने के लिए हम जस्ट अपने मॉडल के बाद यहां पर आप एचटीटीपी सेशन को ले लीजिए सेशन बस ये ऑब्जेक्ट अपने आप से यहां प आ जाएगा आपके हैंडलर के अंदर एंड इस ऑब्जेक्ट को यूज करेंगे मैसेज को ऐड करने के लिए हम लिखेंगे सेशन डॉट ड एट्रबीक और अपना मैसेज पास कर देंगे रजिस्ट्रेशन सक्सेसफुल ठीक है मैसेज को थोड़ा कस्टमाइज करेंगे अपने अकॉर्डिंग मैं बताऊंगा कैसे ठीक है ये क्या कह रहा है कह रहा है द मेथड इ अनडिफाइंड फॉर द एटीपी सेशन सेशन कहीं और से आ गया क्या एक बार देखते हैं नहीं ठीक तो है एटीपी सेशन ठीक है ड ट्रब सेट एटिबल करेंगे हम लोग तो हमारा य मैसेज चला जाएगा कहां पे यहां पर ठीक है जब डू रजिस्टर कॉल होगा उसके बाद मैसेज ड हो चुका होगा य सेशन में और उस मैसेज को हम लोग य पर एक्सेस कर सकते हैं मैं बताता हूं कैसे लेट्स सी हम उस सेशन में ऐड किए गए मैसेज को हम लोग एक्सेस कर सकते अपने इस पेज प लेट्स फाइंड आउट कैसे हम लोग एक्सेस कर सकते हैं इस वाले इसम यहां पर यह हमारी एकली मैसेज डिब है तो हम डटा टीच एंड टेक्स्ट यूज करते हैं एंड किसी वेरिएबल को प्रिंट करने के लिए डॉलर यूज करेंगे और क्या हम यहां पर सेशन डायरेक्टली या मैसेज को डायरेक्टली हम लोग देख सकते क्या एक बार मैं दिखाता हूं यार एक बार देखते रिफ्रेश करते मैसेज नहीं आया है अभी आई डोंट थिंक मैसेज आया है तो हम लोग एक्चुअली क्या कर सकते हैं हम लोग यहां पर सेशन ऑब्जेक्ट को डायरेक्टली हम लोग एक्सेस कर सकते हैं सेशन ऑब्जेक्ट को डायरेक्टली एक्सेस कर सकते हैं अपने यहां पर ऐसे नहीं हम सेशन को डायरेक्टली एक्सेस कर सकते हैं सेशन डॉट मैसेज अगर सेशन के मैसेज के अंदर कुछ होगा तो हमें यहां पर दिखेगा से मैसेज के अंदर कुछ होगा दिखेगा अभी कुछ नहीं है अभी तो कुछ भी नहीं है एक काम और करते हैं हम लोग यह इफ लगा देते य इ कंडीशन लगा देते हैं कि यह डिप तभी जाए हमे डटा टी एच इ यह डिप तभी दिखेगी अगर सेशन के अंदर मैसेज होगा मतलब ये डिप तभी चलेगी जब सेशन के अंदर कुछ होगा सिंपली आप यहां पर टीच कॉलन इफ भी यूज कर सकते थे अगर मैं यहां पर रिफ्रेश करता हूं अब तो आपकी डिप गायब हो चुकी अगर मैं लॉगइन साइन अप करता हूं और यहां कुछ अपने लॉग इन करता हूं कुछ ईमेल आईडी दुर्गेश टेस्ट ए कुछ पासवर्ड कुछ यहां पर डाल देता हूं सपोज मैंने डाल दिया यहां पर टेस्टिंग यूजर एंड साइन अप कर देता हूं यह देखिए रजिस्ट्रेशन सक्सेसफुल आ रहा है अलर्ट इंफॉर्मेशन को भी मैं हटा दूंगा मुझे अलर्ट इंफॉर्मेशन नहीं दिखानी है ठीक है अलर्ट इंफॉर्मेशन नहीं दिखानी है इस इस वाले स्पैन को आप हटा दीजिए एंड हमें कुछ मैसेज ऐसे दिखेगा ऐसे दिखेगा रजिस्ट्रेशन सक्सेसफुल परफेक्ट है बट एक बार मैसेज दिख रहा है उसके बाद बारबार रिफ्रेश कर रहा हूं तब भी मुझे मैसेज दिख रहा है हम चाहते हैं कि यह मैसेज एक बार दिखे उसके बाद गायब हो जाए एंड साथ ही साथ में मैसेज का टाइप हम डिफाइन कर द वो किस टाइप का मैसेज है तो उस हिसाब से हम काम करना है तो मैं क्या करूंगा यहां पर सिर्फ स्ट्रिंग मैं भेज रहा था ये देखिए सिर्फ स्ट्रिंग भेज रहा था अपने बैकेट से ये स्ट्रिंग वैल्यू थी बट हम ट्रिब्यूट में कोई दूसरा ऑब्जेक्ट भी भेज सकते हैं तो मैं क्या करूंगा एक क्लास बना लूंगा हेल्पर के अंदर यहां पर जाऊंगा ट क्लिक करूंगा एक नई क्लास बना और क्लास होगा मैसेज नाम से क्लास ही होगा ठीक है और इसके अंदर मैं यूज करूंगा प्राइवेट एक तो स्ट्रिंग कंटेंट होगा क्या दिखाना है और यहां पर होगा मैसेज का टाइप और मैसेज का टाइप जो गाइस है वह उसका एक हम बना सकते हैं अलग से नम वगैरह सो अगर चाहो तो यहां पर एक नम बना लो मैसेज टाइप के लेट्स डू ट हेल्पर पर चलते न पर चलते हैं एंड इनम पर चलते हैं एंड नाम देते इसका मैसेज टाइप ठीक है मैसेज टाइप में मैं मेरे पास एक ब्लू मैसेज है ब्लू एक ग्रीन एक रेड कुछ ऐसे मैसेजेस होंगे मैं स्मल बनाता हूं क्योंकि अभी हम इसका यूज करेंगे ब्लू रेड और ग्रीन ठीक है लो इन इतने टाइप के मैसेजेस है ग्रीन मतलब सक्सेस का है ग्रीन मब सक्सेस है रेड मतलब कुछ एरर टाइप का मैसेज है एंड लो या फिर ब्लू कुछ वार्निंग टाइप का मैसेज है इतने मैसेजेस मैं बना लू इस टाइप के मैसेजेस एंड यहां पर मैं जो ये यूज करूंगा वो मैसेज टाइप यूज करूंगा एंड बाय डिफॉल्ट जो मैसेज टाइप होगा वो होगा मैसेज टाइप डॉट बाय डिफॉल्ट ब्लू यूज करेंगे हम ओके एंड यहां पे आएंगे हम यूज करेंगे बिल्डर साथ ही साथ में हम यूज करेंगे गेटर्स एंड सेटर एंड नो आर कंस्ट्रक्टर य क्या कह रहा है बिल्डर इज अनडिफाइंड ठीक है एंड ऑल आर कंस्ट्रक्टर ठीक है नेक्स्ट नेक्स्ट टाइप क्या कह रहा है यह हम ठीक है अगर हम बिल्डर यूज़ करेंगे तो यह आई थिंक इसको इग्नोर कर देगा यह यही चीज़ कहना चाह रहा है आप देखो यहां पे बिल्डर विल इग्नोर द इनिला इजिंग एक्सप्रेशन एनटायर इफ यू वांट टू इनिला इज द एक्सप्रेशन टू सर्व द डिफ़ॉल्ट वैल्यू बिल्डर डिफ़ॉल्ट इफ नॉट सपोज सेटेबल विलिंग विल मेक अ फाइनल तो हमें यहां पे बिल्डर डॉट डिफॉल्ट यूज़ करना पड़ेगा बल्डर डॉट डिफॉल्ट डिफॉल्ट वैल्यूज के लिए आपकी मर्जी कैसा यूज़ करना है ठीक है नेक्स्ट हम जब मैसेज को क्रिएट करेंगे यहां पे ठीक है तो हम मैसेज डॉट बिल्डर एंड इसमें अपना कंटेंट डालेंगे डालेंगे रजिस्ट्रेशन रजिस्ट्रेशन सक्सेसफुल एंड टाइप जो है वो मैसेज का सक्सेस होगा मैसेज टाइप सक्सेस मैसेज टाइप ग्रीन ओबवियसली हम लोग ग्रीन यूज करेंगे एंड बिल्ड करेगा ये हमें दे देगा एक्चुअली एक मैसेज मैसेज अब इस मैसेज को हम लोग यहां पे ऐड कर देंगे इस मैसेज को हम लोग यहां पे ऐड कर देंगे नेक्स्ट अब हम लोग इस पूरे ऑब्जेक्ट को यहां पे एक्सेस कर पाएंगे यहां पे पूरे ऑब्जेक्ट को एक्सेस कर पाएंगे अगर मैसेज में कोई डाटा है दैट मींस हम यहां पे डटा टी एच और हम लोग ऑब्जेक्ट ले सकते हैं यहां पे एक ऑब्जेक्ट में हम लोग यहां पे सेशन डॉट मैसेज यूज़ कर सकते हैं एंड देन हम मैसेज के सारी प्रॉपर्टीज मतलब कंटेंट और टाइप दोनों यूज़ कर सकते हैं तो कंटेंट के लिए हम यहां पे डायरेक्टली कर लेंगे टेक्स में हम लगाएंगे स्टार मैंने बताया था अगर आप ऑब्जेक्ट की प्रॉपर्टी डायरेक्टली एक्सेस कर रहे हो तो आप स्टार लगा के यूज कर सकते हो और टाइप में हम लोग यहां पर बताएंगे यहां पे ठीक है तो हम लोग हम लोग क्लास कैसे डायनेमिक सेट कर पाएंगे ये चीज थोड़ा सा देखना पड़ेगा यहां पे ठीक है पहले य चीज देखते हैं उसके बाद हम क्लास कैसे सेट करते हैं डाली ये चीज भी देखेंगे एंड कुछ एरर आ गई रजिस्ट्रेशन एटी प लेट्स सी ठीक है प्रॉपर्टी फील्ड कंटेंट कैन नॉट बी फाउंड ऑब्जेक्ट टाइप स्ट्रिंग ओके मैसेज इज अ स्ट्रिंग ओके एक बार हम अपना प्रोजेक्ट रन कर लेंगे क्योंकि ओबवियस सी बात सेशन एजिस्ट कर रहा होगा तो मैसेज में स्ट्रिंग होगा ठीक है अभी हम रिफ्रेश करते हैं ठीक है दोबारा से ठीक है एंड ओके नो रिसोर्स फाउंड फ द स्टैटिक एक बार हम होम फायर अप करते हैं साइन अप फायर अप करेंगे एक्जेक्टली हमें लग रहा है कि एजिस्ट कर रहा है सेशन ऑलरेडी एजिस्ट कर रहा है तो मैं क्या करता हूं एक बार हम इसको दूसरे ब्राउजर से अपना फर फॉक्स से देते हैं या फिर इनकॉग्निटो भी ओपन कर सकते बट फ फॉक्स से चेक करते हैं हम लोग जरा पेस्ट कर दो यस ठीक है एंड थोड़ा सा बहुत ज्यादा जूम इन है थोड़ा जूम आउट कर देते हैं साइन अप हो चुका है एंड यहां पर हम जरा दोबारा से कुछ दुर्गेश नंबर एक डाल दो टेस्टिंग साइन अप करते एंड यस आप देखो रशन सक्सेसफुल है क्योंकि यह सक्सेस मैसेज था अगर यह मैसेज सक्सेस नहीं होता ठीक है अगर यसे सक्सेस नहीं होता मतलब अगर यह मैसेज कुछ ऐसा होता लेटस डट हम य पर आते और इस मैसेज को मैसेज टाइप में जाकर के ब्लू लिख देते तो य ब्लू कलर का दिखता एक बार आप चेक करलो आ जाओ रिफ्रेश करो एंड सेशन एक बार जाओ भाई ठीक है दोबारा से हम लोग दुर्गेश अनदर एंड इस बार दुर्गेश वन से चेक करते हैं टेस्टिंग साइन अप मारते हैं यस नहीं नहीं कुछ तो गड़बड़ है ओके सो हम लोगों ने क्या किया है कि यह तो परफेक्ट आ रहा है हम लोगों ने यहां पर टाइप के लिए जो टाइप को प्रिंट ही नहीं किया था तो यहां पर आते हम लोग लिखते हैं लीफ थामलू क्लास अपेंड देखते कैसे हम क्लास अपेंड कर सकते हैं तो ट्स फाइंड आउट ओके सो यहां पर देख सकते हो यह क्लास लगी हुई है ओके नीचे आते हैं तो आप देखो कंडीशनल रेंडरिंग हम लोग कर सकते हैं कि इफ अगर कंडीशन ट्रू है कंडीशन ट्रू नहीं है तो यह चलेगा कंडीशन ट्रू है तो चलेगा ओके एट्रबीक एबूट इट विल ओके एटिबल से हम लोग एट्र ऐड कर सकते हैं तो अगर हम एटिबल लिखते हैं एंड देन क्लास की वैल्यू य कंडीशन लगा के डाल देते हैं ठीक है अगर ब्लू है तो ब्लू आ जाएगा कंडीशन ट्रू अगर कंडीशन है तो कंडीशन ट्रू आ जाएगा कंडीशन ट्रू नहीं है और टीच क्लास भी यूज कर सकते हैं एबूट इज शॉर्टकट फॉर ठीक है सोट यूज इंस्टेड ऑफ विद अ ओके सो हम लोग इस क्लास को यूज कर सकते हैं इन ऑर्डर टू पुट द डायनेमिक क्लासेस बेस्ड ऑन द कंडीशन और अगर कोई वेरिएबल है तो डायरेक्टली हम उसको यूज कर सकते हैं ठीक है या फिर हम अपेंड क्लास भी यूज कर सकते हैं क्लास को अपेंड करने के लिए बेस्ड ऑन द कि भैया कौन सी क्लास हम अपेंड करना चाह रहे हैं तो मैं यही यूज करता हूं यहां पे आता हूं यहां पे आते हैं हम अपने मैसेज के अंदर यहां पे एंड हम इस क्ला ये जितनी क्लासेस है उन क्लासेस के अलावा हम यहां पर क्या करते हैं हम यूज करते हैं डेटा टी एच अप एंड क्लास आई होप अप एंड क्लास ही है एक बार हम देख लेते हैं क्या है ठीक है अपेंड क्लास अपेंड है क्लास अपेंड यहां पे आएंगे एंड यूज करेंगे क्लास अपेंड ठीक है एंड इस क्लास अपेंड के अंदर मैं क्या यूज करूंगा मैं ये जो टेक्स्ट है ना या फिर टेक्स्ट को तो ठीक है नॉर्मल रहने दो ज्यादातर बेसिकली मैं इन क्लासेस को कुछ डायनेमिक लाने की कोशिश करूंगा देखो मैं क्या करूंगा ये जितनी टेक्स्ट वाली रिलेटेड क्लासेस है यहां से लेकर के और ये सब ले लो ठीक है और यहां पे मैं सिंगल कोड्स के अंदर चिपका दूंगा ठीक है ये क्लासेस डायनेमिक अपेंड हो जाएंगे बस हम ग्रीन की जगह जो हमारा वेरिएबल है उसको हम यूज करेंगे मतलब हम स्टार लिखेंगे स्टार से डायरेक्टली एक्सेस कर सकते हैं आई थिंक या फिर लेट्स सी पहले हम लोग एक का करते हैं ठीक है हम स्टार एंड लेट्स डू दैट बाई स्टार से एक्सेस करने की कोशिश करते हैं हम लोग यहां पे मैसेज ड टाइप ठीक है इसी को कॉपी कर देते हैं मैं ट्राई कर रहा हूं बस ऐसे ही ग्रीन की जगह फिर से एंड यहां पर भी एंड ग्रे को ग्रे ही रहने देते हैं ग्रीन की जग ग्रीन टाइप डाल देते हैं एंड यहां भी टाइप डाल अब देखते हैं कि क्या ये जो क्लासेस है ये डाली अपेंड हो रही है कि नहीं हो रही है अगर अपेंड हो रही है तो हमारा काम हो नहीं अपेंड हो र तो कोई बात नहीं फिर हम लोग कुछ और ट्राई करते हैं ठीक है सो मैं य पर रिफ्रेश कर दूंगा एंड आई डोंट थिंक क्लासेस अपेंड हुई है एक बार चेक करते हैं तो यह देखिए कोई भी डायनेमिक रेजोल्यूशन नहीं हुआ है स्टार स्टार अपने आप आ चुका है तो सेम आ चुका है ट मीस हमें एक्सप्रेशन यूज करना पड़ेगा इन ऑर्डर टू रिजॉल्व दिस चीज तो यहां पर टाइप को हम लोग क्या करते हैं एक्सप्रेशन लिख लेते हैं ऐसे देन टाइप लिखते हैं एंड अगेन अब हम लोग रिफ्रेश करते हैं पहले एक क् देख लेते हैं फिर हम लोग बाकी के लिए देखेंगे ठीक है सो अब हम देखें तो हमारा जो सबसे पहला था ये देखिए यहां अभी फिर से ये रिजॉल्व नहीं हो पाया ये स्टार ये देखिए डॉलर और ये दोनों लगा हुआ है तो हम लोग उल्टा ट्राई करेंगे लेट्स डू दैट हम लोग पहले स्टार यूज करते हैं एंड देन टाइप यूज करते हैं देखते हैं भाई ओके सो य ये ये चीज भी नहीं नहीं चल रही है तो क्या हम लोग क्या हम लोग डायनेमिक अगर हम सिर्फ टाइप यूज करें सो लेट्स सी दैट तो टाइप ब नहीं चल रहा हैय फ टाइप ब नहीं चल रहा है तो हमें क्या करना पड़ेगा हमें कुछ और चीज इसके अंदर अप्लाई करनी पड़ेगी कैसे देखिए मैं कुछ और चीज करने जा रहा हूं मैं जो डॉलर है उसको मैं बाहर यूज कर रहा हूं अब बस एक्सप्रेशन इस पूरे को एक्सप्रेशन बनाने के लिए ठीक है एंड यहां पर अंदर में स्टार टाइप यूज करूंगा देखते हैं एंड अभी अभी तो यह फिर भी सही ले रहा है ठीक है अभी यह सही ले रहा है बस दिक्कत यही कर रहा है कि यह रिजॉल्व नहीं कर रहा है यह जो स्टार टाइप लिखा य रिजॉल्व नहीं हो रहा तो क्या हम यहां पर स्ट्रिंग बंद करके देन प्लस लगा के स्ट्रिंग चालू कर सकते हैं क्या आई डों कैसे करते हैं थोड़ा सा हम लोग को मेहनत करनी पड़ेगी यहां पर भी हम लोग क्या करते हैं स्ट्रिंग बंद करके प्लस लगा के स्ट्रिंग ओपन कर देते हैं लेट्स सी अब तो अगर हम देखें तो यह चीज भी रिजॉल्व नहीं हो रही है 800 है टेक्स प 800 लग रहा है हां टेक्स प 800 लग रहा है अपेंड हो रहा है बट रिजॉल्व नहीं हो रहा सो लेट्स फाइंड आउट कैसे हम एक्चुअली रिजॉल्व करेंगे चीज ये चीज रिजॉल्व हो जाए तो हमारा काम हो जाए ये जो टाइप लिखा हुआ है रिजॉल्व हो जाए अगर हम डायरेक्टली ऐसे प्रिंट कर देते हैं तो देखते हैं भाई तो लेट्स फाइंड आउट इस केस में आप देखो टाइप डायरेक्टली आ चुका है यह चीज भी हमारी रिजॉल्व नहीं पाई तो हमें यहां कुछ ऐसा एक्सप्रेशन लिखना होगा जिससे कि ये रिजॉल्व हो जाए भाई तो हम लोग थोड़ा सा इसको इजी बनाते हैं हम लोग क्या करेंगे पहले तो इस प्लस को हटा देते हैं ठीक है क्योंकि हम लोग बाद में प्लस लगाएंगे थोड़ा सा इसको और आसान बनाते हैं हम लोग क्या करते हैं इन प्लस को बना हटा के सि सिंगल स्ट्रिंग कर दो सब ठीक है सारी सिंगल स्ट्रिंग है एंड अब हम लोग क्या करेंगे हम लोग जो स्टार यूज़ करेंगे क्योंकि ऑलरेडी हमारे पास ऑब्जेक्ट है ये देखिए हमने सेशन डॉट मैसेज का जो ऑब्जेक्ट था उसको हमने ऑब्जेक्ट से रिप्रेजेंट कर दिया दैट मींस हम स्टार से यूज़ कर सकते हैं ऑब्जेक्ट को तो हम क्या करेंगे पूरे प्रॉपर्टी को हम स्टार से डिनोट कर देंगे यहां पे स्टार लगा देंगे अब हम लोग को जो स्टैटिक वैल्यू रखी वो सिंगल कोड्स के अंदर रखेंगे जैसे फॉर एग्जांपल ये हमें स्टैटिक वैल्यू रखनी है इतनी तो सिंगल कोड्स के अंदर रखेंगे एंड फिर हमें डायनेमिक लगानी है तो हम प्लस से कॉन्कैटिनेट कर देंगे अगेन यहां भी प्लस एंड सिंगल कोट तो एगजैक्टली होगा क्या ये हमारी स्टैटिक वैल्यू है देन प्लस से कॉन्कैटिनेट होगा और ये डायनेमिक वैल्यू आएगी बट हमें यहां पे ब्रेसस नहीं लिखने है क्योंकि ऑलरेडी हम लोग स्टार ब्रेसस लगा चुके हैं तो ये डायनेमिक वैल्यू आ जाएगी देन हमारी ये स्टैटिक वैल्यू फिर ये हमारी स्टैटिक वैल्यू होगी ये सब ये सब अब हमें यहां पे डायनेमिक वैल्यू फिर से लानी है कहां पे यहां पे तो हम क्या करेंगे अगेन स्टार हटा के हम लोग सिंगल कोड प्लस यूज करेंगे एंड ये ब्रेस हटा के प्लस सिंगल कोड यूज करेंगे अगेन हम इधर चलेंगे यहां पर भी वही काम करेंगे ये सब हटा के सिंगल कोड बंद करेंगे प्लस यूज करेंगे एंड इसको हटा के प्लस सिंगल कोड यूज करेंगे ये डायनेमिक आ जाएगा देन अगेन यहां पे भी कहीं होगा ये देखो यहां पे भी हमने एक यूज कर रखा था यहां पे भी हम सिंगल कोड प्लस इसको हटा देंगे एंड यहां पे भी हम प्लस प्लस सिंगल कोड नेक्स्ट और भी यहां पे एक लास्ट है हमारे पास तो हम दोनों को हटा देंगे सिंगल कोड प्लस एंड इसको हटा के प्लस सिंगल कोड्स सेव करेंगे एंड आई होप अब हमारा चलना चाहिए ठीक है सो ज़ूम आउट कर लो एंड ये क्लासेस अपेंड हो जानी चाहिए बेस्ड ऑन टाइप ठीक है सो हम आ जाते हैं वापस यहां पे एंड एक बार रिफ्रेश करते हैं एंड आई थिंक आप देखोगे तो हमारे पास सारी चीजें डायनेमिक आ चुकी हैं आई होप आप देख सको यहां पे ये देखिए टेक्स्ट ब्लू आ चुका है क्योंकि हम लोग ब्लू उधर से भेज रहे थे बॉर्डर भी ब्लू आ चुका है एंड बीजी ब्लू आ चुका है एंड टेक्स्ट फिर से ब्लू आ चुका है एंड ब्लू आ चुका है अगर हम पीछे से ग्रीन भेजते हैं लेट्स डू दैट हम अपने पेज कंट्रोलर के अंदर आते हैं और यहां पर जहां टाइप है ब्लू उसको हम लोग ग्रीन भेजते हैं तो मैसेज हमारा हरा दिखना चाहिए था लेट्स सी अगर मैं रिफ्रेश करता हूं और अगेन मैं दूसरा यूजर यहां पर साइन अप कराता हूं ट्री कुछ ऐसा मैं डालता हूं दिस इ टेस्टिंग साइन अप करता हूं एंड यस आप देखोगे तो यहां प ग्रीन कलर का साइन अप रजिस्ट्रेशन सक्सेसफुल आया बट अब इसमें दिक्कत यही है गाइस कि हमारा ये जो रेशन सक्सेसफुल आ रहा है इसमें बार-बार मैं रिफ्रेश कर रहा हूं और यह मैसेज अभी भी है हम एक बार मैसेज दिखाना चाह रहे हैं तो मैं क्या करूंगा मैं एगजैक्टली वही काम करूंगा मैं एक बार मैसेज दिखाऊंगा उसके बाद इसको हटा दूंगा सेशन से कैसे हटाएंगे उसके लिए पुराने थाइम लीफ में क्या होता था कि हमारे पास ऑब्जेक्ट सेशन का अवेलेबल होता था उसके मेथड्स हम डायरेक्टली कॉल करके रिमूव कर सकते थे बट अब हमें क्या करना होगा अब हमें यहां पे एक क्लास बनानी होगी हेल्पर की तो हम कहेंगे सेशन हेल्पर नाम से क्लास बना लेते हैं हम लोग हेल्पर के ट क्लिक करते और न्यू क्लास बनाते हैं जिसका नाम देते हैं हम लोग सेशन सेशन हेल्पर हेल्पर एंड स्पेलिंग गलत हो गई यार तो हम लोग क्या करते हैं इसको रिनेम कर लेते हैं सेशन हेल्पर एंड ओके कर दो ठीक है एंड इसको हम बना देंगे रेट कंपोनेंट जिससे इसका ऑब्जेक्ट मिल जाए यहां पर एक मेथड बनाएंगे पब्लिक स्टैटिक यह कुछ रिटर्न नहीं कर रहा होगा लेकिन नाम होगा इसका रिमूव मैसेज ठीक इसके अंदर हम मैसेज को रिमूव करने का कोड लिखेंगे कैसे हमें सबसे पहले चाहिए यहां पर एक ऑब्जेक्ट सेशन का एटीटीपी सेशन जब हमें एसटीटीपी सेशन मिलेगा तभी हम ऑब्जेक्ट को या सेशन को रिमूव कर सकते हैं कैसे हमारे पास एक क्लास है रिक्वेस्ट कॉन्टेक्स्ट होल्डर ये जो क्लास है इसके पास हमारे पास मेथड है गेट एट्र गेट एटिबल एटिबल सकते हैं यह मेथड क्या करेगा भाई यह मेथड हम लोग को एट्रिक्स एटिबल बाउंड द थ्रेड और नल इफ नन बाउ तो यह बेसिकली दे देगा हम क्या करेंगे इसको हम टाइप कास्ट कर लेंगे चेंज कर लेंगे किसमें ते जा इसको हम चेंज कर लेंगे सर्वलेट ए सर्वलेट या सर्वलेट रिक्वेस्ट ट्रिब्यूट्स में एट्र ब्यूट्स में ठीक है सर्व रिक्वेस्ट एट्रियल अब हम जब यह ऑब्जेक्ट पूरा एटी सर्व ए रिक्वेस्ट ट्रिब्यूट्स में चेंज हो गया फिर हम इस ऑब्जेक्ट प डॉट गेट एटिबल कर सकते हैं या हा हम लोग गेट एटिबल कर सकते हैं आई थिंक हम लोग इस पर गेट रिक्वेस्ट कॉल कर सकते नॉट ट्रिब्यूट हमें रिक्वेस्ट मिल जाएगी तो गेट रिक्वेस्ट कॉल कर सकते हैं देन हम गेट सेशन कॉल करके हम अपना सेशन निकाल सकते हैं बस अब इतना करने पे हमारे पास सेशन का ऑब्जेक्ट आ जाएगा फिर से देखिए हमने पहले रिक्वेस्ट कांटेक्ट होल्डर से एटिबल निकाले हैं गेट एट्रबीक को हमने चेंज कर दिया एपी रिक्वेस्ट एट्रिल गया सॉरी सर्वलेट रिक्वेस्ट एटिबल से फिर हमें मिल गया जब स रिक्वेस्ट एट्रिडॉक्स उस पर कॉल किया एंड डॉट गेट सेशन कॉल किया जिससे हमें सेशन मिल गया अब जब से तब हम य सेशन डॉट रिमूव एबूट मैसेज कॉल कर सकते य सब करने में कुछ एक्सेप आएगी तो हम इसको ट्राई और कैच के अंदर डाल देंगे हो सकता एक्शन आए तो हम लोग इसको ट्राई कच के अंदर डाल देंगे एंड एक्सेप्शन अग आएगी तो ठीक है हम यड प्र ाल भैया मैसेज य डाल दो कुछ की मैसेज रिमूव नहीं पाया एरर ठीक है मैसेज रिमूव नहीं अब हम इस सेशन हेल्पर को यूज कर सकते हैं कहां पे हम अपने मैसेज के अंदर सेशन हेल्पर को यूज़ कर सकते हैं कैसे यूज करेंगे ध्यान से देखिए इसका जो सेशन हेल्पर का जो कंपोनेंट होगा उसका नाम होगा सेशन हेल्पर बस यह कैमल केस में होगा तो हम लोग अपने मैसेज के अंदर चलते हैं यहां पे एंड जब यह मैसेज वगैरह प्रिंट हो जाएगा यहां पे मैसेज वगैरह प्रिंट हो जाएगा तो डिव के अंदर कंटेंट प्रिंट करने पे यहां पे हम लोग यूज़ करेंगे टीटीएच एक ब्लॉक यूज करेंगे थाइम लीफ का टी एच कॉलन ब्लॉक एंड इस ब्लॉक में हम कोई कोड चला सक कैसे चलाएंगे हम लिखेंगे टीटीएच कलन टेक्स्ट और टेक्स्ट में यहां पे हम एक एक्सप्रेशन पास करेंगे एक्सप्रेशन में वही मेथड कॉल करेंगे कैसे हम लिखेंगे रेट और लिखेंगे यहां सेशन हेल्पर ये एक्चुअली उसका ऑब्जेक्ट होगा डॉट और हम यहां लिखेंगे रिमूव मैसेज ट्स इट ओके सो अब हम लोग एक बार क्रॉस चेक कर लेते हैं यहां से रिमूव मैसेज की स्पेलिंग सही है सेशन हेल्पर की स्पेलिंग सही होनी चाहिए तो हम एट द रेट से सेशन हेल्पर के ऑब्जेक्ट को एक्सेस कर सकते थे रिमूव मैसेज कॉल करके करके हमारा ये मेथड कॉल होगा और मैसेज हमारा रिमूव हो जाएगा एक बार हम य प मैसेज देते हैं रिमूविंग मैसेज फ्रॉम सेशन सेव कर लीजिए एंड लेट्स सी कि मैसेज रिमूव हो रहा है कि नहीं हो रहा है आ जाते यहां प एंड रिफ्रेश करते हैं ठीक है सो एटली अभी तो हमारे पास मैसेज नहीं होगा तो यह चीज नहीं चलेगी दोबारा से हम एक यूजर डालते हैं दुर्गेश कोर ओके यह सब चीज कहां से आ ठीक है कुछ ऐसे डाल दो दिस इज टेस्टिंग टेस्टिंग यूजर एंड हम लोग साइन अप करते हैं एंड यस हमारे पास मैसेज है एक बार मैं रिफ्रेश करता हूं यस मैसेज हमारा गायब हो चुका है दैट मींस हमारा ये परफेक्टली चल रहा है और यहां पे आप देखोगे तो हमारे पास रिमूव मैसेज फ्रॉम सेशन आ चुका है तो होगा क्या जब हमारा रजिस्ट्रेशन प्रोसेस होगा वहां पे जब सब चीज हो जाएगा तो हमारा वहां पे मैसेज ऐड हो जाएगा सेशन में कि हमने रजिस्ट्रेशन सक्से सक्सेसफुल कर दिया है साथ ही साथ में हम मैसेज का टाइप वगैरह भी वहां पे ऐड कर रहे हैं एक बार ज मैसेज वहां पर ऐड हो गया देन जब हम मैसेज को प्रिंट कर रहे होंगे तो मैसेज को प्रिंट करने के बाद हम सेशन हेल्पर यूज करेंगे मैसेज को रिमूव करने के लिए तो एक बार प्रिंट होगा तुरंत मैसेज रिमूव भी हो जाएगा जिससे दोबारा आप जब रिफ्रेश करो तो मैसेज हमें ना दिखे ट्स इज एक्चुअली आईडिया बिहाइंड दिस एंड आई होप हमारा इतना काम हो रहा है बाकी तो ठीक है अब हम कोई साइन अप करते हैं सपोज यहां पर वंदना तिवारी वंदना @ gmail.com पासवर्ड कुछ ऐसा डाल दिया दिस इज टेस्टिंग एंड अगर हम साइन अप करते हैं सो आप देखोगे हमारा रजिस्ट्रेशन सक्सेसफुल आ जाएगा एंड देन अगर दोबारा अगर आप रीफेस करते हो या फिर से दोबारा साइन अप पे चले जाते हो तो आपका मैसेज गायब हो जाएगा इस तरह से हम लोग काम कर सकते हैं चलो भाई मिलते हैं नेक्स्ट वीडियोस के अंदर अगर आपको इस वीडियो के अंदर हम लोग दो चीज कवर किया बेसिकली कैसे जो प्रॉब्लम आ रही थी सेल्फ वगैरह को सेव करना है अपने प्रोवाइडर को कैसे सेव करना है उसको सॉल्व किया साथ ही साथ में मैसेज को कैसे हम लोग भेजेंगे और मैसेज को कैसे प्रिंट करेंगे ये चीज मैंने आपको यहां पे सिखा दी एक बार मैसेज प्रिंट हो जाता है उसके बाद कैसे हम लोग रिमूव करेंगे ये चीज भी मैंने सिखा दी अब हम लोग देखते हैं कि एक्चुअली एरर्स को कैसे हम लोग हैंडल करेंगे एंड हम लोग बैक एंड से एरर्स को कैसे चेक करेंगे एक्चुअली वैलिडेट कैसे करेंगे इन फील्ड्स को और मैसेज प्रॉपर कैसे दिखाएंगे बहुत आसान है अगर आप थाइम लीफ यूज कर रहे हो तो हम लोग को सिंपली क्या करना है हमें हाइबरनेट वैलिडेटर यूज करना है आप देखो हम लोगों ने यहां पे एक डिपेंडेंसी लगा रखी है अपने पड सब चीज बंद करिए भाई दोबारा से ओपन करें यहां पे pom.xml फाइल एंड यहां पे हमने डिपेंडेंसी लगाई है स्प्रिंग बूट स्टार्टर वैलिडेशन ये ये जो वैलिडेशन डिपेंडेंसी है ये इंपॉर्टेंट है इसी के हेल्प से हम लोग वीन को वैलिडेट कर सकते हैं ठीक है देखिए कैसे हम लोग जो फॉर्म बनाए हैं जो यूजर फॉर्म का डाटा भेजने के लिए रिसीव करने के लिए हमने क्लास बनाई थी यूजर फॉर्म उस वाले फॉर्म को ओपन कर लेंगे जो की थी हमारे फॉर्म्स के अंदर यहां पे यहां पे एंड हम लोग इन फील्ड्स को वैलिडेट करने के लिए हम लोग एनोट यूज करेंगे कैसे देखिए हम जैसे नेम को हम वैलिडेट करना है तो हम यहां पे यूज करेंगे अ नॉट ब्लैंक अब ये देखो नॉट ब्लैंक कहां से आ रहा है ये आ रहा है ज वडेड केंड नॉट वैलिडेटेड मतलब इस पैकेज से आ रहा है तो बेसिकली हम यह जर्ता का वैलिडेशन वाला डिपेंडेंस यूज कर रहे हैं इवन हम यहां पे अगर मैसेज है तो मैसेज हम यहां पे दे सकते हैं यह देखिए यूजर नेम इज रिक्वायर्ड कि भैया यूजरनेम रिक्वायर्ड है अगेन अगर आप चाहते हो कि भैया कि इसकी साइज जो है वह तीन से कम नहीं होनी चाहिए तो हम यहां पे एक साइज नामक हमारे पास ऑलरेडी नोटेशन है यहां पे हम लोग यूज कर सकते हैं कि भैया मि मिनिमम साइज कितनी होगी मैक्सिमम साइज कितनी होगी तो मैं लिखता हूं मैसेज कि हमारी जो मिनिमम साइज होगी मिनिमम मिनिमम ी कैरेक्टर्स ज रिक्वायर्ड रिक्वायर्ड सेम आप ईमेल के लिए भी आप यहां पर दे सकते हो अच्छा एक चीज हमें और देना पड़ेगा तीन कैरेक्टर्स के लिए सबसे पहले हम य पर देना तो पड़ेगा कि भाई मिनिमम हमारे पास तीन कैरेक्टर्स होने चाहिए ईमेल के लिए हमारे पास ईमेल नामक नोटेशन है एटली एंड हम य पर दे सकते हैं कि इनवैलिड ईमेल एड्रेस देन ईमेल के लिए भी आप एगजैक्टली यूज कर सकते हो इवन अगर आपके पास अगर कोई ईमेल का पैटर्न है तो पैटर्न भी यहां पे यूज कर सकते हो रेगुलर एक्सप्रेशन अगर आपको रेगुलर एक्सप्रेशन नहीं पता क्या होता है तो हमने ऑलरेडी एक लंबी वीडियो रेगुलर एक्सप्रेशन की बना रखी है उसको जाके आप देख लीजिए आपको बहुत डिटेल में चीजें समझ में आ जाएंगी सेम पासवर्ड के लिए भी हम यूज करेंगे कि पासवर्ड भैया ब्लैंक नहीं होना चाहिए एंड साथ ही साथ में ये इसका जो साइज हो वो छह कैरेक्टर मिनिमम होना ही होना चाहिए कम से कम छह कैरेक्टर से ज्यादा भी हो सकता है कोई दिक्कत वाली बात नहीं है ओके नेक्स्ट अबाउट भी हम यूज करेंगे अबाउट भी नॉट ब्लैंक ब्लैक नहीं होना चाहिए एंड या फिर अगर आप साइज दे रहे हो तो ओबवियस बात है कि ब्लैंक चेक करने की जरूरत नहीं बट मैं यहां पे दिखा दे रहा हूं आपकी मर्जी कि ऐसे आप यूज कर सकते हो ब्लैंक नहीं हो जाना चाहिए अबाउट इज रिक्वायर्ड एंड साइज में मैं मिनिमम या ये ब्लैंक नहीं होना चाहिए बस आप कितने वर्ड्स भी लिखो कोई दिक्कत वाली बात नहीं है एंड फोन नंबर एगजैक्टली हमारा फोन नंबर का जो साइज है वो भैया नंबर की तरह होगा ना मिनिमम कम से कम आठ होना चाहिए और मैक्सिमम कम से कम 12 डिजिट्स होनी चाहिए और मैसेज में हम लोग लिख देंगे इन वैलिड नंबर इनवैलिड फोन नंबर तो आपको इन नोटेशन से सबसे पहले आपको वैलिडेशंस कर लेने है उसके बाद जब यह वैलिडेशन हो जाएंगे या जो ये वैलिडेशन आप लगा लोगे ये नटेशन यूज कर लोगे वैलिडेशन के लिए फिर हमें क्या करना होगा हमें कंट्रोलर के अंदर आना होगा यहां पे कंट्रोलर पीच कंट्रोलर के अंदर उसी हैंडलर के अंदर आना होगा जहां आपको वैलिडेट करना है और हमें वैलिडेट करना था कुछ यहां पे ठीक है ये यह वाला आई थिंक यहां पे वैलिडेट करना है फेच द डाटा डेटा फेच हो गया एक बार देन हमें यहां पर वैलिडेशन करना था तो वैलिडेशन करने के लिए सिंपली जो पूरा डाटा आ रहा है वो हमारे इस यूजर फॉर्म के अंदर आ रहा है बस हम अपने इस मॉडल एटिबल आएंगे और यहां पे यूज कर लेंगे हम वैलिड ठीक है लेकिन वैलिड तो हो जाएगा लेकिन ये कैसे पता चलेगा कि एरर है कि नहीं है तो उसके लिए हम यहां पे यहां पे एक और एक और ऑब्जेक्ट यूज करेंगे जिसका नाम है वाइंडिंग रिजल्ट बाइंडिंग रिजल्ट अ बाइंडिंग रिजल्ट ठीक है आर बाइंडिंग रिजल्ट एंड देन हम लोग यहां पे एक बार हमारा प्रोसेस हो गया फॉर्म आ गया देन हम यहां पे चेक कर सकते हैं इफ अगर बाइंडिंग आर बाइंडिंग रिजल्ट डॉट हैज एरर्स अगर एरर्स है तो हम आगे नहीं जाने देंगे हम डायरेक्टली यहीं से रिटर्न कर देंगे अगेन रजिस्टर को एज सिंपल एज दैट अगर एरर्स है तो हम दोबारा से रिटर्न कर देंगे रेर नीचे का कुछ नहीं चलेगा अगर एरर है तो और अगर एरर नहीं है फिर उस केस में आपका पूरा ये सब चलेगा इतना वैलिडेशन हो चुका है अब इस वैलिडेशन जो हो चुका है भाई अगर एरर है तो रजिस्टर दिखेगा बट यह पूरा एरर लेक जाएगा और एरर लेकर जाएगा तो हम उन एरर्स को अपने रजिस्टर ड ए में दिखा सकते हैं कैसे एक एक फील्ड प हम लोग दिखाएंगे एरर्स को कैसे देखो भाई सबसे पहले तो हम चलते हैं नेम वाली फील्ड प ये रही नेम वाली फीड उसके जस्ट नीचे हम लोग एक पैराग्राफ यूज करते हैं एंड यहां पर कुछ क्लास यूज करेंगे टेक्स्ट रेड यूज करते हैं हम लोग 600 एंड यहां पर लिख देते हैं ऐसे ही यूजर इज रिक्वायर्ड देखते पहले कैसा लग रहा है जिसम हमें एरर दिखानी है तोय कुछ ऐसा लग रहा है ठीक है इस पर हम लोग और कुछ क्लास यूज कर सकते हैं जैसे फॉर एग्जांपल हम लोग हल्का सा पैंग वा यूज कर लो दो का ठीक है यस अब ठीक लग रहा है कुछ हल्का सा एंड टेक्स से रिलेटेड और प्रॉपर्टी है कोई टेक्स्ट सेकेंडरी है क्या कुछ ना फट फंट से रिलेटेड दे फंट ब्लैक है एक्स्ट्रा बोल्ड है प्लेन न यूज करते हैं लेट्स सी भाई थिन में क्या है हां पतला कुछ ऐसा आएगा बट ठीक है यार देखते हैं हां ये कुछ ऐसा दिखेगा ठीक है कोई दिक्कत वाली बात नहीं हमें थिन नहीं यूज़ करना हमें नॉर्मल यूज करना है हमें कुछ ऐसा ही एरर दिखना चाहिए स्क्रीन पे यस ठीक है यूजर इज रिक्वायर्ड कुछ ऐसा दिखना चाहिए या नेम इज रिक्वायर्ड यहां जो भी एरर है वो आ जाए अगर नेम है तो नेम इज रिक्वायर्ड आए जो भी एरर है इस पी में आ जाए ये p तभी दिखे जब एरर हो हमारी फील्ड पे ठीक है तो उसके लिए हम क्या करेंगे चाहो तो हल्का सा पडि x भी दे सकते हो पडि x भी दे सकते हो वन की या टू की हल्का सा ये अंदर दिखेगा यस हल्का सा अंदर दिखेगा एंड टू मुझे ज्यादा लग रहा है वन ट्राई करते हैं वन ठीक है तो अब हमें यहां पर कुछ कंडीशन लगानी होगी देखो हमारे पास कुछ एटिबल के लिए सबसे पहले हम एक लगा सकते हैं टी एच कलन हैज एरर्स ठीक है और यहां पर हम यह चेक कर सकते हैं कि भैया हमारे पास एरर्स है कि नहीं है हैज एरर्स डायरेक्टली आप ऐसे नहीं यूज कर सकते हो हमें क्या करना होगा हमें यहां पे हैज एरर के लिए यस बात है हैर को डायरेक्ट यूज कर सकते बट हमें कुछ ऐसा एबूट चाहिए जो हमें चेक करके बता दे कि नेम ऑली फील्ड प एरर है कि नहीं है तो हम लगाएंगे इफ क्या चेक करना कि है कि नहीं है तो हम लगाएंगे इफ इफ के लिए टीच कॉलन इफ लगा सकते हो या डाटा टी एच इफ लगा सकते हो ठीक है फिर हम यूज करेंगे यहां पर एक्सप्रेशन एक्सप्रेशन के लिए डॉलर यूज कर रहे हैं उसके बाद हम यहां यूज करेंगे एक वेरिएबल है और वेरिएबल को एक्सेस करने के लिए फीड हम लोग डायरेक्टली हैज यूज करते हैं तो हम फील्ड्स डॉट और यहां पर हम लोग यूज करेंगे हैज एरर्स और हम अपनी फील्ड यहां पास कर देंगे जो कि हमारी नेम वाली फील्ड अब ये एक्सप्रेशन जब सॉल्व होगा तो ये हमें ट्रू फॉल्स दे देगा कि भैया इस नेम वाली फील्ड प एरर है कि नहीं एरर है ठीक है तोय चीज याद रखिएगा ये हमारी फील्ड्स है तो इस इसको ध्यान से देख ली हैश लिखा है फिर फील्ड्स लिखा है देन हैज अर मेथड है देन हमने नेम पास किया है तो इस ऑब्जेक्ट प यह मेथड कॉल होगा और वो चेक करेगा नेम वाली फील्ड प एरर है कि नहीं है अगर एरर है तो ट्रू दे देगा और ये वाला प दिख जाएगा आपका ठीक है अब हमें मैसेज भी दिखाना है तो मैसेज दिखाने के लिए हम एगजैक्टली यूज करेंगे डाटा टीटीएच टेक्स्ट और अगेन हम यहां पे यूज करेंगे बट अब हमें यहां पे दिखाना है मैसेज तो जितने मैसेज है सब दिखाने हैं तो टेक्स्ट से तो सिंगल मैसेज दिखेगा तो हम यहां पे यूज करेंगे एरर्स जितने भी एरर्स होंगे वो हम दिखाएंगे एंड हमारे पास वो फील्ड का नाम पास करना है तो हम स्टार यूज करेंगे एंड यहां पे नेम पास कर देंगे बस अब ये क्या करेगा जितने भी एरर्स होंगे सब दिखा देगा अब डायरेक्टली प्रॉपर्टी के नाम मैंने इसलिए पास किया क्योंकि ऑब्जेक्ट मैंने ऊपर ले रखा है यूजर फॉर्म का ऑब्जेक्ट हमने अपने फॉर्म में ले रखा है यूजर का यूजर फॉर्म का तो इसलिए लिए हम नेम प्रॉपर्टी डायरेक्टली स्टार से एक्सेस कर लेंगे अब ये सबसे तगड़ी चीज है ये क्या करेगा जितनी भी एरर्स होंगे वो सब दिखा देगा एक एरर दो एरर तीन एरर सब दिखा देगा मैं कहूंगा सेव एंड बस हमारा काम हो चुका ठीक है जैसे फॉर एग्जांपल अगर हम यहां पे आते हैं और अगर हम ब्लैंक डाटा पास करते हैं तो हमारे पास ये जो क्लाइंट साइड वैलिडेशन है इसको हम लोग जरा पहले हटाते हैं क्लाइंट साइल वैलिडेशन हटाते हैं इसके लिए हम आएंगे अपने फॉर्म पे और यहां पे लिख देंगे नो वैलिडेट हमें वैलिडेट क्लाइंट साइड नहीं करना हमें बैक एंड साइड ही देखना है रिफ्रेश करेंगे एंड यस आप देख सकते हो यहां पे मिनिमम थ्री कैरेक्टर्स इज रिक्वायर्ड यूजर नेम इज रिक्वायर्ड समझ गए ना तो ये है कहानी हैज एरर्स की मिनिमम थ्री कैरेक्टर्स रिक्वायर्ड ठीक है जितनी बार आप साइन अप करोगे एरर आएगी और ये एरर आ रही है एरर विदाउट मतलब कह सकते हो एरर के बिना ये सबमिट नहीं होगा ये ऐसे दिखाता रहेगा ठीक है इसका ऑर्डर हम लोग कंट्रोल नहीं कर पा रहे हैं अभी बट ये एरर दिखाना रहेगा अब हमें कुछ ज्यादा नहीं करना हमें बस यहां पे आना है एंड इस प को कॉपी करना है कौन सी प को नेम वाली प नेम वाली प कहां गई ईमेल आ गया नेम वाली प नेम इ रिक्वायर्ड वाली प इस प को कॉपी कर लो और ईमेल के इनपुट बॉक्स के नीचे पेस्ट कर दो और यहां पर जज एरर्स में यहां पर आप ईमेल कर दो एंड जरस ईमेल कर दो ओके नेक्स्ट यह तो प्लेस होल्डर इसको हटा भी दोगे तब भी कोई फर्क नहीं पड़ता य प्लेस होल्डर है ठीक है इसको कॉपी कर लो नेक्स्ट पासवर्ड के लिए भी आ जाओ एंड पासवर्ड के लिए भी आप यहां पर लिख दो पासवर्ड किस फील्ड की बात कर रहे हो पासवर्ड की बात कर रहा हूं यहां प हम पासवर्ड लिख देंगे ठीक है नेक्स्ट नीचे आ जाते हैं तो फोन नंबर में भी हम लोग यहां प आएंगे एंड यहां पर चिपका देंगे एंड ये बात हो रही फोन नंबर की एंड यहां भी बात हो रही है फोन नंबर की नेक्स्ट नीचे आ जाते हैं एंड हम लोग अपने टेक्स्ट एरिया केस्ट नीचे आएंगे एंड यहां बात हो रही है अब की और यहां बात हो रही है अबाउट की सेव करेंगे एंड हेयर वी गो हमारा काम हो चुका है सो देखिए होम पे चल लेते हैं साइन अप प आते हैं कोई एरर नहीं है साइन अप करते हैं ये देखिए सारी एरर्स हमारे पास आ चुकी है यूजर नेम में दो एरर आ रही है यूजर नेम इज रिक्वायर्ड एंड मिनिमम थ्री कैरेक्टर्स इज रिक्वायर्ड तीन कैरेक्टर्स हमें कम से कम चाहिए ईमेल में कोई एरर नहीं आ रही है इसका कोई रीजन हो सकता है ठीक है क्यक ब्लैंक हमने आई थिन चेक नहीं किया था अगर चेक किया होगा तो पता चल जाएगा अभी चेक कर लेंगे पासवर्ड इज रिक्वायर्ड एंड मिनिमम सिक्स कैरेक्टर हमें चाहिए एंड कांटेक्ट अभी भी इनवैलिड है एंड हमारे पास आप देखोगे तो अबाउट इज रिक्वायर्ड अबाउट भी रिक्वायर्ड है ठीक है ईमेल में नहीं आ रहा है वैलिडेशन एरर देखते हैं ईमेल का एक बार चेक आउट कर लेते हैं हम लोग पासवर्ड ईमेल तो ईमेल ईमेल ईमेल ईमेल तो हम लोग आए थे यूजर फॉर्म के अंदर ईमेल में हम लोग ने क्या लिख रखा है ईमेल में सिर्फ हमने इनवैलिड ईमेल लिख रखा है तो एक ब्लैंक के लिए भी हम लोग लगा देते हैं नॉट ब्लैंक हो तो मैसेज ईमेल इज रिक्वायर्ड सेव कर दो एंड लेट्स सी सर्विसेस प चलते हैं साइन अप पे चलते हैं एंड यस ईमेल इज रिक्वायर्ड और अगर ईमेल गलत डालते हैं जैसे हमने एबीसी डाल दिया साइन अप करते हैं इनवैलिड ईमेल और डेटा भी हमारा आ रहा है अब जैसे फॉर एग्जांपल हमने ए डाल दिया यूजर नेम में तो यह वाला तो कंडीशन ट्रू हो गया मतलब सही है बट इसकी वजह से इनवैलिड हो रहा है तो आप देखना इस बार हमारे पास सिर्फ यही वाला मैसेज आ रहा है बाकी कोई दिक्कत नहीं और अगर मैं यहां पे gmail.com लिख दूं तो हमारा यह वाला सही है बट इसमें उसमें गलत है कुछ तो यूजर नेम मैंने यह डाल दिया तो आप देखोगे पासवर्ड और इसमें ऐसा कुछ आउट बढ़ा रहा है तो जो जो आप डालते जाओगे वह सही बताता जाएगा अदर वाइज एरर्स आती जाएंगी तो यह तब तक एरर देगा जब तक आप कुछ सही डाटा ना एंटर कर दो मतलब सारे सही डाटा ना एंटर कर दो ठीक है बाकी इन वैलिडेशंस को आप यहां पे कस्टमाइज कर लो कुछ भी वैलिडेट कर सकते हो एक रेगुलर एक्सप्रेशन बना के पैटर्न बना के यहां पे यूज़ कर सकते हो विद द हेल्प ऑफ दिस पैटर्न एटेनोलोल है तो आप यहां प ईमेल प आ जाओ एक पैटर्न बना लो नेट से कॉपी कर लो और पैटर्न नामक ये नोटेशन यूज कर लो और अपना पैटर्न पास कर दो यहां पे ट्स इट ठीक है बट अभी हम लोग पैटर्न तो यूज नहीं कर रहे सिंपल बेसिक ईमेल वैलिडेशन यूज कर रहे हैं ठीक है सो ट्स इट वैलिडेशन के लिए बस आपको इतना ही करना है कुछ चीजें इंपोर्टेंट है वैलिडेशन के लिए कि आपको ये नटेशन लगाने हैं जिस फॉर्म को भी आप वैलिडेट कर रहे हो उसके बाद कंट्रोलर के अंदर आपको वैलिड नोटेशन यूज करना है अपने यूजर फॉर्म के अंदर जो आप जिसके अंदर आप फॉर्म डाटा रिसीव कर रहे हो उसके बाद आपको एक ऑब्जेक्ट लेना है बाइंडिंग रिजल्ट ये बताता है कि आपके जो डाटा मिल रहा है उसके अंदर कुछ एरर है कि नहीं है तो हम डायरेक्टली चेक कर लेंगे कि बाइंडर रिजल्ट डॉट हैज एरर देन हम वही व्यू रिटर्न कर देंगे जिसके ऊपर हमने मैसेज प्रिंट कर रखे हैं रिटर्न करने का मतलब नीचे कुछ नहीं चलेगा अगर इसमें कुछ भी एरर होगा एंड देन फाइनली हम यहां पे आके और हम हर एक इनपुट के लिए दो एटिबल यूज कर रहे हैं एक टीटीएच इफ यूज कर रहे हैं फील्ड्स ऑब्जेक्ट यूज कर रहे हैं हैज एरर मैथड यूज कर रहे हैं एंड अपनी फील्ड पास कर रहे हैं कि भैया इस फील्ड के अंदर हैज एरर कोई एरर है कि नहीं है अगर एरर है तो एरर्स नामक एक एटिबल है जो थाइम लिफ का है सिंपली हम यूज़ कर रहे हैं अपनी फील्ड पास कर देना हैज एरर जितनी एरर्स होंगे सब दिखा देगा दैट्ची पे कुछ वैलिडेशंस ऐसे दिखेंगे ठीक है बाकी आप इसको कस्टमाइज कर सकते हो अपने वैलिडेशंस को अपने फॉर्म को पूरा कस्टमाइज कर सकते हो ये देखिए एक नहीं सारे वैलिडेशंस यहां पे आ जाएंगे एंड जब तक आप सही नहीं रजिस्टर करोगे तब तक राते जाएंगे तो अब हम एक प्रॉपर रजिस्टर करते हैं यहां पे डाटा हम कहेंगे एक आशुतोष पांडे देन आशुतोष @ gmail.com देन एंड देन कांटेक्ट नंबर एंड देन दिस इज टेस्टिंग यूजर एंड देन फाइनली हम लोग साइन अप करते हैं ठीक है आपका यूजर सक्सेसफुली रजिस्टर हो चुका है और एरर्स जा चुकी है दोबारा से करोगे तो एरर्स आ जाएंगे अब हमारा ये परफेक्टली फॉर्म चल रहा है कोई दिक्कत वाली बात नहीं है ठीक यह बटन इसलिए रिसेट हो चुकी है कि अगर आप य डालते हो रिसेट करते हो तो रिसेट तो हो जाएगा बट यह बटन का जो कलर इसलिए बदल गया क्योंकि हम लोगों ने गलती से इसका टाइप रिसेट कर दिया गलती से जानबूझ के किया था तो रिसेट प ये अप्लाई नहीं हो रहा इसको हटा देते हैं तो पता नहीं यह चलने लगेगा यस देख सकते हो ठीक है क्या यह रिसेट काम करेगा नहीं ये रिसेट नहीं काम कर रहा है ठीक है तो हमें टाइप्स का रिसेट ही रखना है हम टाइप इसका अभी के लिए रिसेट रखना है बाद में हम देख लेंगे कैसे इसका हम लोग को कलर वगैरह मैनेज करना है तो यह रहा हमारा प्रोजेक्ट और इस प्रोजेक्ट में हमें लॉग इन लगाना है एंड हमें यूज करना है स्प्रिंग सिक्योरिटी अब सबसे पहले हमारे पास यहां पे कुछ य आरएल ऐसे होने चाहिए जिन्हें हमें क्या करना है प्रोटेक्ट करना है तो हम कुछ रल्स बना लेते हैं जिन्हें हमें प्रोटेक्ट करना है जैसे फॉर एग्जांपल अगर हमें यहां पे यूजर्स या यूजर डैशबोर्ड यूजर स्ल डैशबोर्ड अगर हमें ये आयरल प्रोटेक्ट करना है तो इस यूआरएल का सबसे पहले व्यू हमें पेज होना चाहिए उसी पेज को हम लोग प्रोटेक्ट करेंगे तो हम ऐसा करेंगे अपने प्रोजेक्ट के अंदर कि हम यूजर्स से स्टार्ट होने वाले सारे य आरल मतलब यूजर स्लैश के बाद चाहे डैशबोर्ड हो चाहे प्रोफाइल हो चाहे कांटेक्ट हो उनको एक बार में ही प्रोटेक्ट कर देंगे मतलब उनको हम लोग सिक्योर कर देंगे उन यूआरएल को यूजर तभी एक्सेस कर पाएगा जब वो लॉग इन होगा यही हमारा आईडिया रहने वाला है चलो भाई हम व्यू सबसे पहले बना लेते हैं तो हम आ जाएंगे अपने कोड के अंदर यहां पे एंड लेट्स क्रिएट सम व्यू तो हम अपने ऐसा मेन जावा के अंदर आएंगे यहां पर कंट्रोलर्स के अंदर जाएंगे एंड एक कंट्रोलर ऐड कर देंगे जिसका नाम देंगे हम लोग यूजर कंट्रोलर एंड ये एक्चुअली यूजर से रिलेटेड जितने भी प्रोटेक्टेड यूआरएल होंगे उनके अंदर उनसे रिलेटेड जितने भी हैंडलर होंगे वो सब इस यूजर कंट्रोलर के अंदर होंगे सो मैं कहूंगा ठीक है एंड यहां पे आते हैं इसको बना लेते हैं रेट कंट्रोलर कंट्रोलर एंड यहां पे हम लोग बना देते हैं रिक्वेस्ट रिक्वेस्ट मैपिंग एंड ऑटो इंपोर्ट हो जा हो गया एंड ये यूजर्स से स्टार्ट होने वाले सारे यूआरएल को ये हैंडल करेगा ये वाला कंट्रोल बहुत बढ़िया भाई बहुत बढ़िया काफी चीजें है इसमें हमें करनी है सबसे पहले हम बनाएंगे यहां पे यूजर का डैशबोर्ड पेज देन यूजर का ऐड कांटेक्ट पेज एंड देन यूजर का व्यू कांटेक्ट पेज एंड देन यूजर का एडिट कांटेक्ट पेज एंड देन डिलीट कांटेक्ट पेज ऐसे करके हमें व्यूज बनाने पड़ेंगे जितने व्यूज होंगे सब हम इसके अंदर बना देंगे तो आपको टेंशन लेने की जरूरत नहीं है आपके मन में कोई और व्यू आ रहा है जो कि यूजर से रिलेटेड हो यूजर को दिखे बट वो प्राइवेट हो तो इसके अंदर हम बनाएंगे ऐसा आईडिया रहने वाला है सबसे पहले हम डैशबोर्ड पेज के लिए हम लोग एक व्यू बनाते हैं सो हम यहां पे गेट मैपिंग लगाएंगे गेट मैपिंग या रिक्वेस्ट मैपिंग आप यूज कर सकते हो रिक्वेस्ट मैपिंग एंड पाथ जो हमारा रहने वाला है वो स्लैश डैशबोर्ड होने वाला है परफेक्ट रिक्वेस्ट मैपिंग में स्ल डैशबोर्ड मेथड हमारा एटीटीपी का जो गेट मेथड है एगजैक्टली एंड जो नाम होगा वो यूजर डैश बोर्ड होगा एंड बाकी रिक्वेस्ट परम में अभी मैं कुछ नहीं ले रहा हूं अभी रिक्वेस्ट परम ब्लैंक होगा और रिटर्न हम लोग क्या करेंगे रिटर्न हम लोग अभी एक व्यू रिटर्न कर देंगे रिटर्न यूजर नाम से फोल्डर है उसके अंदर एक पेज बनाऊंगा डैशबोर्ड ठीक है ये रिटर्न होगा स्ट्रिंग परफेक्ट एंड अगर हम दो चीज यहां पे डिफाइन करते हैं डैशबोर्ड के साथ-साथ मेथड तो हमें यहां पे वैल्यू यूज करना होता है वैल्यू अदर वाइज ंगल अगर हम बना रहे हैं तब तो हमें कुछ नहीं लिखना होता डायरेक्टली स्ट्रिंग पास कर देनी होती तो हम अगर दोनों चीज लिख रहे हैं तो हम वैल्यू एक में देंगे एक में मेथड देंगे एक चीज और गाइ मैं आपको बता दूं अगर बाय डिफॉल्ट गेट मेथड अगर आप यूज करते हो इन केस और अगर आप यह मेथड वाला पैरामीटर नहीं पास करते हो तो बाय डिफॉल्ट गेट हो जाता है तो गेट मेथड में आप ये चीज स्किप भी कर सकते हो सिर्फ गेट के लिए आप ये चीज स्किप कर सकते हो बाकी ये कुछ अनयूज चीज है तो आई थिंक इसको हम लोग रिमूव कर दो अनयूज चीजें एंड ट्स इट ये क्या कह रहा है ये कुछ ठीक है कोई इशू नहीं हम सेव करेंगे एंड हम एक पेज बनाएंगे यूजर के अंदर डैशबोर्ड पेज तो हम टेंप्लेट प आएंगे राइट क्लिक करेंगे न्यू पर चलेंगे एक फोल्डर बनाएंगे जिसका नाम होगा यूजर यूजर से संबंधित जितने भी व्यूज होंगे इसके अंदर होंगे एंड देन इसके में यूजर पर राइट क्लिक करेंगे न्यू फाइल बनाएंगे जिसका नाम होगा और ड बोर्ड एटीएम एंड दिस इ एक्चुअली डैशबोर्ड पेज तो हम लोग इसको ओपन करते यहां पर कुछ हम लोग html5 लिख देते हैं लिख देते दिस एव में दिस इज यूजर डैश बोर्ड पेज सेव कर दो ठीक है परफेक्ट सेव हो गया एंड देन ये सेव हो गया अब हम लोग जरा एक्सेस करने की कोशिश करते हैं तो एक बार हम अपने एप्लीकेशन को रीस्टार्ट कर लेते हैं लेट्स रीस्टार्ट द एप्लीकेशन एंड जब हमारा एप्लीकेशन रीस्टार्ट हो जाएगा उसके बाद हम आ जाते हैं यहां पे एंड एक्सेस करते हैं तो आप देखोगे हमारा यूजर स्ल डैशबोर्ड एक्सेस नहीं हो रहा है मैंने रिफ्रेश किया तो एरर दे रहा है यहां पे आई थिंक नो रिसोर्स फाउंड स् यूजर स् डैशबोर्ड दैट मींस अभी तक हमारा ये चीजें नहीं चली है सो लेट्स चेक क्यों नहीं चल रहा है यहां पर हम एक एक अस आउट कर देते हैं अस आउट यूजर डैशबोर्ड सेव कर लेते हैं ठीक है एंड स्पेलिंग आई थिंक गलत हो गई थी तो एक बार हम यहां पे डैशबोर्ड एंड अब हम लोग आते हैं एंड अगेन रिफ्रेश कर दें एंड आई थिंक आई थिंक कुछ एरर आ रही है लेट्स सी एरर क्यों आ रही है सो नीचे आओ तो आप देखोगे यहां पे यूजर डैशबोर्ड दैट मींस हमारा मेथड तो चल रहा है बट आई थिंक व्यू हम लोग प्रॉपर्ली नहीं रिटर्न कर पा रहे हैं तो व्यू में आई थिंक स्पेलिंग स्पेलिंग एक बार चेक आउट कर लेते हैं यहां पे भी यूजर डैश बोर्ड सेव कर लो एंड आप देखोगे तो ये देखिए दिस इज य यूजर डैशबोर्ड दैट मींस ये वाला पेज हमारा चल रहा है एक पेज हम लोग और बनाते हैं प्रोफाइल पेज तो यूजर पर राइट क्लिक करेंगे और यहां पे एक फाइल और बना लेंगे प्रोफाइल प्रोफाइल डॉट एटी एमल एक फाइल और बन गई यह एक्चुअली जो होगी यह वाली फाइल जो होगी हमारी व हमारी एव दिस इज यूजर प्रोफाइल इनको हम सजाएंगे बाद में सजाएंगे अभी आप टेंशन मत लीजिए तो हम लोग क्या करते हैं दिस यूजर प्रोफाइल पेज एंड अगेन इसका भी हैंडलर हम एक बना लेते हैं यहां पर आते हैं इसी को जस्ट कॉपी कर लो एंड यहां पर हम लोग एक कमेंट लगा के लिख देते हैं यूजर प्रोफाइल पेज एंड पेस्ट कर देते एंड यह हो जाएगा यूजर स्ल प्रोफाइल प्रोफाइल एंड यह हो जाएगा यूजर प्रोफाइल एंड इन दिस केस यूजर प्रोफाइल तो डबल क्लिक करके सेलेक्ट कर सकते हैं प्रोफाइल एंड यहां पर हो जाएगा यूजर प्रोफाइल अब हम लोग स्ल यूजर स्ल प्रोफाइल प यूजर की प्रोफाइल वाला पेज एक्सेस कर सकते हैं मैं दिखाता हूं अगेन यहां पर आते हैं यह रहा स्लश प्रोफाइल ये देखिए यूजर प्रोफाइल अब हमें क्या करना है हमें ऐसी स्प्रिंग सिक्योरिटी अप्लाई करनी है कि य सारे पेजेस प्रोटेक्ट हो जाए यूजर से स्टार्ट होने वाले सारे यूजर स्ल प्रोफाइल हो यूजर स्ल डैशबोर्ड हो जितने पेजेस हो सब प्रोटेक्ट हो जाए कैसे करेंगे हाउ वी कैन डू दैट तो हम यहां पे यूज करेंगे स्प्रिंग सिक्योरिटी स्प्रिंग सिक्योरिटी लगाएंगे और स्प्रिंग सिक्योरिटी का बहुत बड़ा मैजिक हो जाएगा क्याक होगा मैं आपको बताता हूं आपको आना है सिंपली यहां पे एंड यहां पे एक डिपेंडेंसी लगानी है आपको जो कि जिसका नाम है स्प्रिंग बूट स्टार्टर सिक्योरिटी तो यहां पे स्प्रिंग बूट स्टार्टर सिक्योरिटी सर्च करेंगे एंड स्प्रिंग बूट की डॉक्यूमेंटेशन ओपन होगी दूसरा जो लिंक ओपन होगा वो स्प्रिंग अ जो स्प्रिंग की डिपेंडेंसी आप ढूंढ रहे हो उसकी मेबिन रिपोजिटरी वाली लिंक ओपन होगी तो इसको भी हम ओपन कर लेंगे ठीक है दोनों लिंक आप ओपन कर लीजिए एंड इसके बारे में पूरा आप पढ़ सकते हो यहां सब चीज बताया गया है एंड सबसे इंपॉर्टेंट है कि हम लोग यहां पे स्प्रिंग बूट स्टार्टर डिपेंडेंसी स्प्रिंग बूट स्टार्टर की जो डिपेंडेंसी है सिक्योरिटी वाली उसको ढूंढ रहे हैं और ये वही वाली डिपेंडेंसी है ये देखिए स्प्रिंग बूट स्टार्टर सिक्योरिटी या फिर आप यहां पे जा कर के एंड आप ढूंढ सकते हो तो ये स्प्रिंग बूट स्टार्टर सिक्योरिटी ना तो ये देखिए इस पे क्लिक करिए एंड ये वाली डिपेंडेंसी हम लोग ढूंढ रहे हैं जो कि स्प्रिंग बूट स्टार्टर सिक्योरिटी इसी को कॉपी कर लेंगे एंड अपने प्रोजेक्ट के अंदर आएंगे चिपकाए यहां आएंगे ओपन करेंगे pom.xml पड एकल एंड नीचे आएंगे तो आप देखोगे तो हमारे पास जीपीए है टाइम लीप है वैलिडेशन है वेब है वेब के नीचे मैं पेस्ट कर दूंगा ठीक है वेब के नीचे मैंने क्या कर दिया पेस्ट कर दिया है पेस्ट करने के बाद आप मेवन को रीलोड कर लीजिए आप अपने प्रोजेक्ट प राइट क्लिक करिए और मेवन पे जाइए और यहां पे रीलोड प्रोजेक्ट का ऑप्शन है क्लिक कर दीजिए अदर वाइज ये अपने आप ऑटोमेटिक कर लेगा और रीलोड कर देगा थोड़ा सा अगर आप फॉर्मेट करना चाहो तो फॉर्मेट कर दो ये फॉर्मेट फाइल ऑटोमेटिक नहीं हो पाई फॉर्मेट आई डोंट नो वई ये पूछ रहा है अ बिल्ड फाइल वास मॉडिफाइड डू यू वांट टू सिंक्रोनाइज मैं कहूंगा ठीक है भाई आप सिंक्रोनाइज कर लो एंड राइट क्लिक करके फॉर्मेट के लिए आप चेक करो क्यों ये ऑटो फॉर्मेट नहीं हो रहा है ठीक है सो अभी के लिए हम छोड़ देंगे एमल ठीक है हमने डिपेंडेंसी ऐड कर दी एक तरीका आपके पास और था ऐड करने का आप जब डिपेंडेंसी टैग को देखोगे यहां पे ये तो आपके पास यहां एक ऑप्शन है ऐड स्प्रिंग बूट स्टार्टर इस पर क्लिक करके भी आप ऐड कर सकते थे तो अभी इस पर क्लिक नहीं हो रहा बट यहां पे येय एटली दिस इज व्ट आई एम जस्ट यह देखिए यहां पे ऐड स्प्रिंग बूट स्टार्टर इस पर क्लिक करिए एंड यहां पे ऑप्शन आ जाएगा और यहां पे हमें सिक्योरिटी चेक करना था ये देखिए एंड हमने क्योंकि ऐड कर दिया है तो अपने आप से ये ऑलरेडी टिक आ रहा है अगर आपने ऐड नहीं किया होगा तो ये टिक नहीं आएगा ठीक है सो परफेक्ट हमने ऐड कर दिया तो आपको अलग से ऐड करने की जरूरत नहीं है ऐड हो गया जैसे ही आपने ऐड किया ना स्प्रिंग बूट ने स्प्रिंग सिक्योरिटी को ऑटो कन्फर कर दिया एक बार अपने प्रोजेक्ट को क्या करिए रन कर लीजिए सो लेट्स डू दैट हम लोग क्या करते हैं अपने प्रोजेक्ट को रिर कर लेते हैं एक बार मैं क्या करूंगा पहले वाले टर्मिनल को क्लिक कर दूंगा राइट क्लिक करूंगा एंड रन अगेन कर दूंगा चाहो तो सब कुछ चीज बंद कर सकते हो चीजों को थोड़ा सा समझने के लिए हमने अपने प्रोजेक्ट को री रन कर दिया है आफ्टर अप्लाइक सिक्योरिटी डिपेंडेंसी का नाम था स्प्रिंग बूट स्टार्टर सिक्योरिटी लेकिन इसका फायदा बहुत तगड़ा हुआ है मैं दिखाता हूं क्या-क्या फायदा हुआ अगर मैं आता हूं और अपने प्रोजेक्ट को एक्सेस करने की कोशिश करता हूं यहां पे अपने प्रोजेक्ट को एक्सेस करने की कोशिश करूंगा जैसे एक्सेस करने की कोशिश करूंगा आपको एक लॉगइन पेज दिखेगा अपने आप से हमने कुछ भी अभी नहीं किया एक लॉगइन पेज देखने को अपने आप से मिला दैट मींस स्प्रिंग बूट ने क्या किया जब आपने स्प्रिंग बूट सिक्योरिटी की डिपेंडेंसी लगाई तो स्प्रिंग बूट ने जितने भी राउट्स या जितने भी रल्स एक्सपोज थे आपके प्रोजेक्ट से उन सारे यूआरएल को इसने प्रोटेक्ट कर दिया सारे वो चाहे स्लैश लॉगइन हो स्ल साइन अप हो स्ल यूजर स्ल प्रोफाइल हो स्ल यूजर स्ल डैशबोर्ड हो स्ल होम सब कुछ इसने प्रोटेक्ट कर दिया दैट मींस उसको अभी हमने कुछ बताया नहीं कि हमें सिर्फ सि यही यही राउट्स प्रोटेक्ट करने कुछ भी हमने नहीं बताया तो उसने सब कुछ प्रोटेक्ट कर दिया पूरा प्रोजेक्ट अब हमें इस पूरे लॉगिन सिस्टम को कस्टमाइज करना पड़ेगा भाई बताना पड़ेगा कि हमें ये ये पेजेस पब्लिक रखने हैं ये पेजेस प्रोटेक्टेड रखने हैं ये पेजेस इस यूजर को दिखाने हैं ये ये पेजर पेजेस इस यूजर को दिखाने ये सब चीज हमें कस्टमाइज करना होगा तो ये बेसिकली स्प्रिंग बूट स्टार्टस सिक्योरिटी का डिफॉल्ट बिहेवियर था ऑटो कॉन्फिन जो डिफॉल्ट बिहेवियर मिला वो था अब हम लोग इसको टेस्ट कैसे करेंगे भाई कि ये सही चल रहा है क्या यूजर नेम है क्या पासवर्ड है सबसे पहले मैं आपको दिखा दूं स्लैश लॉगिन अपने आप से आ गया था ऑटो रीडायरेक्ट हो गया था अगर मैं यहां पे स्लैश होम करूं तब भी लॉगइन आएगा स्लैश लॉगइन पे तो आ ही रहा स्लैश साइन अप करता हूं तब भी लॉगइन पे जाएगा स्लश यूजर स्ल प्रोफाइल करूं तब भी लॉगिन पेज आएगा दैट मींस ऑल द पेजेस आर ऑटोमेटिक प्रोटेक्टेड बाय स्प्रिंग सिक्योरिटी नेक्स्ट अब कुछ पासवर्ड ऑटोमेटिक जनरेट हुआ होगा तभी तो पासवर्ड मांग रहा है कुछ यूजर ऑटोमेटिक जनरेट होगा तभी तो ये यूजर ने मांग रहा है मैं कहूंगा ठीक है हम लोग थोड़ा सा आता आते हैं और यहां पे कुछ ध्यान से देखते हैं अगर हम कंसोल को चेक करें तो इसने क्या किया जब एप्लीकेशन रन हुआ है ना तो इसने ऑटोमेटिक एक पासवर्ड जनरेट किया होगा वो कंसोल प दिखेगा भी अगर आप ढंग से देखोगे सो आई फाइंड लिटिल बिट डिफिकल्ट इन दिस कंसोल इटेज का क् क्लिप्स का कंसोल थोड़ा बढ़िया होता है इसमें कुछ पता नहीं चलता है बट यह देखिए हमें मिल गया यूजिंग जेनरेटेड सिक्योरिटी पासवर्ड ये देखिए तो इसने क्या किया यूजर को एक यूजर को बाय डिफ डिफॉल्ट कॉन्फिन कर रखा है एंड ये उसका पासवर्ड है अब आप लोग कहोगे सर फिर नेम भी तो कुछ होगा तो मैं इसको कॉपी करता हूं सबसे पहले कॉपी कर लेते हैं एंड चलते हैं यहां पे एंड यहां पे हम नेम में यूजर डालूंगा एंड पासवर्ड में वही पासवर्ड डाल दूंगा और लॉग इन कर दूंगा जैसे करोगे तो आप देखोगे आप अपने पेज को एक्सेस कर पाओगे तो इसने क्या किया इसने बाय डिफॉल्ट एक यूजर जिसका नाम यूजर है एंड पासवर्ड जो ऑटो जनरेटर है वो यूजर कॉन्फिन किया है उस यूजर को आप कोई भी पेज एक्सेस करा सकते हो ये देखिए प्रोफाइल पे हमारा यूजर एक्सेसिबल है अब क्योंकि हम यूजर ने पासवर्ड डाल दिया अब हम प्रोफाइल भी एक्सेस कर सकते हैं स्ल यूजर स्ल डैशबोर्ड को भी हम एक्सेस कर सकते हैं स्ल यूजर या स्ल साइन अप वगैरह सारे पेजेस को हम एक्सेस कर सकते हैं सर्विसेस को भी एक्सेस कर सकते हैं तो ये रहा यूजर की यूजर कह सकते हो डिफॉल्ट यूजर जो कॉन्फिन सिक्योरिटी ने किया उसका मतलब कह सकते हो सारी डिटेल अब बात आती है कि यार यह तो ठीक है लेकिन हमें अपने एप्लीकेशन में ऐसा तो कुछ चाहिए नहीं हमें जो यूजर साइन अप हुआ है जिस यूजर का डाटा डेटाबेस में है उस यूजर को कॉन्फिन करना है वो यूजर अपने यूजर ईमेल आईडी लॉगइन ईमेल आईडी पासवर्ड से लॉगइन कर सके यह हमारी रिक्वायरमेंट है दूसरी चीज हमें डिफॉल्ट बिहेवियर कुछ ऐसा नहीं चाहिए ऐसा लॉगइन पेज नहीं चाहिए सबसे पहले मैं लॉग आउट करता हूं तो आप स्लैश लॉग आउट लिख करके आप लॉग आउट कर सकते हो ये देखिए तो हमें कुछ ऐसा लॉगइन पेज नहीं चाहिए हमें अपना कस्टमाइज्ड लॉगइन पेज चाहिए तो हम क्या कर सकते हैं ऐसा दो रिक्वायरमेंट है हमारे पास एक रिक्वायरमेंट है कि हमें लॉगिन पेज ऐसा नहीं चाहिए हमें खुद से बनाना है लॉगइन पेज दूसरी चीज हमें जो यूजर साइन अप कर रहा है वही यूजर यहां पे अपनी ईमेल आईडी पासवर्ड दे वो लॉग इन कर सके अगर ये हो जाए तब तो भाई मजा ही आ जाएगा तो मैं बताना चाहूंगा कि ये चीज बिल्कुल कर सकते हैं हम लोग कैसे करेंगे देखिए कैसे करेंगे देखते जाइए बस सबसे पहले हम यहां पे यूजर नेम पासवर्ड कुछ अलग कस्टमाइज करते हैं तो इसको कस्टमाइज करने के अलग-अलग तरीके हैं आप जावा कोड से कर सकते हो लेकिन एक तरीका है आप यहां पे प्रॉपर्टीज फाइल भी एक्सेस कर सकते हो तो मैं ओपन करता हूं प्रॉपर्टीज फाइल जो आपको मिलेगी कहां मिलेगी जो आपको मिलेगी ये देखिए एसआरसी स्मन स् रिसोर्सेस स्लैश देन आपको रिसोर्सेस के अंदर डायरेक्टली ये देखिए प्रॉपर्टीज फाइल मिल रही है इफ यू वांट तो आप यहां पे वाई एमएल याल फाइल भी यूज कर सकते हो बट अभी के लिए मैं यहां पे यूज करूंगा प्रॉपर्टीज फाइल हम यहां पे सिक्योरिटी कॉन्फिन कुछ में करूंगा सिक्योरिटी कॉन्फिन कमेंट आउट कर दो मैं यहां पे यूज करूंगा स्प्रिंग डॉट सिक्योरिटी डॉट यूजर डट नेम और यहां पे मैं नाम दूंगा कुछ ऐसे ही नाम दे दूं दुर्गेश एंड देन एक और यूजर नेम में एक देखिए पासवर्ड के लिए सजेशन आ रहा है बट मैं टाइप करूंगा स्प्रिंग डॉट टाइप करने थोड़ा मुझे मजा आता है सिक्योरिटी डॉट यूजर डॉट पासवर्ड और पासवर्ड मैं दे दूंगा सेम आपने इतना दो लाइन के कॉन्फ़िगरेशन कर ली ना गाइ दो लाइन के सिर्फ कॉन्फिन की है आपने ये बता दिया कि जो यहां पे जेनरेटेड पासवर्ड था वो मुझे नहीं चाहिए हमें जो स्प्रिंग सिक्योरिटी यूजर का जो पासवर्ड यूज़ करना है वो दुर्गेश यूज़ करना है एंड स्प्रिंग सिक्योरिटी का जो यूजर है उसका नाम जो यूज करना है वो दुर्गेश तो हम दो प्रॉपर्टीज को यहां पे लिख करके ये बता सकते हैं कि हमें डिफॉल्ट यूजरनेम पासवर्ड नहीं चाहिए हम सेव करेंगे एंड सेव करते ही आपका प्रोजेक्ट फिर से रिर होगा एंड रन होगा देन हम यहां पर आ करके एंड हम क्या कर सकते हैं यहां पर हम जो यूजर नेम हमने डाला है वो यूजर नेम हम यहां पे दे सकते हैं और आप देखोगे लॉगइन हो जाएगा बंदा लॉगइन हो जाएगा क्योंकि यह वाला पेज कॉन्फिडेंट है ये देखिए एक्सेस हो जाएगा अगेन मैं लॉग इन करके फिर से गा दिखाता हूं ठीक है तो देखते जाइए देखते जाइए मैंने यहां पे स्लश लॉग आउट सबसे पहले कर लो लॉग आउट कर लो लॉग आउट हो गया अब मैं य पे सबसे पहले होम पेज पे कहीं भी जाओगे लॉगइन पेज दिखाएगा स्लैश यूजर स्ल प्रोफाइल पे जाओ लॉगइन पेज दिखा रहा है एंड मैं यहां पे जनरेटर यूजर नेम पासवर्ड नहीं डालूंगा ऑटो जनरेट हम डाल हम यहां पे डालेंगे अपना जो मैंने दुर्गेश दिया था एंड दुर्गेश दिया था एंड मैं यहां पे लॉग इन करूंगा आप देखोगे आपका पेज एक्सेस आपका जो प्रोटेक्टेड पेज था वो एक्सेस हो जाएगा वाव दैट मींस हम यहां पे अपना यूजरनेम पासवर्ड हार्ड कोड कर सकते हैं स्प्रिंग सिक्योरिटी नहीं है फैसिलिटी हमें दी है एक चीज और अगर मैं अपना पेज अपना जो प्रोजेक्ट है उसको री रन भी करता हूं तो अब क्या है फीचर अब यह है कि अब जो पासवर्ड है वो ऑटोमेटिक जनरेट नहीं हो रहा है पता है क्यों क्योंकि अब हमने खुद का यूजरनेम पासवर्ड दे दिया है तो अब ये ऑटोमेटिक यूजरनेम पासवर्ड जनरेट नहीं कर रहा है कंसोल पे आप चेक कर सकते हो आराम से बैठिए चेक करिए कोई कोई भी दिक्कत वाली बात नहीं है नाउ लेकिन अभी भी हमारी रिक्वायरमेंट पूरी नहीं हुई गाइज हमारी रिक्वायरमेंट इसलिए पूरी नहीं हुई कि हम चाहते हैं कि हम ये यूजर नेम पासवर्ड स्टैटिक नहीं रखना चाह रहे हार्ड कोड नहीं करना चाह रहे हम इसको डायनेमिक डेटाबेस में रख रहे हैं और वो यूजर लॉग इन करे तो हम इससे हमारा काम नहीं होगा इसको हम कंट आउट कर देते हैं क्या हमारे पास कोई ऐसा तरीका है जिसकी हेल्प से हम इसको कन्फर कर सकते अपने जावा कोड के थ्रू बिल्कुल हमारे पास एक ऐसा तरीका है जावा के थ्रू कर सकते हो आप एक कॉन्फिन क्लास बना लो साथ ही साथ में बनाता चलता हूं मैं क्या करूंगा अपने मेन पैकेज पर हमारा मेन पैकेज क है रिसोर्सेस को बंद कर दो थोड़ी देर के लिए प्रॉपर्टीज फल बंद कर दो मेन पैकेज हमारा कॉम डट एसएम इ अवर ये रहा हम एक पैकेज बनाएंगे यहां पर पैकेज का नाम देंगे कॉन्फिन जितने भी कॉन्ग फाइल होंगी सारी रहेंगे तो हमारा पैकेज कहां गया यह रहा एंड कॉन्फिन क्लास एक क्लास बनाएंगे सिक्योरिटी कन्फ यह रहा क्लास अब इस क्लास को हम लोग कॉन्फिन करेंगे मब इस क्लास के अंदर हम वो सारी चीज कन्फर कर सकते हैं स्प्रिंग सिक्योरिटी से रिलेटेड जो चीज जो रिक्वायरमेंट है कॉन्फिन लॉगइन पेज कॉन्फिडो जो यूजरनेम पासवर्ड है वो डेटाबेस वाला यूजरनेम पासवर्ड ले ले अपने आप से कैसे करेंगे सबसे पहले हम इसको बनाएंगे एज अ कॉन्फिन क्योंकि हमें पता है कि स्प्रिंग में हमें क्या करना है जितनी भी चीजें कन्फर कॉन्फिन करेंगे सब चीज ए अ बीन करेंगे बीन बनाएंगे उस बीन को उठाएगा बाय डिफॉल्ट और अपने आप से काम ले लेगा ठीक है दूसरी हम एक चीज और करने जा रहे हैं यहां पे सबसे पहले हम यहां पे जो हार्ड कोड हमने किया था इस एप्लीकेशन प्रॉपर्टीज के अंदर अब हम लोग यहां पे यूजर क्रिएट करेंगे क्रिएट करेंगे एंड लॉग इन करेंगे यूजिंग यूजिंग जावा कोड विद इन मेमोरी सर्विस इन मेमोरी सर्विस सर्विस सर्विस एंड मेमोरी की स्पेलिंग हम लोग सही कर देते हैं नाउ करेंगे कैसे एक्चुअली स्प्रिंग सिक्योरिटी क्या करता है स्प्रिंग सिक्योरिटी यूजर सर्विस यूज़ करता है यूजर डिटेल सर्विस को यूज़ करता है काम करने के लिए यूजर डिटेल सर्विस मतलब जब भी आप लॉगइन करते हो वो यूजर को फेच करता है और यूजर को फेच करने के लिए यूजर डिटेल सर्विस को यूज़ करता है उस सर्विस को यूज़ करेगा उस सर्विस के पास एक मेथड होता है लोड यूजर बाय यूजर नेम उस मेथड को कॉल करेगा यूजर को लोड कराने के लिए एंड देन वो जो लोडेड यूजर है और जो हमारा यूजर है उन दोनों का पासवर्ड मैच करेगा और पासवर्ड मैच होता है तो ये लॉगइन करा देता है तो हमारे पास यहां पे अलग-अलग तरीके के सर्विसेस अवेलेबल हैं अगर हम चाहते हैं कि हमारा जो यूजर है वो मेमोरी में ही है टेंपरेरी मेमोरी के अंदर है तो हमारे पास यहां पर इन मेमोरी यूजर डिटेल सर्विस होती है जिसका भीन हम लोग यहां पर बनाने वाले हैं हम लोग लिखेंगे पब्लिक एंड हम लोग यहां पर रिटर्न करेंगे यूजर डिटेल सर्विस ठीक है यूजर डिटेल सर्विस अब हम लोग यहां से क्या रिटन करेंगे सबसे पहले इसको तो बना देंगे बीन तो हम नीचे आते हैं यहां प ट बीन बना देते हैं नेक्स्ट अब यहां से हम रिटर्न क्या करेंगे रिटर्न करेंगे न्यू रिटर्न न्यू इन मेमोरी यूजर डिटेल मैनेजर मेमोरी यूजर आ थिंक यूजर डिटेल यूजर डिटेल मैनेजर ले नहीं रहा ठीक है सो एक काम करते हैं सबसे पहले यहां पे ऑब्जेक्ट बना लेते हैं न्यू एन मेमोरी मेमो री यूजर डिटेल मैनेजर परफेक्ट एंड हम लग क्या करते हैं एक हमने वेरिएबल में लिया और यह चीज हम य से रिटर्न करेंगे इन मेमोरी यूजर डिटेल मैनेजर अभ कुछ कह रहा है उसको हम लोग यहां पर चेंज करेंगे मॉडिफाई करेंगे देखिए क्या कह रहा है य कह रहा है सिंटेक्स सिंटेक्स आई थंक ग हो गया कुछ सिंटेक्स एरर ओके सो सबसे पहले तो भाई हम लोग सेमी कलन लगा दो नेक्स्ट ओके सो इसी चीज का कंप्लेन कर रहा था आप सही है देखो तो ये जो इन मेमोरी यूजर डिटेल मैनेजर है वो एक्चुअली हमारी एक य डिटेल सर्विस की इंप्लीमेंटेशन आप इस पर क्लिक करके देख भी सकते हो मैं दिखाता हूं आपको यह देखिए इन मेमोरी यूजर डिटेल सर्विस जो कि इंप्लीमेंट कर रहा है यूजर डिटेल मैनेजर को एंड यूजर डिटेल पासवर्ड सर्विस को साथ ही साथ में इसको क्लिक करेंगे तो यह देखिए यूजर डिटेल मैनेजर जो है वो यूजर डिटेल सर्विस को एक्सटेंड कर रहा है दैट मींस ओबवियस स बात है कि कहीं ना कहीं इनडायरेक्टली यह जो यूजर डिटेल मैनेजर है यूजर डिटेल इन मेमोरी यूजर डिटेल मैनेजर वो हमारा चाइल्ड है इस यूजर डिटेल सर्विस का इसलिए हम यहां से रिटर्न कर सकते हैं लेकिन इस यूजर डिटेल मैनेजर को हम बहुत सारी चीजें दे सकते हैं मैं आपको दिखाता हूं यहां पे अगर आओगे और आप देखोगे कि हमें यहां क्या-क्या पास करना है सो लेट्स फाइंड आउट हम थोड़ा सा जूम आउट कर लो इसको एंड इसको थोड़ा सा हम लोग और अच्छे से इसको सजा लो भाई ठीक है एंड अब हम लोग देखते हैं इसके इसमें पास क्या करना है तो हम यहां पे यूजर डिटेल्स को पास कर सकते हैं यूजर की डिटेल को पास कर सकते हैं सो हाउ वी कैन डू दैट एक चीज हम यहां पे करते हैं इस चीज को हटा देते हैं ये लाइन हमें इंजेक्शन नहीं चाहिए इसको हटा दो कोई दिक्कत वाली बात नहीं है ठीक है तो हम यहां पे बनाएंगे यूजर्स कैसे यूजर बनाएंगे हम लोग यूज कर सकते हैं डिफॉल्ट यूजर जो कि आ रहा होगा हमारे यूज रजी स्प्रिंग सिक्योरिटी डट हां स्प्रिंग फ्रेमवर्क ड सिक्योरिटी से यहां से डॉट एंड हम लोग यहां पे बिल्डर यूज कर सकते हैं या फिर यूजर बिल्डर यूज कर सकते हैं आई थिंक हम लोग को यूजर बनाना है तो हम लोग डायरेक्टली यूजर डॉट विथ ये देखिए यूजर नेम अपना यूजर नेम पास कर दो हम मेथड यूज करेंगे विद यूजर नेम यूजर नेम पास कर देंगे सपोज एडमिन टूथ हमने पास कर दिया देन हम डॉट लगा के पासवर्ड भी लिख सकते हैं यहां पे एडमिन टूथ एंड लास्टली हम कॉल कर सकते हैं यहां पे बिल्ड तो हमारा यूजर बन जाएगा एंड फिर हम इसको एक वेरिएबल के अंदर असाइन कर सकते हैं ठीक है एंड दिस इज एक्चुअली अ यूजर ये हमारा एक यूजर है यूजर है यूजर की इंफॉर्मेशन को स्टोर करने के लिए यूजर डिटेल है ठीक है यूजर डिटेल नाम का एक इंटरफेस आई थिंक हां बिल्कुल ये इंटरफेस है यूजर की डिटेल को स्टोर करता है नेक्स्ट एक यूजर हमारा बन चुका है हम मल्टीपल यूजर्स भी बना सकते थे कोई दिक्कत वाली बात नहीं थी एक चीज और बता दूं मैं कि हमने यूज किया मेथड विद यूजर यूजर नेम बताने के लिए फिर हमने यूज किया पासवर्ड फॉर द पासवर्ड एंड देन बिल्ड यूज किया है यूजर यूजर टेल ऑब्जेक्ट को बिल्ड करने के लिए हम य पर रोल्स भी डिफाइन कर सकते कि भैया इस यूजर का क्या रोल है क्या अथॉरिटी है इसकी तो आप य रोल्स भी बता सकते हो कि यह जो है व एक हमारा एडमिन है एडमिन देन और भी रोल्स बता सकते हो ठीक है कई सारे रोल दे सकते हैं तो हम य लगा के इसको हम नॉर्मल यूजर भी दे सकते हैं ठीक है बाद में हम यूजर के हिसाब से भी राउट्स को प्रोटेक्ट कर सकते हैं अभी आप इस यूजर पे ध्यान मत दीजिए इतना बस ये समझिए कि हम यूजर को रोल्स भी बता सकते हैं ठीक है कुछ चीजें और बता र है अगर आप रोल्स बनाते हो तो रोल्स के मेथड के बारे में बता रहा है कि पॉपलेट द रोल दिस मेथड इज शॉर्टकट फॉर कॉलिंग अथॉरिटीज बट ऑटोमेटिक प्रीफिक्स ईच एंट्री विद रोल अंडरस्कोर दैट मींस अगर आपने रोल्स पास किया तो अगर आपने एडमिन पास किया तो इसमें अपने आप से रोल अंडरस्कोर एडमिन लग चुका है ठीक है सो आप देख सकते हो आपने यह पास किया बिल्डर डॉट रोल्स और आपने यूजर और एडमिन पास किया है इट इज इक्विवेलेंट इक्विवेलेंट टू अथॉरिटीज अगर आप अथॉरिटीज लिखते तो आपको रोल अंडरस्कोर यूजर अलग से लिखना पड़ता रोल अंडरस्कोर एडमिन अलग से लिखना पड़ता ब इसमें सिर्फ आपको यूजर लिखना है और एडमिन लिखना है दैट मींस हम क्या कर सकते हैं हम यूजर को क्रिएट करते समय हम लोग रूल्स भी पास कर सकते हैं यूजर नेम पासवर्ड रूल्स पास कर सकते हैं भैया उसका रोल क्या है बाद में हम रोल के हिसाब से राउट्स को भी प्रोटेक्ट कर सकते हैं भैया एडमिन है तो सिर्फ एडमिन से स्टार्ट होने वाले राउट्स को एक्सेस कर सके अगर नॉर्मल है तो सिर्फ यूजर से स्टार्ट होने वाले रोस को यह एक्सेस कर सके इतना होने के बाद इस यूजर को अपने सर्विस के अंदर पास कर सकते हैं हम यहां पर यूजर वन पास कर सकते हैं क्या हम मल्टीपल यूजर्स भी पास कर सकते हैं यस बात यहां पर आप देखोगे तो आप मल्टीपल यूजर डिटेल पास कर सकते सपोज एक यूजर आपके पास और है तो हम य पर आएंगे लेटस म क्रिएट वन मोर यूजर यूजर डॉट यूजर डॉट विद यूजर नेम सॉरी विद यूजरनेम देन विद पासवर्ड देन विद रोल्स एंड देन विथ ब बिल्ड कॉल करके हम एक और यूजर बना सकते हैं देन यहां पर पास कर सते बट फिलहाल मैं एक ही यूजर बना रहा हूं अभी तो इस तरह से हम एक और यूजर बना सकते हैं और एक बार यूजर बन गया तो हम यूजर को यहां प पास कर सकते हैं चलो मैं एक बार फटाफट बना लेता हूं विद यूजर नेम यूजर नेम डाल दिया पासवर्ड में हम लोग यहां पर डाल देते हैं पासवर्ड एंड इफ यू हैव एनी रोल अगर आप इस जो यूजर बना रहे उसका कोई रोल है तो वो रोल यहां पास कर दो अभी तो मैं मेरे पास कोई रोल नहीं है देन हम यहां पे अगेन ये जो हमारा यूजर बना वो उसको रिप्रेजेंट करने के लिए जो इंटरफेस यूज करेंगे यूजर डिटेल यूज करेंगे यूजर डिटेल्स यूजर टू है ये एंड देन अगेन हम यहां पे यूजर टू यूज करेंगे परफेक्ट तो हमारे पास दो यूजर है इनको हमने प्रोग्रामेटिकली क्रिएट किया है प्रोग्राम के थ्रू नेक्स्ट अब हमें आगे आगे कुछ भी करने की जरूरत नहीं पड़ेगी एक ची हमें यहां प और करना पड़ेगा हमें जो पासवर्ड चाहिए वो डिफॉल्ट या नो मतलब कोई पासवर्ड इनकोडर नहीं चाहिए बेसिकली क्योंकि अभी हमने पासवर्ड इनकोडर नहीं यूज किया तो अगर हम इतने पर रन करते हैं इफ वी रन दिस ठीक है अगर मैं रन करता हूं यहां पे सो आप देखोगे यहां पे अपना प्रोजेक्ट हम लोग चलते हैं और री रन करते हैं तो आप देखोगे अभी तो ये लॉगइन आ रहा है बट अगर मैं लॉग आउट करता हूं आई थिंक पहला पहले का सेशन चल रहा है तो अगर मैंने यहां प लॉग आउट कर दिया ये देखिए एंड अगेन मैं एक्सेस करता हूं स्ल यूजर स् प्रोफाइल लॉगिन मांग रहा है मैं देखता हूं यहां से जो मैंने यूजर क्रिएट किया कोई यूजर मैं लॉगइन कराता हूं एडमिन से लॉगइन कराता हूं या यूजर से लॉगइन कराता हूं क्या ये लॉगइन हो रहा है कि नहीं हो रहा है तो मैं यूज़ करूंगा एडमिन 1 23 एडमिन 1 23 एडमिन 1 23 एडमिन 12 23 एंड लॉगइन में क्लिक करूंगा ये लॉगइन इसलिए नहीं हो रहा या लॉगइन नहीं हो रहा एरर आ गई आप देखो यहां पे ठीक है ये एरर आ रही है और एरर आके ये रीडायरेक्ट कर दे रहा है सेम पेज पे दैट मींस कुछ यूजरनेम पासवर्ड गलत है क्या गलत है नीचे आओ ठीक है सो आप देखोगे तो प्रॉपर ये एरर बताएगा ये देखिए ये बता रहा है देयर इज नो पासवर्ड इनकोडर मैप्ड फॉर आईडी नल पासवर्ड इनकोडर आप ने मैप नहीं किया तो हमारे पास यहां पे कुछ ऐसा यूज करना है पासवर्ड इनकोडर बेसिकली कि पासवर्ड इनकोडर पासवर्ड आप कैसे इनकोड कर रहे हो उसकी स्ट्रेटजी क्या है तो उसके लिए आप यहां पे बता सकते हो कि भैया हम यहां पे देखते हैं जरा विद विद विद पासवर्ड इन यूजर क्रिएट करते सम क्या हम यहां पासवर्ड इनकोडर बता सकते हैं लेट्स फाइंड आउट यहां पे लगाएंगे डॉट एंड विद डिफॉल्ट पासवर्ड इनकोडर मैं यूज करूंगा एंड लेट्स सी ये डिफॉल्ट पासवर्ड इनकोडर में कुछ पास करना होता है क्या अभी तो यहां पे कुछ नहीं पास करना है बट य क्या कह रहा है विद ठीक है सो मैंने य पर डिफॉल्ट पासवर्ड इनकोडर यूज कर दिया आप इसके बारे में थोड़ा सा पढ़ सकते हो यह डिप्र केट हो चुका है बट यह टेस्टिंग परपस के लिए इसको हम लोग यूज नहीं करेंगे हम यूज करेंगे बक पासवर्ड इनकोडर बट मुझे यहां पर कुछ ऐसा करना था जिसे अभी मैं आपको यह चला के दिखा सकूं तो यह प्रोडक्शन के लिए नहीं है आप इसके बारे में देख सकते हो यह जो है बेसिकली क्रिएट अ यूजर एंड ऑटोमेटिक इनकोड विद अ प्रोवाइडेड पासवर्ड वि य य यूज करेगा क्रिएट डेलिगेशन डेलीगेटिंग पासवर्ड इनकोडर फॉर एग्जांपल ओके इस तरह से पासवर्ड आपको बनाना इस तरह से बनाना है यूजर को अगर आपको यूज करना है विथ डिफॉल्ट पासवर्ड इनकोडर ठीक है ठीक है ओके सो हम लोग क्या करते हैं क्या हमारे पास कोई और मेथड है पासवर्ड इनकोडर के लिए पासवर्ड इनकोडर ठीक है और क्या हम य पर पासवर्ड इनकोडर पास कर सकते अपना आई डोंट थिंक पासवर्ड डर वाला मेथड ही नहीं है वि डिफॉल्ट पासवर्ड इनकोडर ही है हमारे पास सिर्फ एंड देन हम य पर लिखना पड़ेगा यूजर नेम ठीक है एंड इस बार हम लोग चेक करते हैं एक बार मैंने रन कर दिया अगेन एंड कंसोल को मैं क्लियर कर दूंगा अरवाज हमारे पास पासवर्ड ड बनाने का एक और तरीका है उसको हम लोग यूज कर लेंगे एंड यहां प आएंगे रिफ्रेश करेंगे रिफ्रेश रिफ्रेश रिफ्रेश आई थक कुछ एर आ रही है लेट्स रन द एप्लीकेशन दोबारा से हम एप्लीकेशन को रन करते हैं ठीक है सो अभी तो कोई दिक्कत नहीं एटली एडमिन टूथ एडमिन टूथ ठीक है सो आप देखोगे यहां पे लॉगिन हो चुका तो इसने यहां पे डिफॉल्ट पासवर्ड इनकोडर यूज कर लिया दैट मींस ये वाला यूजर लॉगिन हो रहा है क्योंकि हम लोग ने यहां प डिफॉल्ट पासवर्ड इनकोडर यूज किया क्योंकि अभी हमने पासवर्ड को इनकोड नहीं किया है बट हम पासवर्ड को एक्चुअली गाइस इनकोड करेंगे ठीक है हम यूज करेंगे बक पासवर्ड इनकोडर जो एक्चुअली पासवर्ड को इनकोड करके देन डेटाबेस में सेव कराएगा इसको हम लोग नेक्स्ट वीडियोस के अंदर करेंगे तो हम लोग को अगर इसको भी लॉग इन करना है तो यहां पे भी हम लोग विद पासवर्ड डिफॉल्ट पासवर्ड इनकोडर यूज़ करेंगे और एक बार जब हमारे पास इनकोडर आ गया तो हम यूजर नेम से यूजर को क्रिएट करेंगे ठीक है अगेन मैं फिर से बता रहा हूं जो डिफॉल्ट पासवर्ड इनकोडर है वो प्रोडक्शन के लिए नहीं है वो सिर्फ टेस्टिंग के लिए जैसे मुझे चेक करना था कि ये यूजर नेम लॉगिन कराना है और हमें पासवर्ड इं क्रूडर नहीं यूज़ करना तो हमने डिफॉल्ट पासवर्ड इंक्लूडर यूज़ कर लिया बट ये डिप्र केट हो चुका है अब इसको हमें प्रोडक्शन में नहीं यूज करना और ओबवियस सी बात हमें ये चीज भी नहीं यूज करनी है ये जो इन मेमोरी यूजर सर्विस है इसको भी तो हमें इन मेमोरी यूजर डिटेल सर्विस इसको भी तो नहीं यूज़ करना क्यों क्योंकि ये जो है वो अभी मेमोरी में ही यूज़र रखा है डेटाबेस में यूज़र नहीं रखा है तो हम लोग क्या करेंगे हम लोग डेटाबेस वाला यूजर यहां पे एक्सेस कराएंगे साथ ही साथ में हम एक चीज और करेंगे गाइज हम क्या करेंगे पासवर्ड इनकोडर को बीक्र पासवर्ड इनकोडर यूज़ करेंगे हम अपने पासवर्ड को इनकोड करके देन हम लोग डेटाबेस में रखेंगे सो ये वाला काम तो नहीं करेगा हम हार्ड कोड तो अभी कर पा रहे हैं बट जितने यूजर्स हम मैनुअली क्रिएट करेंगे उतने ही यूज़र लॉगइन कर पाएंगे हमारे वेबसाइट के अंदर सो हमारे पास एक कोई ऐसा ट्रिक होना चाहिए कि हम ऐसा करा पाए जो बंदा रजिस्टर करे वो अपने यूजर नेम और पासवर्ड से लॉग इन कर ले कुछ ऐसा चाहिए तो इन मेमोरी यूजर डिटेल सर्विस भी हमारा काम नहीं करेगी यहां पे हमें कोई और डेटाबेस यूजर डिटेल सर्विस कुछ ऐसा यूज करना होगा आई थिंक एक आपने ओवरव्यू समझ लिया स्प्रिंग सिक्योरिटी का और लॉगिन का नेक्स्ट हम लोग इसको कन्फर करते हैं देखते हैं कैसे हम लोग डेटाबेस से उठाएंगे और हम लोग यहां पे यूजर को लाएंगे ओके एंड इस वाले मेथड को हम लोग क्या कर देते हैं सेलेक्ट करके कमेंट कर देते हैं यस सेव कर दिया मैंने एंड अभी हमारा सारा यूजर प्रोटेक्ट हो जाएगा सारा यूजर फिर से सारा यूजर्स नहीं सारे राउट्स हमारे प्रोटेक्ट हो जाएंगे एंड ठीक है सो आई थिंक अभी सेशन हमारा मेंटेन है तो हम 8081 स्ल लॉग आउट मारते हैं यस यस तो अब हम लॉग आउट या लॉग इन नहीं कर पाएंगे बाय डिफॉल्ट जो यूजर हमें मिल रहा है उसी लॉगइन कर पाएंगे इस वीडियो के अंदर हम देखेंगे कि कैसे हम लोग यूजर कॉन्फिन यूजर जो होंगे वो डेटाबेस में रखे तो डेटाबेस से रिलेटेड या डेटाबेस में रखे गए यूजर्स ऐसे हम लोग कॉन्फिन करेंगे कि हमारा डेटाबेस वाला यूजर लॉगइन हो जाए वाओ चलो भाई बनाते हैं टेस्ट भी करेंगे हमलोग तो हमें यहां पे इस बार यूजर कॉन्फिन तो करना है बट डेटाबेस से कन्फर करना है कैसे करेंगे हाउ वी कैन डू दैट हम सबसे पहले ये अनवांटेड जितने भी इंपोर्ट्स हैं उनको हम लोग हटाएंगे यस एंड हम लोग क्या करेंगे हमें इस बार यूजर डिटेल सर्विस को बताने के लिए वी आर गोइंग टू यूज डाउ ऑथेंटिकेशन प्रोवाइडर हम एक बीन बनाएंगे पब्लिक अ जो रिटर्न होगा जो रिटर्न कर रहा होगा ऑथेंटिकेशन प्रोवाइडर ओबवियस बात ऑथेंटिकेशन प्रोवाइडर ऑथेंटिकेशन प्रोवाइडर और हम यहां से रिटन कर सकते हैं न्यू डाउ ऑथेंटिकेशन प्रोवाइडर तो हम लोग बनाएंगे यहां पे न्यू डाउ ऑथेंटिकेशन प्रोवाइडर एंड हम लोग इसको एक वेरिएबल के अंदर डाल देंगे डाउ ऑथेंटिकेशन प्रोवाइडर एंड ये हम यहां से रिटर्न कर देंगे डाउ ऑथेंटिकेशन प्रोवाइडर ठीक है नाउ अब इस डाउ ऑथेंटिकेशन प्रोवाइडर जो है हमारे पास गाइस ये डाउ ऑथेंटिकेशन प्रोवाइडर इस डाउ ऑथेंटिकेशन प्रोवाइडर के पास वो सारे मेथड्स है जिसकी हेल्प से हम लोग रजिस्टर कर सकते हैं अपनी सर्विस सबसे पहले हम लोग इसको बना देते हैं @ बीन बीन बनाना मत भूलिए भाई बीन बनाना मत भूलिए ओके सो हमारे पास मैं मेथड दिखाता हूं आपको हम लोग एंटर करते हैं यहां पे एंड आप देखोगे यहां पे तो ये देखिए डा ऑथेंटिकेशन प्रोवाइडर डट सेट एक तो हमारे पास यूजर डिटेल सर्विस है यहां पे हम यूजर डिटेल सर्विस पास करेंगे एंड डा ऑथेंटिकेशन प्रोवाइडर डॉट सेट पास इनकोडर और यहां पर हम पासवर्ड इनकोडर पास करेंगे तो ये दो चीज हमें कहीं से भी लानी उठा कर के और यहां पर हमें डालनी है ठीक है ओके हम अच्छा यह हमने क्या लिख दिया यूजर डिटेल सर्विस यूजर डिटेल पासवर्ड सर्विस नहीं हम यूजर टेल सर्विस यूज करेंगे बस अब हमें दो चीज लानी है क्या क्या देखिए भाई हमें ना है य पे यूजर डिटेल सर्विस का ऑब्जेक्ट कैसे बनाएंगे मैं बताऊंगा स्टेप बाय स्टेप एंड यहां हमें लाना है पासवर्ड इनकोडर का ऑब्जेक्ट ये दोनों ऑब्जेक्ट लाने और य पर पास करने पासवर्ड इनकोडर का ऑब्जेक्ट बनाना बहुत है य पर एक बन और बना लेंगे हम लोग पब्लिक या पब्लिक नहीं बनाओ कोई दिक्कत वाली बात नहीं डायरेक्टली चलो बना लेते कोई दिक्कत त पब्लिक पासवर्ड इनकोडर पासवर्ड इनकोडर और अगेन य पर य करेंगे न्यू बी क पासवर्ड इनकोडर रिटर्न रिटर्न बी या न्यू नया ऑब्जेक्ट बनाएंगे ना तो न्यू बी पासवर्ड इनकोडर एंड इसको इंपोर्ट भी करेंगे यार इंपोर्ट बी की पासवर्ड इनकोडर एंड इसको बना देंगे @ बीन यस हियर वी गो एंड ये वाला मेथड हम लोग यहां पे यूज कर सकते हैं पासवर्ड इनकोडर के लिए कैसे आप डायरेक्टली इस मेथड को कॉल कर लो इस मेथड को जैसे आप कॉल करोगे ना ये अपने आप से न्यू बी क्रिप पासवर्ड इनकोडर वाली लाइन चलेगी और नया ऑब्जेक्ट बनेगा और वो ऑब्जेक्ट यहां पे चला जाएगा वाओ इट्स गुड आईडिया कि ये आईडिया अच्छा है या तो हम एक बीन बना लेते दूसरी क्लास के अंदर उस बीन को यहां कॉल कर लेते या तो हम यहां पे डायरेक्टली मेथड कॉल कर लेंगे और ये नया ऑब्जेक्ट बन यहां पे आ जाएगा अब सबसे इंपॉर्टेंट चीज है गाइस कि हम कैसे यूजर डिटेल सर्विस बनाएंगे वो सर्विस यूजर से इंटरेक्ट कर र होगी जो यूजर डेटाबेस के अंदर रखा हुआ यूजर्स को उठा के लाएगी डेटाबेस वाले डेटाबेस से रखे डेटाबेस वाले सारे यूजर्स ठीक है कैसे करेंगे लेट्स सी मैं आपको बताता हूं तो हमें क्या करना होगा हमें एक यूजर डिटेल सर्विस अलग से बनानी पड़ेगी और उसकी इंप्लीमेंटेशन कस्टम इंप्लीमेंटेशन देना होगा कैसे मैं दिखाता हूं आपको सो लेट्स फाइंड आउट हम लोग यहां पे आते हैं थोड़ा सा इसको बढ़ाते हैं क्योंकि अब हमें कुछ क्लासेस और पैकेजेस और बनानी है यूजर्स हमने कहां बनाए थे यूजर्स हमने बनाए थे और एंटिटीज के अंदर ये देखिए यूजर्स हमने यूजर क्लास की हेब से यूजर्स को क्रिएट कर रहे थे एंड हमने सर्विसेस कहां बनाई थी सर्विसेस पैकेज के अंदर ये देखिए इंप्लीमेंटेशन कहां रखी थी यहां पे तो हम क्या करेंगे यूजर को रिप्रेजेंट करने के लिए स्प्रिंग सिक्योरिटी में या यूजर की डिटेल को रिप्रेजेंट करने के लिए स्प्रिंग सिक्योरिटी में यूजर डिटेल्स नाम से एक इंटरफेस है और स्प्रिंग कहता है कि अगर आपकी यूजर आपको यूजर डिटेल को यूजर को यूजर की डिटेल्स को रिप्रेजेंट करना है तो आप यूजर डिटेल्स ही बनाइए तो मैं क्या करूंगा मैं थोड़ा सा अपना दिमाग लगाऊंगा और मैं जो हमारे पास प्रेजेंट यूजर है उसको या जो प्रेजेंट यूजर है मैं इंप्लीमेंट कर लूंगा यूजर डिटेल यह देखिए एंड जैसे मैं यहां पे यूजर डिटेल को इंप्लीमेंट करा दूंगा अपने यूजर से तो ये यूजर भी यूजर डिटेल बन जाएगा दैट मींस जहां जहां यूजर डिटेल्स यूज करना है वहां वहां अब यूजर को यूज कर सकते हैं ये सिंपल कोर जावा का रूल है एक चीज और है जब आपने के यूजर ने जो हमारे कस्टम यूजर ने इंप्लीमेंट किया उसे डिटेल को तो इसके कुछ मेथड्स को ओवरराइट करना पड़ेगा बॉडी देनी पड़ेगी दैट मींस जो कांट्रैक्ट होता है ना इंटरफेस और क्लास के बीच में वो कांट्रैक्ट पूरा करना पड़ेगा कैसे दिखाता हूं इस यूजर डिटेल के पास बहुत सारे मेथड्स हैं ओबवियस सी बात है स्प्रिंग क्या करता है अगर उसको पासवर्ड चाहिए तो व ये गेट पासवर्ड को यूज करता है पासवर्ड को निकालने के लिए इस यूजर डिटेल की एगजैक्टली गेट पासवर्ड मेथड कॉल करके उसको यूजर नेम चाहिए तो वो गेट यूजर नेम फेच करने के लिए यह गेट यूजर नेम मेथड यूज करता है उसको अगर इज अकाउंट नॉन एक्सपर्ट चाहिए तो ये वाला मेथड कॉल करता है अगर अकाउंट इनेबल है कि नहीं तो वो इज इनेबल कॉल करता है तो इन मेथड्स की इंप्लीमेंटेशन हमें अपने क्लास के अंदर देनी पड़ेगी सो हाउ वी कैन डू दैट हम यहां पे आते हैं एंड हम इस बल्ब पे क्लिक करते हैं एंड यहां पे एक ऑप्शन आ रहा है ऐड अन इंप्लीमेंटेड मेथड इस पे क्लिक कर दीजिए ठीक है सो आप देखोगे नीचे कुछ मेथड्स आ गए हैं अपने आप से कौन-कौन से मेथड्स आए हैं देखिए हमारे पास एक गेट यूजर नेम मेथड आ गया एगजैक्टली गेट इज अकाउंट नॉन एक्सपायर्ड मेथड आ गया इज अकाउंट नॉन लॉक्ड मेथड आ गया इज अकाउंट नॉन एक्सपायर्ड मेथड आ गया कुछ मेथड नहीं आए जैसे गेट पासवर्ड गेट पासवर्ड मेथड इसलिए नहीं आया क्योंकि हमारे पास यहां पे एक फील्ड थी पासवर्ड और इसका गेटर जो था वो गेट पासवर्ड था जो कि ऑलरेडी जनरेट किया गया किसके द्वारा इस गेटर के द्वारा लम बॉक के द्वारा तो इसीलिए मेथड नहीं आया बट मेथड को लिखना जरूरी था अब अलग बात है कि जनरेटर से जनरेट हुआ मेथड बट वो मेथड यहां पे प्रेजेंट है अब इसके इसमें क्या करना है आपको ध्यान से देखिएगा इसमें ये करना है हमें गेट यूजर नेम से हमें अपना यूजर नेम रिटर्न करना है तो मैं क्या करूंगा ये सब हटाओ यार हमारा जो यूजर नेम है वो हमारा ईमेल आईडी है हमारा यूजर नेम तो यहां पे रिटर्न करेंगे दिस ड ईल आप याद रखिएगा जो जिस चीज को आप कंसीडर कर रहे हो एज अ यूजर नेम उसी को आप यहां से रिटर्न करिएगा क्योंकि हमारा जो है फॉर दिस प्रोजेक्ट इस प्रोजेक्ट के लिए हमारा जो ईमेल आईडी है वही हमारा यूजर नेम है तो इसीलिए हमने यहां पे सस ड ईमेल आईडी लिखा है मतलब इसी क्लास का ईमेल आईडी वाली फील्ड नाउ इज नॉन एक्सपायर्ड अभी अकाउंट नॉन एक्सपायर्ड है तो मैं यहां पे हां बिल्कुल तो मैं यहां पे अभी मैनुअली रिटर्न कर दूंगा ट्रू बट अगर आप इसको मेंटेन करना चाह रहे हो तो एक फील्ड ले लो नॉन एक्सपायर्ड की और उस फील्ड को आप यहां पे रिटर्न करा दो और फील्ड की वैल्यू को डेटाबेस से आप सिंक कर दो तो अगर उस फील्ड की वैल्यू ट्रू है तो अकाउंट एक्सपायर्ड नहीं है अगर फील्ड की वैल्यू ट्रू नहीं है तो अकाउंट एक्सपायर्ड है वाओ नेक्स्ट इज अकाउंट नॉन लॉक्ड तो बिल्कुल अभी हमारा अकाउंट नॉन लॉक्ड है तो हम मैनुअली रिटर्न कर देंगे ट्रू बट इसको आप भी डायनेमिक कर सकते हो एंड एक फील्ड इसके पास और थी मैं बताता हूं इज क्रेडेंशियल नॉन एक्सपायर्ड बिल्कुल ट्रू एक फील्ड इसके पास और थी या दो फील्ड सबसे इंपोर्टेंट है जो यहां पे नहीं जनरेट हुई एक फील्ड थी ये वाली एक मेथड था यहां पे देखो इज इनेबल्ड ये वाला मेथड जनरेट नहीं हुआ क्यों क्योंकि ये ऑटोमेटिक जनरेट हो गया बेस्ड ऑन दिस इनेबल्ड फील्ड इस इनेबल्ड फील्ड की वैल्यू ट्रू है इसका मतलब अकाउंट इनेबल्ड है इस इनेबल्ड फील्ड की वैल्यू फॉल्स है इसका मतलब अकाउंट इनेबल्ड नहीं मतलब ट्रू फॉल्स पे डिपेंड कर रहा है इनेबल्ड मींस कि अकाउंट इनेबल है इनेबल्ड फॉल्स है इसका मतलब अकाउंट इनेबल नहीं है तो बाय डिफॉल्ट मैं क्या करता हूं अकाउंट को इनेबल कर देता हूं एंड इसका एक कह सकते हो कि हमारे पास ऑलरेडी गेटर बन चुका है इफ यू वांट तो आप यहां पे गेटर बना सकते हो ठीक है सो अगर चाहते हो कि लॉक का गेटर ना बने तो आप यहां पे पब्लिक बोलियन इज इनेबल और आप यहां से रिटर्न कर दो दिस डॉट इज या इनेबल्ड एंड हम चाहते हैं कि यह ओवरराइड वाला मेथड हो ठीक है सो ये कुछ एरर दे रहा है यह क्या कह रहा है एगजैक्टली ये देखिए अगर आप यहां पे ले जाओगे तो यह एरर देगा आई थिंक थोड़ा सा मुझे एरर के बारे में पढ़ाना भी था आपको ये देखिए कुछ गड़बड़ हो गया क्या क्योंकि इस इ इनेबल्ड वाला मेथड ऑलरेडी होगा किसने जनरेट किया होगा लम बॉक ने जनरेट किया होगा तो यह आई थिंक एरर दे रहा है कह रहा सिंटेक्स इंसर्ट ठीक है सो यह इसीलिए एरर दे रहा है क्योंकि ऑलरेडी यह मेथड जनरेट कर दिया गया है किसके द्वारा आपके लैम बॉक्स जो आप यूज कर रहे हो उसके लिए उसके द्वारा ठीक है क्या लबक की वैल्यू डिसेबल कर सकते हैं लेट्स फाइंड आउट रेट लबॉक या फिर आई वाट डू समथिंग की हमारा इसका गेटर ना जनरेट हो तो गेटर डॉट सो एक काम करते थोड़ा सा मैं गल करता हूं इसके बारे में थोड़ा सा हम लोग और समझते ओके सो यहां पर आते है लिखते हैं आई डोंट वांट टू आई डोंट वांट टू जनरेट गेटर एंड लम बॉक ठीक है ओके सो पुराना है काफी बट आप देख सकते हो यहां पे आई थिंक यू कैन पास एन एक्सेस लेवल टू गेटर टू मेक गेट प्रोटेक्टेड और प्राइवेट इट कैन बी यूज फ राइट द डिफॉल्ट विद डाटा ओके आई थिंक हम लोग ओके हाउ टू एक्सक्लूड है ना तो आप इसकी वजह से आप एक्सक्लूड कर सकते हो गेटर्स जरा मैं करके देखता हूं य पे गेटर एंड आई वांट टू एक्सक्लूड तो मुझे लिखना है यहां प एक्सेस लेवल एक्सेस लेवल नन और ये इंपोर्ट भी नहीं हो रहा आई थंक ऑटो इंपोर्ट लेही नहीं रहा वैल्यू एक्सेस लेबल एंड ये एक्सेस लेबल आई थिंक ल बॉक्स आ रहा होगा एगजैक्टली ठीक है सो ये इज इनेबल का गेटर नहीं जनरेट करेगा कैन बी जनरेट गेटर बाय योर ओन देखते हैं जनरेट गेटर स्टेटस जनरेट गेटर फॉर इनेबल्ड आ रहा है ये देखिए गेटर से आप मैनुअली जनरेट कर सकते हो सेम पासवर्ड के लिए भी कर सकते हो एंड ये गेटर्स है तो हम इसको ओवरराइड कर सकते हैं क्योंकि ये मेथड ओवरराइड हो रहा है एगजैक्टली एंड अगर ये जनरेट नहीं होगा तो एरर भी आई थिंक आ जाएगी क्योंकि आप ये मेथड ओवरराइट नहीं हो रहा है देखिए बाय डिफॉल्ट ओवरराइट नहीं हो रहा तो आप उसको ओवरराइट करना पड़ेगा तो आप इस पर जा करके एंड आप अन इंप्लीमेंटेड मेथड पर क्लिक करोगे तो यह अपने आप से पासवर्ड वाला मेथड अपने आप से आ जाएगा देखिए इनेबल वाला मेथड आ जाएगा सेम फॉर द पासवर्ड आप यहां पे रिटर्न कर सकते हो दिस डॉट इनेबल सेम फॉर द पासवर्ड अगर आप चाहते पासवर्ड की फील्ड जनरेट ना हो किसके द्वारा लॉक के द्वारा लॉक के द्वारा आपको जनरेट करना है तो आप यहां पर अगेन आ करके वही वही चीज यूज कर सकते हो गेटर हम एक्सक्लूड करेंगे एंड एक्सेस लेबल नन पास करके गेटर एक्सक्लूड करेंगे अपने आप से वो मेथड हट जाएगा वो गेटर हट जाएगा और गेटर जब हट जाएगा तो आप यहां पे अलग से मेथड को ओवरराइड कर सकते हो अन इंप्लीमेंटेड मेथड्स ओवरराइड हो गया एंड अपना खुद का पासवर्ड यहां पे आपके पास कोई कस्टम फील्ड है या कुछ है तो आप रिटर्न कर सकते हो दिस डॉट पासवर्ड यस ठीक है सो ये एक ट्रिक है कि कैसे हम एक्सक्लूड करेंगे गेटर्स को एंड सारे मेथड्स को ओवरराइड कैसे करेंगे ठीक है बट सारे मेथड्स ओवरराइड होने चाहिए अभी मैंने इसके बारे में कुछ नहीं लिखा ये देखिए हमने यहां पे इसके बारे में कुछ भी नहीं लिखा ये एक मेथड है गेट अथॉरिटीज इसको मैंने एज इट इज छोड़ दिया या फिर आप चाहते हो तो यहां पे रिटर्न कर दो ठीक है यह मेथड कब काम आएगा जब हम लोग अथॉरिटी की बात करेंगे रोल की बात करेंगे किस यूजर के पास क्या रोल है उस समय कॉल आएगा मतलब उस समय इसका यूज आएगा तो हम अभी कलेक्शन ड एमपीटी लिस्ट यहां पर हमने रिटन कर दिया मतलब खाली अभी किसी यूजर के पास कोई रोल नहीं होगा हमने डायरेक्टली यहां पे यह रिटर्न कर दिया है बस कुछ भी नहीं किया हमने रिटर्न कर दिया कि भैया किसी के पास कोई रोल नहीं है बट इफ यू वांट टू डू कि भैया हम इसको डायनेमिक रखें तो आप एक लिस्ट बना लो य प्राइवेट लिस्ट एंड लिस्ट में हम स्ट्रिंग स्ट्रिंग रोल लिस्ट इ ट न एरे लिस्ट डाल देंगे ठीक है तो हमने डाल दिया एंड देन हम लोग क्या कर सते क्योंकि हमें पता है कि इस यूजर के पास य जो रोल लिस्ट है उसके अंदर व सारे रोल्स रखे होंगे जो भी रोल्स आएंगे व रखे रहेंगे एक काम करते हैं क्या हम इसको बना सकते हैं कलेक्शन मतलब इसको हम लोग डायरेक्टली सेव कैसे कर सकते हैं एलिमेंट कलेक्शन से कर सकते आई थ बिल्कुल एलिमेंट कलेक्शन से हम इसको सेव कर सकते हैं एंड हम लोग देन इस अच्छा फेच ईगर कर दो यार फेच ईगर सारे रूल्स हमें निकालने हैं रली तो हम इसको एज अ कलेक्शन एलिमेंट स्टोर करेंगे बैक एंड के अंदर वो उसके रोल बेसिकली सेव हो जाएंगे यूजर के रोल सेव हो जाएंगे आप चाहते तो क्योंकि हमने लिस्ट इसलिए लि क्योंकि हम इस यूजर के मल्टीपल रोल्स स्टोर करना चाह रहे हैं हम एडमिन भी रखना चाह रहे हैं यह भी रखना चाह रहे वो भी रखना चाह रहे हैं ट्स वई इफ यू वांट तो आप क्या कर सकते हो कि आप एक अलग से बना सकते हो जिसके पास रोल रोल आईडी सब चीज ले सकते हो बट अभी मैंने सिंपली स्ट्रिंग ले लिया लिस्ट ऑफ स्ट्रिंग मतलब इस यूजर के पास मल्टीपल रोल्स हो सकते हैं देन आपको यहां पे रोल्स को इन्हीं रोल्स को यहां से रिटर्न करना है बट हमें एक अ ऐसा कलेक्शन रिटर्न करना है बेसिकली जिसके पास ग्रांटेड अथॉरिटी हो ठीक है सो मैं क्या करूंगा इसको ग्रांटेड अथॉरिटी में चेंज करूंगा मैं रोल लिस्ट को एक-एक करके ट्रेव्स करूंगा मैप से एंड आई थिंक स्म ड एंड हमें एकएक रोल मिलेगा हमारी लिस्ट से रोल मिलेगा तो हम क्या करेंगे हम यहां बनाएंगे न्यू न्यू न्यू एंड एक हमारे पास क्लास होता है सिंपल ग्रांटेड अथॉरिटी सिंपल ग्रांटेड अथॉरिटी और अपना रोल यहां पे हम लोग पास करते जाएंगे तो ये क्या करेगा ठीक है ये क्या करेगा हमें एक्चुअली रिटर्न करेगा एक लिस्ट एंड लिस्ट के अंदर सिंपल ग्रांटेड अथॉरिटी होगी और उस सिंपल ग्रांटेड अथॉरिटी के पास हमारे रूल्स होंगे मतलब सिंपल जो हमारे पास लिस्ट ऑफ रूल्स थे उनको हमने लिस्ट ऑफ ग्रांटेड अथॉरिटी में कन्वर्ट कर दिया है एंड देन फाइनली हम लोग क्या कर सकते हैं इसको हम लोग कलेक्ट कर सकते हैं कलेक्ट एंड कलेक्ट में हम यूज करेंगे कलेक्टर्स डॉट टू लिस्ट कर दो चाहे टू कलेक्शन कर दो कोई दिक्कत वाली बात नहीं एंड देन फाइनली यह हमें अपना कलेक्शन बना के दे देगा ओके सो कलेक्शन या हां कलेक्शन बोल सकते हैं कलेक्शन ऑफ सिंपल ग्रांटेड अथॉरिटी सिंपल ग्रांटेड अथॉरिटी एंड यह बेसिकली रोल्स आ गए इस रोल्स को हम यहां से रिटर्न कर सकते हैं रोल्स को रिटर्न कर सकते हैं दैट्ची ये हमने जो लिस्ट ऑफ रूल्स थे अब रूल्स में ओबवियस स बात है ये यूजर हो सकता है ये एडमिन हो सकता है ये कोई और मल्टीपल रोल्स हम लोग मैनेज कर सकते हैं इसको हमने कन्वर्ट किया अ कलेक्शन ऑफ सिंपल ग्रांटेड अथॉरिटी एंड इसके अंदर वो रोल्स है मतलब रोल मतलब इसके अंदर हमारे पास वो एडमिन होगा एंड वो यूजर होगा समझ गए तो ये सिंपल ग्रांटेड अथॉरिटी के पास अथॉरिटी है कि भैया वो है क्या एडमिन है कि वो यूजर है एंड हमने इस इसी को बना दिया एक कलेक्शन हो सकता है कि एक यूजर के पास मल्टीपल कलेक्शन हो तो हमने इसी को कन्वर्ट कर दि अब सिंपल ग्रांटेड अथॉरिटी ही मैंने क्यों यूज की क्योंकि हमें यहां पे देखो रिटर्न करना था एक ऐसी क्लास जो एक्सटेंड कर रही हो ग्रांटेड अथॉरिटी को तो ये जो सिंपल ग्रांटेड अथॉरिटी है वो एक्सटेंड कर रही है ग्रांटेड अथॉरिटी दैट वट अब हमें क्या करना है बस सिंपली हमें ये ग्रांटेड अथॉरिटी कुछ भी मेंटेन नहीं नहीं करनी है रोल को ऐड करने के लिए हमारे पास इस रोल्स के अंदर डाटा ऐड करना है बस एंड अगर हम अपने एप्लीकेशन को रन करते हैं यहां पे सो लेट्स फाइंड आउट कि हमारे डेटाबेस में कुछ चेंजेज होता है कि नहीं सो आप देखिए कुछ एरर आ रही है आई होप इसको सॉल्व हम लोग कैसे करेंगे आई थिंक थोड़ा सा हम लोग कॉन्फिन पूरा कर लेते हैं फिर हम करेंगे ओके सो हमारे पास यूजर्स अब हमारे पास यूजर सिक्योरिटी के हिसाब से ऑप्टिमाइज हो चुका है मतलब ये यूजर है यही यूजर हमारा यूजर डिटेल सर्विस को रिप्रेजेंट करना है यूजर डिटेल सर्विस के पास वो सारे मेथड्स हैं मतलब हमारे यूजर के पास वो सारे मेथड्स हैं अकाउंट एक्सपायर इट इज या अकाउंट इनेबल वाला है गेट यूजर नेम है गेट पासवर्ड है इज इनेबल्ड है वो सारे मेथड्स है तो जहां हमें यूजर सर्विस को यूज करना है वहां पर हम इस यूजर को यूज कर सकते हैं ना अब हम बनाने वाले हैं कस्टम यूजर सर्विस क्योंकि हमें अपने सर्विस के अंदर यह देखिए यूजर डिटेल सर्विस पास करनी है तो हमें एक सर्विस बनानी पड़ेगी तो हम क्या करते हैं अपने सर्विस के अंदर इंप्लीमेंटेशन में आते हैं एंड यहां पर क्लास ऐड करते हैं कस्टम र कस्टम यूजर डीटेल सर्विस या फिर आप यहां पर सिक्योरिटी डिटेल सर्विस सिक्योरिटी कस्टम यूजर डिटेल सर्विस में डाल दे रहा हूं नाम जिससे थोड़ा पता चले हाय सिक्योरिटी से रिलेटेड है हमने इसको ओवरराइड किया है तो ये क्लास बन गई ओके सो हमने गलत कर दिया था क्लास पर क्लिक करेंगे देन पास करेंगे देन एंटर करेंगे ये क्लास बन गई एंड दिस इली सर्विस तो हम यहां पर यूज करेंगे सर्विस एंड हम क्योंकि हम क्या कर रहे हैं हम एक पहले से हमारे पास यूजर डिटेल सर्विस है उसकी सर्विस को या उसके अंदर जो कोड लिखा है उसको चेंज कर रहे हैं या हम अपनी इंप्लीमेंटेशन प्रोवाइड कर रहे हैं तो हम पहले वाली सर्विस को इंप्लीमेंट कर लेंगे एंड उसका नाम था यूजर डिटेल सर्विस यूजर डिटेल सर्विस एंड देन ओबवियसली बात है इसके सारे मेथड्स को हम यहां पे ओवरराइट करेंगे क्लिक करेंगे इस पे एंड ऐड अनइंप्लीमेंटेड मेथड्स पे क्लिक करें सारे मेथड्स क्या हमारे पास यही मेथड है इसी को हमें लिखना है एंड हमें क्या लिखना है हमें ये लिखना है कि जब भी स्प्रिंग सिक्योरिटी कॉल करें अपने यूजर डिटेल सर्विस को यूज करें कि भैया यर डिटेल सर्विस अपना काम कर दो तो यूजर टेल सर्विस कुछ ज्यादा नहीं करेगी यह लोड करेगी यूजर बाय यूजर नेम तो हमें यहां पर वही कोड लिखना है हमें अपन ने यूजर को लोड कराना है लोड कराना है वा तो कैसे करेंगे यूजर को लोड करने के लिए डेटाबेस से हम यहां पर यूज करेंगे यूजर रिपोजिटरी यूजर रिपोजिटरी यूजर रेपो एंड इसको हम ऑटोवायर कर सकते हैं या फिर हम कंस्ट्रक्टर इंजेक्शन यूज कर सकते कंस्ट्रक्टर इंजेक्शन यूज कर सकते हैं ठीक है परफेक्ट अब हम य पे आएंगे एंड हम लोग अगेन हम यूज करेंगे क्या यूज कर ले भाई हम लोग यूज करेंगे यूजर रेपो डॉट फाइंड यूजर बाय फाइंड यूजर बाय या फाइंड ऑल है आईडी है फाइंड बाय ईमेल हमें चाहिए ईमेल क्योंकि हमारा जो ईमेल है वही यूजर नेम है तो हमने ईमेल पास कर दिया एंड जो यूजर आएगा उसको हम रिटर्न कर सकते हैं एगजैक्टली बट क्योंकि ऑप्शनल रिटर्न करना है हो सकता है यूजर आए भी ना तो हम यहां पे क्या करेंगे हम और एल्स और एल्स थ्रो ओबवियस सी बात है अगर यूजर आ गया तब तो यूजर मिल जाएगा यूजर नहीं आया तो हम यहां पे एक एक्सेप्शन थ्रो करेंगे अ यूजर नेम नॉट फाउंड एक्सेप्शन एगजैक्टली यही वाला एक्सेप्शन तो अगर यूजर मिल गया तो तो ठीक है यूजर नहीं मिला तो हमें एक्सेप्शन मिलेगी यूजर नेम नॉट फाउंड या यूजर नॉट फाउंड य पे हम लिखेंगे यूजर नॉट फाउंड एक्सेप्शन यूजर नॉट फाउंड विद दिस ईमेल आईडी परफेक्ट तोय हमने यहां पर लिख दिया बस अब होगा क्या जब भी स्प्रिंग सिक्योरिटी यूज करेगा इस सर्विस को तो व यूजर को लोड कराएगा डेटाबेस से या यह सर्विस यूजर को लोड कर टा सर्स अगर यूजर मिल जाएगा त तो रिटर्न हो जाएगा नहीं यूजर मिलेगा तब तो व क्या रिटर्न होगा यह एक्सेप्शन थ होगी यूजर नट फ विस ईमेल आईडी वा परफेक्ट यह चीज हो गई अब इसी सर्विस को अपने य पर यूज करेंगे कैसे इसको आप इंपोर्ट कर लेते हैं हम लोग य आते इंजेक्ट कर देंगे प्राइवेट सिक्योरिटी यूजर या सिक्योरिटी कस्टम यूज़र डिटेल सर्विस यूजर डिटेल सर्विस एंड हम ऑटो वायर कर दें या फिर आप कंस्ट्रक्टर इंजेक्शन भी यूज़ कर सकते थे इट्स डिपेंड आपको क्या करना है देन हम इसी को यहां पे एज अ ऑब्जेक्ट पास कर देंगे एज ऑब्जेक्ट पास कर देंगे बस कुछ भी नहीं करना सेव कर दीजिए एंड इतना ही काम आपको करना था बस अब क्या होगा कि अब डाउ ऑथेंटिकेशन प्रोवाइडर जो है वह कॉन्फ़िगर कर देगा आपके यूज़र डिटेल सर्विस को पासवर्ड इनकोडर को तो जब भी लॉगइन के लिए रिक्वेस्ट आएगी यूज़र ने पासवर्ड वाली तो सबसे पहले यूजर डिटेल सर्विस से यूजर लोड किया जाएगा तो हमारी यूजर डिटेल सर्विस लोड होगी एंड वो हमारे डेटाबेस से यूजर को लोड करेगी अगर यूजर है तो देन ऑथेंटिकेशन अपने आप हो जाएगा डेटाबेस से जो यूजर आएगा और हमारा जो यूज़र नेम पासवर्ड है या यूज़र पासवर्ड है उसको हम लोग चेक करेंगे आपस में और अगर ऐसा मैच हो रहा है तो यूज़र लॉगिन हो जाएगा अदर वाइज यूज़र लॉगिन नहीं हुआ डिटेल में इंटरनल कैसे काम होता है यूजर स्प्रिंग सिक्योरिटी के अंदर मैंने एक वीडियो बना रखा है उसको जाके देख सकते हो अभी मैं बहुत ज्यादा इंटरनल डीप में नहीं घूस रहा हूं बस कॉन्फ़िगरेशन ऐसा करना है एक बार और बता दे रहा हूं सबसे पहले आपको यूजर डिटेल्स की इंप्लीमेंटेशन देनी है मैंने दे दिया दूसरी चीज जब इंप्लीमेंटेशन दो तो ये सारे मेथड्स आपके इंपॉर्टेंट है इज इनेबल्ड इज क्रेडेंशियल नॉन एक्सपायर्ड इज अकाउंट नॉन एक्सपायर्ड इज अकाउंट नॉन लॉग ये सब इंपॉर्टेंट है गेट यूजर नेम इंपोर्टेंट है तो यूजर डिटेल सर्विस की इंप्लीमेंटेशन आ जाएगी देन हमें कस्टम यूजर डिटेल सर्विस बनाना है ठीक है कुछ ऐसा इंप्लीमेंट करना है यूजर डिटेल सर्विस और ये लोड यूजर बाय यूजर नेम मेथड ओवरराइड करना है और यहां पे वो कोड लिखना है जो डेटाबेस से यूजर को ला रही हो नेक्स्ट हमें क्या करना नेक्स्ट वीडियो नेक्स्ट के अंदर हमें बस इसको कॉन्फिन करना है और कॉन्फिनेट केशन प्रोवाइडर बनाया है जो हम जो रिटर्न कर रहा है बेसिकली बीन या जो क्रिएट कर रहा है बीन ऑफ डाउ ऑथेंटिकेशन प्रोवाइडर तो अगर आप यहां पे डाउ ऑथेंटिकेशन प्रोवाइडर कर दोगे तब भी कोई दिक्कत वाली बात नहीं एंड डाउ ऑथेंटिकेशन प्रोवाइडर के पास यूजर डिटेल सर्विस भी है और हमारा पासवर्ड इंक्लूडर भी अब अगर हम सेव करेंगे एक चीज गा मैं और करूंगा यहां पे मैं जो पहले से टा है उसको हटाऊ मैं डीब डी बेवर यूज कर रहा हूं वर्क पेंच मेरा चल रहा आई डोंट नो वई तो यहां पे मैं ठीक है इसको क्लोज कर दूं इसको भी क्लोज कर दूं ठीक है और मुझे क्या करना है डेटाबेस ओपन करो एससीएम 0 ओपन करो और मुझे ये सब चीज हटानी है हाउ वी कैन डू दैट सबसे पहले कांटेक्ट में देखते हैं कुछ है क्या कांटेक्ट अभी नहीं होगा व्यू डाटा देख लो कांटेक्ट के अंदर कुछ नहीं है सोशल लिंक्स भी कुछ नहीं होगा सोशल लिंक्स को डिलीट कर दो ओके सो यस डिलीट नहीं हो रही हम डेटाबेस ही उड़ा देते हैं इसको डेटाबेस को यस कर दो डेटाबेस उ चुका है राइट क्लिक करेंगे एंड यहां पर हम लोग एक डेटाबेस क्रिएट करेंगे एसम एंड ओके कर देंगे हमारे पास डेटा बेस आ चुका है बट उसके अंदर कुछ होगा नहीं यस सी बात है ठीक है सो हम क्या करेंगे अपने प्रोजेक्ट को रन करेंगे एंड आई होप यह सारे चीजों को बना देगा क्रिएट कर देगा सो लेट्स सी य देखो बहुत सारे टेबल बनी है ठीक है तो सारी टेबल्स बनी सब चीज इसने अल्टर किया सब चीज किया सो मैं क्या करता हूं एक बार रिफ्रेश कर लू एंड देखो तो हमारे पास कांटेक्ट सोशल लिंक यूजर रोल लिस्ट है हमारे पास एंड यूजर है तो एगजैक्टली हम यूजर्स को ओपन करेंगे व्यू डाटा प जाएंगे सो आप देखोगे यहां पे अभी इसके अंदर कोई डाटा है नहीं नो डेटा आ रहा है बट टेबल्स को तो हम देख सकते हैं प्रॉपर्टीज को देख सकते हो एटली हमारे पास यूजर आईडी है अबाउट है ईमेल है ईमेल वेरीफाइड है स्पेलिंग आई थिंक गलत हो गई कोई दिक्कत नहीं इनेबल्ड है नेम है पासवर्ड है ये सब चीजें एंड एक चीज और बताऊंगा आपको दिखाऊंगा एक चीज और दिखाऊंगा जो हम रोल स्टोर कर रहे हैं वो हमारा यूजर रोल लिस्ट एक अलग बन गई क्योंकि हमने एमरेड कलेक्शन लिया था क्लिक करेंगे एंड व्यू डाटा पे जाएंगे प्रॉपर्टीज की भी देखेंगे तो आप देखोगे यूजर आईडी आ रही है एंड रोल लिस्ट यहां पे आ रही है एक्चुअली कौन सा रोल किस यूजर का है वो आ रहा है यहां पे दैट मींस चीज तो वही है ठीक है मतलब यहां पे अगर अ एक यूजर के दो रोले तो य की आईडी आ जाएगी एंड रोल आ जाएगा एक चीज मैं य और करूंगा काम लेट्स फाइंड आउट यहां पर आ जाते हैं जब यूजर रजिस्टर हो रहा है साइन अप कर रहे जब यूजर को तो इसको सबको बंद कर दो नर्मल हम अपनी यूजर सर्विस को ओपन करेंगे यह वाली जब यूजर रस्टर हो रहा है तो बात हम सेव यूजर यूज कर रहे हैं तो हम यहां पर क्या करेंगे हम पासवर्ड कडर सेट करेंगे एक और दूसरी हम इस यूजर का एक डिफॉल्ट रोल भी सेट करेंगे चलो भाई करते हैं हम यहां पर आएंगे एंड हमें चाहिए य प्राइवेट यूजर या पासवर्ड इनकोडर सबसे पहले चाहिए पासवर्ड इनकोडर पासवर्ड इनकोडर एंड इसको ऑटोवायर कर दो ठीक है ये क्या कह रहा है हे आई थिंक ओके सेमी क्लन नहीं लेगाया नेक्स्ट हम यहां पे पासवर्ड को इनकोड करेंगे कैसे हम लिखेंगे यूर डॉ सेट पासवर्ड और मैं कहूंगा पासवर्ड इनकोडर डॉट इनकोड और मैं कहूंगा यूजर ड गेट पासवर्ड तो जो पासवर्ड है ऑलरेडी वो पास कर दूंगा ये इनकोड कर देगा एंड देन दोबारा से पासवर्ड को सेट कर दूंगा एक चीज ये हो गई दूसरी चीज हम क्या करेंगे हम यहां पर सेट करेंगे सेट द यूजर रोल कैसे देखिए यूजर डॉट सेट यूजर सेट रोल लिस्ट और इसके अंदर हम लिस्ट पास कर सकते हैं तो मैं यहां पर लिस्ट डॉट कुछ रोल्स पास कर सकता हूं ना बाय डिफॉल्ट बाय डिफॉल्ट हमारे पास कुछ रोल होंगे वट एटली रोल तो यहां पर हम लिस्ट दे देंगे हार्ड कोड तो नहीं करना चाहिए बट अभी के लिए कर दे हम कांस्टेंट के रूप में भी रख सकते थे इसको तो यहां पर हम लोग यूज करेंगे लिस्ट डट ऑफ और इसके अंदर हम रोल अंडरस्कोर यूजर यूज कर रहे हैं फॉर द यूजर या रोल अंडरस्कोर नॉर्मल यूज कर लो य नॉर्मल यूजर है तो आप नॉर्मल यू कर लो चाहे आप यूजर यूज कर लो अगर आपको यूजर अगर है तो नॉर्मल यूजर है अदर वाइज एडमिन होगा तो एडमिन होगा तो इसको आप हार्ड कोड कर सकते हो कर करना नहीं चाहिए बट कर सकते हो कोई दिक्कत वाली बात नहीं हम क्या करेंगे इट्स नॉट अ गुड प्रैक्टिस तो हम हेल्पर के अंदर पप कांस्टेंट्स बना सकते हो या फिर आप क्या कर सकते हो आप प्रॉपर्टीज फाइल के अंदर डटा रख सकते हो बट मैं क्या करता हूं एक हेल्पर हेल्पर के अंदर एक क्लास बनाता हूं प कांस्टेंट्स कांस्टेंट्स कुछ भी अगर कोई भी चीज अगर हमें यहां पे कांस्टेंट रखनी होगी तो मैं यूज़ करूंगा जैसे फॉर एग्जांपल ऐप नेम है ठीक है जैसे फॉर एग्जांपल हमें वर्जन वगैरह रखना है बट अभी मैं पब्लिक स्टैटिक फाइनल स्ट्रिंग यूजर या रोल यूजर रोल यूजर ठीक है दैट्ची और साथ ही साथ में हमारा यूजर भी आ जाएगा मल्टीपल यूजर भी दे सकते हैं तो कोई दिक्कत वाली बात नहीं दैट मींस एडमिन से हम एक लॉगइन फॉर्म बना सकते हैं वहां पे हम ये दे सकते हैं कि भैया कोई यूजर को कोई यूजर असाइन कर सके कर सकता है चलो भाई सेव करते हैं एंड लेट्स रन हम लोग रन करते हैं देखते हैं कि यूजर रस्टर हो रहा है और हो रहा है तो क्या एक्चुअली हमारे पास चीजें हो रही है कि नहीं हो रही है मतलब साइन अप हो रहा है कि नहीं हो रहा है तो अभी तो ये लॉग इन करना पड़ेगा एंड लॉग इन करने के लिए हमारे पास डेटाबेस में यूजर चाहिए तो हमें क्या करना पड़ेगा हमें यहां पर स्टफी कॉन्फिन भी करनी पड़ेगी हमें कुछ यूआरएल को ओपन करना पड़ेगा कुछ यर को प्राइवेट करना पड़ेगा और भी चीजें सिक्योरिटी से रिलेटेड कॉन्फरल हमें फॉर्म लॉगिन चाहिए बेसिक लॉगिन चाहिए ओथ लॉगइन चाहिए वो सब चीज हम लोग समझेंगे अभी प्रॉब्लम यह हो रही है कि हमने यहां पर साइन अप तो कर लिया भाई सब कुछ हमने यहां पर साइन अप से रिलेटेड काम कर लिया है कि भैया साइन अप करे बंदा तो पासवर्ड उसका इनकोड हो जाए रोल आ जाए लेकिन सबसे ज्यादा इंपोर्टेंट क्या है गाइस यहां पर समझिए बात को हम लोग साइन अप पेज एक्सेस नहीं कर पा रहे आप क्यों नहीं एक्सेस कर पा रहे वो बात समझ रहे होंगे क्योंकि स्प्रिंग सिक्योरिटी ने सारे पेजेस को ब्लॉक कर रखे हैं सारे पेजेस को समझ रहा है कि भैया सिक्योर पेज है तो हमें क्या करना है हमें कुछ ऐसा करना है कि हमें बताना है स्प्रिंग सिक्योरिटी को कि हमारे कुछ पेजेस सिक्योर नहीं है कुछ ही पेजे सिक्योर्ड है यह काम कैसे करेंगे इसके लिए हमें स्प्रिंग सिक्योरिटी कॉन्फिन में जाना होगा और यहां पर कुछ और चीज कन्फर करनी पड़े हमें यहां पर एक बीन बनानी है फिल्टर चेन की सिक्योरिटी फिल्टर चन तो हम क्या करेंगे अपने यह बेसिकली ये है कॉन्फिन ऑफ ऑथेंटिकेशन प्रोवाइडर नीचे आएंगे एंड इसी बीन के जस्ट नीचे हम कॉन्फिन करेंगे यहां पे अ स्प्रिंग सिक्योरिटी सिक्योरिटी फिल्टर चेन आई थिंक फिल्टर चेन स्प्रिंग सिक्योरिटी फिल्टर चेन या फिर सिक्योरिटी फिल्टर चेन एंड नॉट स्प्रिंग सिक्योरिटी सिक्योरिटी फिल्टर चेन एंड सिक्योरिटी फिल्टर चैन एंड इसको बीन बना देंगे क्योंकि यह बीन बहुत ज्यादा इंपॉर्टेंट है यह बीन हमारे लिए एक फिल्टर चेन बनाएगी उससे हम बहुत सारी चीज कॉन्फिडो कॉन्फिडो कैसे यह ब्रैकेट मिलेगा एचटीटीपी एचटीटीपी सिक्योरिटी एचटीटीपी एंड इसकी हेल्प से एचटीटीपी सिक्योरिटी की हेल्प से हम पूरा एचटीटीपी पूरा एटीटीपी सिक्योरिटी कॉन्फिन डाल सकते हैं अपने मतलब कहने का मतलब है कि सिंपली हम दो ये बता सकते हैं कि कौन से पेजेस हमें कॉन्फिन करने हैं कौन सा राउट होगा कौन सा यूजर क्या कौन से पेजेस को एक्सेस कर पाएगा यरल को एक्सेस कर पाएगा फॉर्म लॉगिन चाहिए ओथ लॉगइन चाहिए एन नंबर ऑफ चीज कॉन्फिन कर सकते हैं ठीक है कैसे करेंगे देखिए सबसे पहली चीज तो हमें रिटर्न करना है फ सिक्योरिटी फिल्टर चेन तो हम यहां पे अपने एचटीटीपी सिक्योरिटी भी कॉल कर सकते हैं बिल्ड और ये बिल्ड क्या करेगा ये रिटर्न कर देगा डिफॉल्ट सिक्योरिटी फिल्टर चेन तो हमें यही चाहिए बस एंड डिफॉल्ट सिक्योरिटी फिल्टर चैन जो होगा वो एक्चुअली सिक्योरिटी फिल्टर चैन ही होगा एक तरीके तो इसीलिए कोई दिक्कत वाली बात नहीं है एंड ये एक्सेप्शन थ्रो करेगा तो हम यहां पे आएंगे इस बल्ब पे क्लिक करेंगे एंड हम ऐड थ्रोज डिक्लेरेशन कर देंगे तो हमारा डिक्लेरेशन यहां पे ऐड हो जाएगा देखिए चाहो तो इसको थोड़ी देर के लिए ऑफ कर सकते हो ठीक है यहां पे ये देखिए ऐड एक्सेप थ्रोज एक्सेप्शन हो जाएगा नेक्स्ट अब हम यहां पे सारी कॉन्फ़िगरेशन करेंगे मैं एक-एक करके बताता हूं कॉन्फ़िगरेशन ठीक है कैसे कॉन्फिन करेंगे बस आप देखते जाइए मैं आपको बताता हूं सबसे पहली चीज यहां पे हम अगर एचटीटीपी सिक्योरिटी डॉट लगाएं तो आप देखोगे एन नंबर ऑफ चीज ऐड कर सकते इसमें ड फिल्टर बिफोर ड फिल्टर ड फिल्टर ट एन नंबर ऑफ चीज यहां पर कन्फर कर पाएंगे सीएसआरएफ भी कॉन्फिन फिगर कर सकते हैं ठीक है यह सब चीज ज्यादा कोर्स वगैरह ज्यादा इंपॉर्टेंट होती है अगर आप रेस्ट एपी बिल्ड अप कर रहे हो तो सीएसआरएफ इंपोर्टेंट है एक्चुअली एंड एक्सेप्शन हैंडलिंग भी कॉन्फिन लॉगइन कि पूरा डाटा कॉन्फिन कर तो हम यहां पे यूज करेंगे आई एम गोइंग टू यूज ऑथराइज्ड एसटीपी रिक्वेस्ट ओके और आप बस हम लोग इतना कन्फर करेंगे एंड ये देखेंगे कि ऑथराइज रिक्वेस्ट क्या ले रहा है थरा रिक्वेस्ट पर मैंने क्लिक किया जब आप इस पर क्लिक करोगे तो आप देखोगे ऑथराइज रिक्वेस्ट जो है वह एक तो ब्लैंक ले रहा है एक मतलब ब्लैंक है दूसरा अगर नीचे आए कहीं पर तो देखो तो यह पैरामीटर्स भी ले रहा है सो मिल जा भाई मिल जा मिल जा मिल जा मतलब यह ओवरलोडेड थ थरा रिक्वेस्ट तो ओवरलोड है एक बार हम यही पर ट्राई करते हैं आपको दिखाने का ठीक है ऑथराइज एसटीडीपी रिक्वेस्ट य देखिए ठीक है कंट्रोल स्पेस दबाओ तो आप देखोगे ओके सो यह देखिए थोड़ा सा इसको मैं हटाता हूं इस तरफ ले चलो यार कहीं इसको कहीं नीचे रख दो इधर नीचे तो आ ही नहीं रहा तो इस तरफ कर दो थोड़ी देर के लिए एंड कंट्रोल स्पेस फिर से मार है एंड आप देखोगे तो ऑथराइज ए रिक्वेस्ट यह जो है य बैंक रिक्वेस्ट ले रहा है ठीक है एंड ये डिप्र केट हो चुका है रिमूवल फॉर रिमूवल इन 7.0 ट मी 7.0 में रिमूव हो जाएगा तो इसके पीछे मत भाग आप भागे किसके पीछे भागे नीचे वाले इसके पीछे ए ऑथराइज एसपी रिक्वेस्ट ये अभी डुप्लीकेट नहीं हु मतलब इसे हमें यूज करना है एंड यह पैरामीटर में ले रहा है एक कस्टमाइजर और कस्टमाइजर ऑफ टाइप ऑथराइजेशन मैनेजर रिक्वेस्ट मैचर रजिस्ट्री का ठीक है एंड ये रिटर्न करेगा एप सिक्योरिटी ये देखिए अलाउ रिस्ट एक्सेस बेस्ड अपॉन द एटीटीपी सर्व रिक्वेस्ट तो यह अलाउ करेगा जिससे हम रिस्ट्रिक्टर सके एक्सेस को ओके बाकी आप य पर और भी दे सकते हो द मोस्ट बेसिक एग्जांपल इज टू कॉन्फिन द र रिक्वायर्ड द रोल रोल यूजर मतलब हम अगर चाहते हैं कि कोई रस वही सिफ एक्सेस कर पाए जिसका रोल यूजर हो तो हम इसकी हेल्प से कर सकते द कॉन्फिन बलो रिक्वायर्स ऑथेंटिकेशन इन्होने बता भी रखा कैसे हमें कन्फर करना है य देखो आपको कॉल ऑथराइज ए रिक्वेस्ट एंड यहां पर आपको एक लडा मिल जाएगा एक वेरिएबल मिल जाएगा उस पर आप कॉल कर सकते हो रिक्वेस्ट मैचर एंड देन आप यहां पर पास कर सकते हो अपना यूआरएल एंड देन आप य पास कर सकते हो हैज रोल और हैज रोल में अपना रोल यहां प पास कर सकते हो कि भैया यह रोल का बंदा यह कॉन्फिन या यह रोल का बंदा इस रिक्वेस्ट को या इन पेजेस को एक्सेस कर सके देन आप यूज कर सकते हो फॉर्म लॉगिन क्योंकि आप फॉर्म लॉगिन यूज कर रहे हो ठीक है बाकी ये देखिए इन्होंने यूजर्स कुछ बना भी रखे हैं ठीक है नेक्स्ट बाकी आप और भी पढ़ सकते हो वी कैन आल्सो कॉन्फरल र मल्टीपल रल्स भी दे सकते हैं दिखाता हूं मैं नीचे यह देखिए हम लोग मल्टीपल बारबार रिक्वेस्ट मैचर कॉल करके एडमिन एंड दिस पास कर सकते हैं और भी इसके बारे में पढ़ सकते हो बहुत सारी तो मैं वही चीज करूंगा नाउ नोट दैट द मैचर आर कंसीडर्ड इन ऑर्डर तो ऑर्डर इंपॉर्टेंट है टॉप से नीचे देयर फॉर द फॉलोइंग इ इनवैलिड बिकॉज द फर्स्ट मैचर मैचेस री एवरी रिक्वेस्ट तो आपको ऐसा कुछ नहीं पास करना कि पहला सारा सारे मैच को पहले ही ऊपर ही रख दो ना जैसे हम लोग कैच ब्लॉक में लिखते थे ना कि पैरेंट को सबसे नीचे रखते थे इसमें भी हमारा ऑर्डर इंपॉर्टेंट है तो लेस जो ज्यादा स्पेसिफिक यू आरल है उसको ऊपर रखो जो ज्यादा जनरलाइज यूरल है उसको नीचे रखो ठीक है नेक्स्ट बहुत सारी चीज नेक्स्ट आप देखो तो हम यहां पे यही यूज करने वाले हैं कैसे देखिए समझिए बात को हम यहां प लिखेंगे ऑथराइज्ड या ऑथराइज स्टेट रिक्वेस्ट और हमें यहां मिल जाएगा एक रिक्वेस्ट ले लो या फिर एक वेरिएबल कोई भी ले लो ऑथराइज्ड क्या ले ले ऑथराइज या ऑथराइज ले लो बस एंड यस ठीक है एंड देन इस वेरिएबल पर हम व सारे चीज यूज कर सकते हैं हम ऑथराइज डॉट रिक्वेस्ट मैचर और यहां पर हम पास कर सकते हैं सपोज हमें स्लश होम या किसी को पब्लिक रखना है तो व वायरल हम यहां पर रख सकते हैं सपोज स्ल होम को पब्लिक रखना था तो हम यहां पर डॉट एंड देन य पर परमिट ऑल लगा देंगे हेयर वी गो ठीक है सो हमारे स्लश होम पब्लिक हो जाएगा बाकी सारे प्रोटेक्टेड य वारस हो जाएंगे मैं सेव करूंगा एंड आपको दिखाऊंगा एक बार रीलोड कर लेते हैं अपने एप्लीकेशन को ठीक है एंड यहां पे आते हैं स्लश होम फायर अप करते हैं स्लश होम स्लश होम ओके दो बार स्लैश लग गया सो हम एक बार स्लैश लगाते हैं एक बार हम लोग हटा देते हैं ये देखिए तो हमारा स्लैश होम जो है गाइस वो हमारा प्रोटेक्टेड है ये वायरल बाकी हमारे पब्लिक वायरल है आई थिंक हमारा य जो लोग है वो भी वायरल है वो प्रोटेक्ट हो चुका है नहीं नहीं यह वायरल चल नहीं रहा आई थिंक ओके सो देखूंगा यह क्यों नहीं चल रहा है ठीक है सो आप ये चीज आप समझ गए कि एक्चुअली हमारा होम पब्लिक हो चुका है एंड देन फाइनली सपोज हमें साइन अप अभी हमारा पब्लिक नहीं है आई थंक ये चल नहीं रहा एक्सेस डिनाइड आ आप देख सकते यहां पे एक्सेस टू द लोकल होस्ट वास डिनाइड 403 आरट मीस ये डिनाइड है एक्सेस डिनाइड है ओके नेक्स्ट चलो बढ़िया है नेक्स्ट सपोज आपको य एक्सेस र है तो हम एक और स्ट्रिंग लगा सकते हैं हमें स्लश साइन अप एक्सेस कराना है साइन अप साइन अप तो हमने ये भी यरल में डाल दिया तो अब यह और यह परमिट है बाकी सब अभी परमिट नहीं है दैट मीस अच्छा साइन अप नहीं हमें रजिस्टर पास करना है तो य रजिस्टर कर देंगे एंड देन स्लश एक हमें लॉगइन भी या सर्विसेस स्ल सर्विसेस प परमिट ऑल कर दिया मैंने सेव करेंगे एंड देन हम चलेंगे स्ल होम पे एंड देन साइन अप पे चलते हैं ये देखिए साइन अप हमारा एक्सेसिबल है सीएसएस वर्सेस एक्सेसिबल आई थिंक नहीं है इसीलिए प्रॉब्लम हो रहा है एंड सर्विसेस भी हमारा एक्सेसिबल है बाकी अबाउट अभी एक्सेसिबल नहीं है देखिए अनऑथराइज्ड आ रहा है ठीक है तो ये एक्सेसिबल नहीं है तो इस तरह से हम यहां पे मल्टीपल रिक्वेस्ट मेथड भी लगा सकते हैं एंड ये एक्चुअली हमारा लैडा है ठीक है लैडा बेसिकली हमने क्या किया एपी सिक्योरिटी पे कॉल किया ऑथराइज एपी रिक्वेस्ट एंड देन हमें यहां पे एक लैडा मिल गया है ठीक है एंड इस लैडा के अंदर जो हम पैरामीटर मिल रहा है दिस दिस इज एक्चुअली अ ऑथराइजेशन मैनेजर रिक्वेस्ट मैचर रजिस्ट्री एंड इसकी हेल्प से हम लोग रिक्वेस्ट मैचर के अंदर अपना यूआरएल और एक्सेस कर सकते हैं कि नहीं पास कर सकते हैं हम लोग एगजैक्टली तो हम क्या करेंगे फिलहाल तो ऐसे नहीं करेंगे हम कहेंगे हमें कुछ यरल सिर्फ प्रोटेक्ट करने हैं तो मैं लिखूंगा ऑथराइज डॉट रिक्वेस्ट मैचर अगर रिक्वेस्ट मैच हो रहा है स्लैश यूजर्स से स्टार्ट होने वाले सारे रल्स तो हम क्या करेंगे हम ऑथेंटिकेटेड कर देंगे या ऑथेंटिकेटेड कर देंगे ठीक है और बाकी मैं क्या करूंगा बाकी एनी रिक्वेस्ट को परमिट ऑल करने ठीक है तो मैंने सिंपली क्या किया मैंने दो लाइंस ऑफ कोड लिखा सबसे पहले मैंने बताया कि अगर हमारी जो रिक्वेस्ट मैचर रिक्वेस्ट मैचर क्या करेगा मैच करेगा इस ये पैटर्न मैंने पास किया अगर स्लैश यूजर स्लश यूजर से स्टार्ट होने वाले मतलब सबसे पहले यूजर है देन उसके बाद कुछ भी है अगर ऐसा कोई यरल है तो हमने ऑथेंटिकेट कर दिया मतलब आपको यहां पे लॉगइन या साइन अप करना होगा प्रोटेक्ट हो गया रल्स ठीक है लेकिन उसके अलावा कोई भी रल है तो वो परमिट ऑल है कोई दिक्कत वाली बात नहीं अगर हम यहां पे आते हैं तो मैं रिफ्रेश करता हूं सो आप देखिए ये देखिए तो हमारा सीएसएस जीएस सब चीज चल गया साइनअप भी चलेगा लॉगइन भी चलेगा सब चीज चलेगा ठीक है लेकिन जैसे ही आप यहां पे जाओगे इस पे लिखोगे स्लैश यूजर स्ल प्रोफाइल तो आप देखोगे आई थिंक ये नहीं एक्सेस कर पाओगे यहां पे एक्सेस डिनाइड आ रहा है ये देखिए एक्सेस डिनाइड बट लॉगिन पेज नहीं आ रहा है क्योंकि लॉगिन पेज आपको कॉन्फिन करना पड़ेगा आप यहां पे छेड़ रहे हो जो बाय डिफॉल्ट कस्टमाइजेशन है उसको छेड़ रहे हो तो आपको यहां य चीज नहीं मिलेगी तो हम चाते हमें फॉर्म लॉगिन चाहिए तो हम क्या करेंगे सिक्योरिटी डट फम लॉगइन यूज करेंगे फिर से हमें दो चीज य पर पास करनी है दो चीज दो मेथड्स मिल र है एक तो मिल रहा है फॉर्म लॉगिन जिसके पास आई थिंक कोई पैरामीटर नहीं है एंड यह आई थिंक रिमूवल के लिए सेन में रिमूव हो जाएगा तो हम दूसरा वाला मेथड यूज करेंगे जो ले रहा है पहला वाला भी आई थ ले रहा था यह नहीं यह कुछ नहीं लेहा था यह वाला जो है तगड़ा वाला है यह फॉर्म लॉगिन कॉन्फरल ओके सो ये हम ये पैरामीटर में ले रहा है कस्टमाइजर ओके कस्टमाइजर ऑफ टाइप फॉर्म लॉगइन कॉन्फिन कॉन्फिडो परफेक्ट है तो मैं क्या करूंगा एक बार आप यहां पे देख भी सकते हो यह क्या करेगा स्पेसिफाई द सपोर्ट फॉर्म बेस्ड ऑथेंटिकेशन फॉर्म बेस्ड ऑथेंटिकेशन को सपोर्ट करें और हमें फॉर्म बेस्ड ऑथेंटिकेशन ही चाहिए भी ओके बाकी इसमें बहुत सारे कॉन्फिन कर सकते हैं बट अभी हमें डिफॉल्ट सब चीज चाहिए तो डिफॉल्ट के लिए हम यहां पे विद डिफॉल्ट यूज कर सकते हैं और ये डिफॉल्ट आएगा कहां से ओके सो हम यहां यूज करेंगे एंड यूज करेंगे विथ डिफॉल्ट ठीक है एंड ये डिफॉल्ट एक्चुअली आएगा कहां से लेट्स फाइंड आउट इसको थोड़ा सा देखते हैं इन्होंने विद डिफॉल्ट यूज किया ना ये आई थिंक विद डिफॉल्ट आ रहा है हमारे इसका जो आर्गुमेंट है ना यह आर्गुमेंट है य आर्गुमेंट में क्या ले रहा है लेट्स फाइंड आउट नीचे आते हैं देखते हैं पैरामीटर में ले रहा है फॉर्म लॉगइन कस्टमाइजर फॉर्म लॉगइन कस्टमाइजर द कस्टमाइजर टू प्रोवाइड मोर ऑप्शन फॉर द लॉगिन फॉर्म फॉम लॉगइन कॉन्फरल यूज कर सकते हैं बिल्कुल अब हम सेव करेंगे तो हमने फॉर्म लॉगिन यूज किया मतलब हमने अपने ए सिक्योरिटी से बोल दिया कि हमें फॉम लॉगिन यूज करना है और अभी हमने डिफॉल्ट कन्फेशन यूज कर ली अभी हमने कुछ चेंज नहीं किया फम लॉगिन पर अगर हमें कुछ चेंज करना होगा तो हम यहां पर आके चेंज करेंगे ठीक है सो हमने यहां पर यूज किया है फम डिफॉल्ट लॉग इन और अगर हमें कुछ चेंज करना हुआ अगर अगर हमें कुछ भी चेंज करना हुआ तो हम यहां आएंगे फॉर्म लॉगिन से रिलेटेड फम लॉग इन से रिलेटेड ठीक है और ऊपर मैंने यहां पर मैंने कॉन्फिनेट को यरल को यर को कॉफिगुड्डा कॉन्फिन से पब्लिक रहेंगे पब्लिक एक्सेस करना चाया कौन से पब्लिक रहेंगे और कौन से प्राइवेट रहेंगे ठीक है परफेक्ट तो अगर हमें कुछ ऐसा कन्फ करना चाहिए तो हम इसके अंदर आएंगे अरवा अब अगर मैं सेव करता हूं एंड अब अगर मैं यहां पर जाके एक्सेस करता हूं स आप देखोगे आपको यहां पर एक फॉर्म लॉगिन मिलेगा बट अगर हम अपने पब्लिक प्रोटेक्टेड रस को देखें प्रोटेक्टेड यस को देखें जैसे तो हमें ज स्ल यूजर स्ल प्रोफाइल है यहां भी हमें लॉगइन मिलेगा और अगर स्लश यूजर स्ल डैशबोर्ड है यहां भी लॉगइन मिलेगा बट अगर हम पब्लिक वायरस प जाए स्लश डायरेक्टली स्लश लॉगइन पे या स्लैश हमें साइन अप प चलना तो आप देखोगे साइन अप साइन अप में क्या दिक्कत हो रहा है आई थिंक हां ओके रजिस्टर आई थिंक रजिस्टर है हमारा रजिस्टर ये देखिए रजिस्टर प हमारा पेज आ रहा नॉर्मल एंड होम एक्सेस कर सकते हैं सर्विसेस सब चीज एक्सेस कर सकते हैं बस स्लैश यूजर स्लैश के बाद जो चीज आएंगी उसको हम लोग एक्सेस नहीं कर सकते ऐसा हम लोगों ने कॉन्फिन यहां पे कर दिया दैट मींस अब हम लोग यूजर को रजिस्टर भी कर सकते हैं हम यहां पे एक यूजर रजिस्टर करते हैं लेट्स डू हर्ष तिवारी एंड हर्ष @ gmail.com यूजर नेम एंड दिस इज टेस्टिंग यूजर दिस इज टेस्टिंग यूजर और मैं यहां पे साइन अप मारता हूं आप देखो ग रजिस्ट्रेशन हमारा सक्सेसफुल हो गया ठीक आ जाते हैं यहां पे डेटाबेस के अंदर एंड लेट्स चेक आउट कि हमारा यूजर आया है और यूजर आया तो क्या उसके पासवर्ड इनकोडेड है रोल्स आए हैं कि नहीं आए ये सब चीज हमें चेक करना है सो हम यूजर पे राइट क्लिक करते हैं व्यू डाटा पे चलते हैं एंड डाटा पे चलते हैं सो आपको देखने को मिलेगा यूजर आ चुका है एंड यूजर आ चुका है तो हम थोड़ा सा जूम आउट जूम इन करते हैं आईडी आ चुकी है तगड़ी अबाउट आ चुका है ईमेल आ चुका है वेरीफाइड अभी नहीं है इनेबल्ड है क्योंकि मैंने इनेबल ट्रू कर दिया था बाय डिफॉल्ट नेम हमारा है पासवर्ड आप देखो इनकोड हो चुका है क्योंकि हमने साइन अप करते समय इनकोड कर दिया था पासवर्ड फोन नंबर आ गया एंड वेरीफाइड नहीं अभी प्रोफाइल लिंक आ चुकी है एंड साथ ही साथ में प्रोवाइडर अभी सेल्फ है प्रोवाइडर आईडी अभी नहीं है क्योंकि ग लॉगइन वगैरह हमने नहीं यूज किया एक चीज हम और देखना चाहेंगे हम देखना चाहेंगे यूजर रोल्स क्या है इसके तो व्यू डाटा में चलेंगे एंड आप देखोगे हमारे पास यह यूजर आईडी है और ये उसके रोल है मतलब यह यूजर है इसका रोल यह है समझ गए तो हम यूजर को भी रोल के साथ सेव कर रहे हैं य नाउ नेक्स्ट अब हम लॉगइन करेंगे सो लॉग इन आ ग भाई लॉगइन जब एक्सेस करेंगे तो ओबवियस सी बात है कि हमें यूजर नेम पासवर्ड चाहिए होगा क्या हम इसी यूजरनेम पासवर्ड से एक्सेस कर पा रहे हैं अगर हमने पिछले वीडियो में सब चीज सही किया होगा डाउ ऑथेंटिकेशन प्रोवाइडर के अंदर सर्वेस सही पास की होगी तो हम यहां पे लॉग इन कर पाएंगे तो हम यहां पे हर्ष हर्ष tiwari.com डालते हैं और पासवर्ड डालते हैं और मैं लॉगइन करता हूं एंड ये देखिए आप लॉग इन कर पा रहे हो जो यूजर साइन अप हुआ है उसी यूजर से आप लॉगइन कर पा रहे हो वाओ इट्स अमेजिंग ओ ओके ओके नाउ अगर आप लॉग आउट करना चाहो सो क्या फायर अप करोगे स्लश लॉग आउट लॉग आउट यस क्या हम गलत यूजर डाल के चेक करें लेट्स फाइंड आउट तो गलत यूजर से आप नहीं फाइंड आउट कर सकते हो क्योंकि यहां पर एरर आ रही है गलत यूजर से लॉगइन नहीं होगा अगर आप वो यूजर डालोगे जो साइन अप कर चुका है तो उससे आप यहां पे लॉग इन कर सकते हो दैट मींस आपका काम हो चुका आपके यह सारे यल्स प्रोटेक्टेड है कौन से यल्स है यूजर स्ल प्रोफाइल इसको आप एक्सेस नहीं कर सकते तब तक तब तक आप लॉग इन ना करो स्ल यूजर स्ल प्रोफाइल स्ल यूजर स् डैश बोर्ड ओके एंड बाकी जो नॉर्मल रल है जैसे फॉर एग्जांपल आपके पास स्लश रजिस्टर है तो परफेक्ट है एंड होम के लिए होम है एंड एक चीज और है गाइस यहां पे अगर आप स्लैश होम फर कर रहे हो तो एर आ जा रही है तो इसको भी हम थोड़ा सही कर लेते हैं यार हम लोग ओपन करते हैं अपना पेज कंट्रोलर एंड यहां पे हमने बना रखे हैं सबके लिए होम के लिए बना रखा है एक बना देते हैं हम लोग रिक्वेस्ट मैपिंग एंड या फिर एक काम करते नॉर्मल नॉर्मल पब्लिक स्ट्रिंग इंडेक्स ये होम पेज है इंडेक्स के लिए गेट मैपिंग ठीक है और यहां से हम क्या करेंगे रिटर्न करेंगे रीडायरेक्ट तो जैसे आप होम खोलोगे तो हम लोग री डायरेक्ट कर देंगे लॉगिन प नहीं करेंगे हम लोग होम पे कर देंगे मतलब होम पेज प जाने से पहले आप लॉग इन हो जाओगे स्लैश प जाओगे स्लैश होम पे पहुंचा देगा कुछ ऐसा हमने कोडिंग कर दी लेट्स फाइंड आउट रिफ्रेश करते हैं ये देखिए तो आप होम ओपन ही नहीं कर पाओगे स्लैश पे क्लिक करोगे अपने आप से होम पे पहुंच जाओगे यस हेयर वी गो ये देखिए ठीक है सो आई थिंक सब चीज सब चीज सही है लॉगइन पे हम लॉगइन कर पा रहे हैं साइन अप पे साइन अप कर पा रहे हैं एंड डैशबोर्ड तो अभी देख देख नहीं पा रहे हैं डैशबोर्ड देखने के लिए हमें लॉग इन करना पड़ेगा यूजर स्लैश अगर हम लॉगइन पे क्लिक करें तो बाय डिफॉल्ट हमें ये स्प्रिंग सिक्योरिटी का लॉगिन पेज दिख रहा है यहां पे ना हम डार्क थीम कर सकते हैं ना लाइट थीम कर सकते कुछ भी नहीं कर सकते अगर हम डार्क थीम पे हो तब भी आपको यही वाला डिफॉल्ट पेज दिखेगा और लाइट थीम प हो तब भी दिखेगा दैट मींस ये बाय डिफॉल्ट ऑटो जनरेट पेज है वही हमें दिख रहा है बट हम चाहते हैं कि इसको हम कस्टमाइज करें कैसे कस्टमाइज करेंगे सब चीज मैं आपको इस वीडियो के अंदर बताता हूं लेकिन मैं आपको बताना चाहूंगा कि हम लोगों ने लॉगिन कंप्लीट कर लिया है मतलब हम लोगों ने यह बना लिया कि बंदा लॉगिन कर सके साइन अप कर सके आ जाते हैं अपने कोड के अंदर एंड कोड के अंदर बहुत सारी आपको देखने को मिलेगी हम ओपन करेंगे अपना स्प्रिंग कॉन्फिन वाली क्लास इसको फुल स्क्रीन प कर ले एंड यहां पर सबसे पहले जो अन यूज्ड हम लोगों ने कुछ इंपोर्ट्स किए थे उसको हटा देंगे एंड अगर हम नीचे स्क्रॉल करते हैं तो क्या-क्या मैंने बनाया कुछ बताते चलता हूं एक मेथड बनाया ऑथेंटिकेशन प्रोवाइडर के लिए डाउ ऑथेंटिकेशन प्रोवाइडर जहां हमने डेटाबेस से यूजर को निकालना है यह कॉन्फिन डिटेल सर्विस और पासवर्ड इनकोडर नेक्स्ट हमने स्प्रिंग सिक्योरिटी कॉन्फिन सिक्योरिटी में सिक्योरिटी फिल्टर चैन कॉन्फिन किया था यहां पर सबसे ज्यादा इंपॉर्टेंट है जहां हमने राउट को मैनेज करना सीखा था कि एक्चुअली हम किसी राउट को कैसे ऑथेंटिकेट कर सकते हैं कैसे हम लोग प्राइवेट रख सकते हैं कैसे हम लोग पब्लिक रख सकते हैं कैसे किसी यूजर को ऑन बेसिस ऑफ रोल कैसे हम इसको राउट को यूज करा सकते हैं ठीक है यह सब चीज मैंने बताया था नेक्स्ट हमने नीचे देखो तो आपको मैंने बताया था कि हम कौन सा लॉगइन यूज करना चाह रहे हैं ये चीज यहां हमने बताई थी एड फॉर्म लॉगइन ऐसे करके बहुत सारे लॉगिन है एंड फॉर्म लॉगिन का सारा कस्टमाइजेशन जो पास करना है हमें यहां पर पास करना है कैसे मैं दिखाता हूं बाय डिफॉल्ट अभी हमने डिफॉल्ट कस्टमाइजेशन या डिफॉल्ट सारी कॉन्फ़िगरेशन पास कर दी थी विद द हेल्प ऑफ दिस मेथड ये मेथड क्या कर रहा था रिटर्न द कस्टमाइजर दैट डज नॉट अल्टर द इनपुट आर्गुमेंट एंड बेसिकली ये मतलब डिफॉल्ट विथ डिफॉल्ट का मतलब सारे डिफॉल्ट कस्टमाइजेशन सब चीज हमने यहां पे पास कर रखी थी भैया अभी आप डिफॉल्ट चीज यूज कर लो सिंपल बट अब हम यहां पे डिफॉल्ट ची नहीं यूज करेंगे हम क्या करेंगे हम यहां पे एक लैडा लेंगे एंड इस लैडा के अंदर हम लोग सारी कॉन्फिन दे सकते हैं और ये हमें मिल गया है एक्चुअली फॉर्म लॉगइन कॉन्फिन ये तो इस फॉर्म लॉगइन फिगर के हेल्प से हम लोग पूरा फॉर्म लॉगइन चेंज कर सकते सब कुछ कैसे मैं बताता हूं सबसे पहले मैं अपने फॉर्म लॉगइन का फॉर्म चेंज करूंगा तो गाइस अब हम लोग क्या कर सकते हैं इस लॉग इन फॉर्म को यूज करके हम अपने लॉगिन फॉर्म को कस्टमाइज कर सकते हैं जैसे फॉर एग्जांपल हमें अपना लॉगइन का यूआरएल बताना है हम चाहते हैं कि हम स्ल लॉगिन फायर करें यहां प स्ल लॉग इन और हमें हमारा खुद का एक यूआरएल हो जहां पर हमने लॉगिन पेज बना के रखा हो तो हम यहां प आके बता सकते हैं अब देखो यहां पे हम इस फॉर्म लॉगिन का यूज करके डॉट एंड यहां पर आप लॉगिन पेज बता सकते हो कि हमारा जो लॉगिन पेज है वो स्लैश लॉगिन पे है स्लैश लॉगइन लॉगइन पे है एंड इतना करने के बाद सिंपली आप अपने प्रोजेक्ट को सेव करिए एंड जैसे ही आप इस लॉगिन को रिफ्रेश करोगे आप देखोगे यहां पर ये देखिए अब आपका लॉगइन ओपन हो गया येय देखिए वेलकम टू लॉगइन पेज दैट मींस अब बाय डिफॉल्ट जो लॉगइन पेज स्प्रिंग सिक्योरिटी हमें दे रहा था उस लॉगिन से अब हमें कोई मतलब नहीं है क्योंकि अब हमारा लॉगइन पेज चल रहा है ऐसा क्यों हो पा रहा है क्योंकि आपने यहां पर चीजें क्या कर दी है आपने चीजें अपने सार कस्टमाइज कर दी है कि अब हमें लॉगइन पेज हमने बना रखा है स्ल लॉगइन पे वा तो अब हम यहां पर एक लॉगइन पेज बना सकते हैं पूरा प्रॉपर लॉगइन पेज बना सकते हैं बहुत सारी चीज हम लोग कस्टमाइज कर सकते हैं अब जैसे फॉर एग्जांपल अच्छा आप चैनिंग भी कर सकते थे डायरेक्टली आप यहां पे डॉट लगा के डायरेक्टली हर चीज चेन कर सकते हो जैसे फॉर एग्जांपल अगर आप यहां पे लॉगइन प्रोसेस यूआरएल लॉगइन प्रोसेस यूआरएल आप कहेंगे हमारा जो लॉगइन प्रोसेस यरल है वो स्ल डू या ऑथेंटिकेट है ऑथेंटिकेट है ठीक है अब इसका मतलब क्या है गाइस समझिए बात को इसका मतलब जो आपका पेज बना रखा होगा व स्ल लॉगइन पर रखा होगा लेकिन जब पेज सबमिट होगा तो आपको वो पेज इस यरल प सबमिट करना होगा समझ गए इस आरल प मतलब लॉगिन पेज तो इस पर होगा बट लॉगिन जो प्रोसेसिंग होगी वो इस पेज प होगी तो स्ल ऑथेंटिकेशन प आपको अपना फॉर्म सबमिट करना पड़ेगा जो फॉर्म आप मैनुअल बनाओगे यह हमने क्या किया यह हमने चेन किया है फम लॉगइन ड लॉगइन पेज ड लॉगइन प्रोसेसिंग यरल ऐसे करके आप मल्टीपल चीज चन कर सकते हो बट इफ यू वांट कि हम ये स्टेटमेंट यहां खत्म कर दें तो आप फॉम लॉगिन फॉम लॉगइन डॉट ऐसे भी यूज कर सकते हो अलग-अलग अलग-अलग काम करने के लिए अलग-अलग चीज यूज कर सकते हो अब जो आपका फॉर्म लॉगिन या फॉर्म लॉगिन होगा लॉगइन का फॉर्म होगा इस यरल पर रखा होगा आप बनाओगे जब वो फॉर्म सबमिट होगा तो व ऑथेंटिकेट प सबमिट होगा किस पर ऑथेंटिकेट प सबमिट होगा नेक्स्ट बहुत सारी ची आप कस्टमाइज कर सकते हो तो मैं क्या करता हूं चैनिंग चैनिंग ही यूज करता हूं आई एम गोइंग टू चैनिंग या नॉर्मल यूज करते हैं यही ठीक है एंड देन फम लॉगइन डॉट जैसे फॉर एग्जांपल अगर आपको चाहते हो आप चाहते हो कि भैया हम जब सक्सेस हो एक बार लॉगिन हमारा सक्सेस हो जाए तो हम फॉरवर्ड हो जाए अपने आप से एक यूआरएल पे तो आप यूज करोगे सक्सेस फॉरवर्ड यरल और यहां अपना यरल दोगे स्ल यूजर स्लश डैशबोर्ड पे अपने आप से फॉरवर्ड हो जाएगा बंदा तो जैसे लॉग इन होगा कंपलीटली अपने आप से व फॉरवर्ड हो जाएगा किस पर स्ल यूजर स्ल डैशबोर्ड प ठीक है और अगर एरर आती है तो आपको किस पेज पर ट्रांसफर करना है उसके लिए आप यह वाला मेथड यूज कर सकते हो फॉम लॉगइन डॉट फेलियर फॉरवर्ड यूआरएल मतलब अगर आपका लॉगिन फेल हो गया उस केस में स्ल लॉगइन स्ल एरर इक्वल टू ट्रू पे फॉरवर्ड हो जाएगा ऐसे करके बहुत सारी चीज यूज़ कर सकते हो डिफॉल्ट सक्सेस है बाय होम है ठीक है ये तो समझ गए होगे आप नेक्स्ट जैसे फॉर एग्जांपल फॉर्म लॉगइन डॉट आपको यूज करना है यूजर नेम पैरामीटर मैं कहूंगा ईमेल अब देखो इसका मतलब ये है गाइस कि जब हम एक फॉर्म बनाएंगे अपना लॉगइन तो वहां पे जो नेम वाला फील्ड होगा यूजर नेम वाला फील्ड होगा उसका नेम क्या होगा हम यहां पे ईमेल लेंगे और पासवर्ड वा फील्ड में हम यहां पे पासवर्ड लेंगे ठीक है तो आप यहां पे पासवर्ड पैरामीटर भी दे सकते हो एंड यूज़र नेम पैरामीटर दे सकते हो बस याद रखिएगा जब हम लॉगइन फॉर्म डिजाइन करेंगे तो वहां पे जो यूजर नेम होगा उसका नाम होगा ईमेल यूजर नेम वाला फील्ड और जो पासवर्ड वाला फील्ड होगा उसका नाम होगा पासवर्ड ठीक है तो यहां पे हर चीज़ कस्टमाइज कर सकते हो बाय डिफॉल्ट यह यूज़र नेम होता है यह पासवर्ड होता है इस पे क्लिक करके आई थिंक आप देख भी सकते हो यह देखिए ठीक है सो द एटी पैरामीटर टू लुक द यूजर नेम व्हेन द परफॉर्मिंग ऑथेंटिकेशन ओके नेक्स्ट हम थोड़ा सा इसको नीचे नीचे लाने की कोशिश कर रहे हैं बट ये आ नहीं रहा है वई व्हाई इट्स नॉट ठीक है आई थिंक इतना ये पासवर्ड के लिए तो पासवर्ड ये देखिए द पैरामीटर लुक फॉर पासवर्ड व्हेन परफॉर्मिंग ऑथेंटिकेशन तो ये पासवर्ड के लिए दिखेगा नेक्स्ट अगर और भी चीज हम कुछ करना चाहे जैसे हम चाहते हैं कि कुछ काम अगर हम करें सक्सेस होने पे तो आप यहां पे सक्सेस हैंडलर भी लगा सकते हो ये देखिए यहां पे आप एक हैंडलर ऑथेंटिकेशन सक्सेस हैंडलर पास कर सकते हो क्लास का ऑब्जेक्ट जब सक्सेस होगा ऑथेंटिकेशन तब ये मेथड या ये क्लास अपने अंदर के मेथड्स को कॉल कर लेगा ठीक है हम लोग देखेंगे अभी अभी अभी अभी अभी देखेंगे एगजैक्टली सेम तरीके से आप फेलियर हैंडलर भी पास कर सकते हो कि अगर फेल हो जाए ये देखिए तो ऑथेंटिकेशन फेलियर हैंडलर अपने आप से चल जाए ठीक है सो मैं एक बार करके दिखाता हूं आपको फेलियर हैंडलर चलो करके दिखाता हूं कि अगर फेल हो गया तो हम न्यू ऑथेंटिकेशन फेलियर हैंडलर यहां पे हम लोग हम ये देखिए सो आपके पास ऑन ऑथेंटिकेशन फेलियर मेथड है ये अपने आप से चल जाएगा जैसे ही ऑथेंटिकेशन फेल होगा एंड देन आपको यहां पे कोड लिखना होगा आपको वाली फिर उसको रीडायरेक्ट करना होगा जिस पेज पे ले जाना चाहो तो इस तरह फेलियर है सेम तरीके से हम यहां पे फॉर्म लॉगइन डॉट सक्सेस हैंडलर यूज कर सकते हो एंड यहां पे आप एक ऑब्जेक्ट पास करोगे सक्सेस ऑथेंटिकेशन सक्सेस हैंडलर का एंड देन आप बल्ब पे क्लिक करके एंड देन ये देखिए तो अब ऑन ऑथेंटिकेशन सक्सेस चलेगा तो अगर सक्सेस हो जाता है तो आपका ये मेथड चलेगा तो आपको फिर से यहां से मैनुअली आप उसको रीडायरेक्ट वगैरह कर सकते हो तो ये मेथड है अगर आपको हैंडलर सक्सेस हैंडलर और फेलर हैंडलर मैप करना है उस उस केस में अभी के लिए मुझे ये नहीं चाहिए बस य सिर्फ समझाने के लिए मैं यूज कर रहा हूं तो यहां से लेकर के यहां तक आप कमेंट आउट कर दीजिए यहां से लेकर के एंड यहां तक का कमेंट आउट कर दीजिए ठीक है टस इट अभी इसको बाद में हम लोग यूज करेंगे यह वाली भी लाइन कमेंट आउट होनी चाहिए हमारी यस ठीक है और क्या चीज कर सकते हो बहुत सारी कर सकते बट अभी इतना ही जरूरत है हमें हमारे लिए इसकी इंफॉर्मेशन इसकी जरूरत होगी जब हम अपना लॉगइन फॉर्म डिजाइन करेंगे सो हम लोग लॉगिन फॉर्म डिजाइन कर लेते क्या देखते भाई ज्यादा ठीक है लॉगइन फॉम हम डिजाइन कर सकते बिल्कुल तो चलो हम लोग लॉगइन फम य पर डिजाइन कर फटाफट ठीक है लॉगइन प एक फॉम बना लेते हैं एंड लेट्स गो टू द लॉगइन पेज डायरेक्टली य से ओपन केलिए कमांड प या कंट्रोल प लगन प जाइए यह पेज हमें डिजाइन करना है तो हम क्या करते हैं वेलकम ू लगन पेज हम लोग अपने साइन अप का फॉर्म ले लेते उठा के हम लोग य आते हैं रजिस्टर ए ये फॉर्म उठा लेते हैं बहुत इजी है हम लोग क्या करेंगे यह ग्रिड से उठाएंगे पूरा ग्रिड से उठाएंगे लॉगिन प आएंगे एंड यह ग्रिड हम यहां पर चिपका देंगे बस अब हमें चाहिए क्या क्या नहीं चाहिए हम लोग चेंज कर लेंगे अपने हिसाब से जैसे फॉर एग्जांपल हमें यहां पर चाहिए होगा साइन अप की जगह हम यहां पर लिख देंगे लॉग इन हियर एंड स्टार्ट मैनेजिंग कांटेक्ट ऑन क्लाउड यह सब तो ठीक है फॉर्म भी चाहिए एंड और नेम वाली फील्ड आई डोंट वांट ये नेम फील्ड हमें नहीं चाहिए हटा देंगे ईमेल वाली फीड चाहिए य बेसिकली ईमेल को बना देंगे यूजर नेम यह हमारा यूजर नेम है तो ठीक है देन पासवर्ड वाली फीड हमें चाहिए फोन वाली फील्ड नहीं चाहिए इसको हटा दो पाउट वाली फील्ड भी नहीं चाहिए इसको भी हटा दो एंड बटन है बटन में हमें चाहिए लॉगिन लॉगिन चाहिए एंड ट्स इट एक बार हम आते हैं एंड ओके सो कुछ गड़बड़ हो गया कुछ आई थ मैसेज एक बार देख लो क्या गड़बड़ हुआ नीचे आ जाओ टेंप्लेट प्रोसेस नहीं कर पा रहा है ये अ ओके सो ये गड़बड़ ये हो रहा है कि हम लोगों ने जो फॉर्म पे ये एट्रबीक दीजिए थोड़ी देर के लिए ठीक है इन एटिबल को हम अभी दोबारा से लगाएंगे एंड देन मैं आपको समझाऊ सेव कर लो एंड यहां से रिफ्रेश करो अ अभी भी कुछ गड हो रहा है लेट्स फाइंड आउट ओके ओके सो ये गड़बड़े हो रहा है क्योंकि हम लोगों ने मैप कर रखा है ऑब्जेक्ट को इस फील्ड को भी हटा दो एंड एंड एक काम करो हटा मत कमेंट आउट कर दो ओके स इसके अंदर आई थिंक कमेंट आउट नहीं होगा कोई बात नहीं हटा दो एंड पैराग्राफ को मैं कमेंट कर दे रहा हूं एरर वाले पैराग्राफ को कमेंट आउट कर दूंगा बस सेम यहां पर भी हम पासवर्ड वाले डेटा फील्ड वाले को हटा देंगे डटा टीच फीड को पासवर्ड वाले को कमेंट कर देंगे इसको बाद में जरूरत पड़ेगी तो इसलिए हमने हटा दिया एंड रिफ्रेश करेंगे य देखिए आपके पास लॉगइन आ चुका है ये आपका साइन अप है ये आपका लॉगिन है ठीक है परफेक्ट स्टार्ट स्टार्ट मैने कांटेक्ट ऑन क्लाउड एंड यहां पे आ गया ये हमारा ईमेल आईडी ये हमारा पासवर्ड है यह लॉगइन है यह हमारा रिसेट वाला फॉर्म है बेसिकली जिसमें दिक्कत हो रही थी अगर याद करो इसमें भी दिक्कत हो रही थी तो इसको भी हम लोग सही कर लेंगे यार हम लोग क्या करेंगे इसको भी सही कर लेंगे यह एक्चुअली इसलिए दिक्कत हो रही है क्योंकि हम लोगों ने रिसेट बना रखा है आप देखो ये देखिए इसका टाइप रिसेट बना रखा है इसलिए प्रॉब्लम हो रही है टाइप इसका रिसेट बना रखा है अगर टाइप हम हटा देंगे तो आप देखोगे यह प्रॉब्लम हट जाएगी ये देखिए बट कोई दिक्कत नहीं हमें तो चाहिए भाई अभी तो इसको रिसेट ही करना है एंड हो क्या आ रहा है फ्लो बाइट क्या कर रहा है फ्लो बाइट रिसेट बटन को बाय डिफॉल्ट वो बैकग्राउंड कलर दे रहा है ओपेसिटी इसकी बढ़ा दे रहा है मैं क्या करता हूं एक बार ओपन करता हूं बेस ड एटीए और यहां पर मैं क्या करता हूं फ्लो बाइट को ऊपर कर देता हूं और हमारी सीएसएस नीचे रहेगी तो ज्यादा बढ़िया रहेगा क्योंकि हमारी सीएसएस फ्लो बाइट को ओवरराइट करनी चाहिए सेव कर देंगे एंड अब हम देखेंगे तो आई थिंक हां आप सही है साइन अप भी साइन अप में भी ऐसे हो जाएगा परफेक्ट एंड थोड़ा सा मैं क्या करूंगा हल्का सा लॉगिन में जो बॉर्डर यूज करूंगा अपने फॉर्म का बॉर्डर यूज करूंगा व ब्लू नहीं यूज करूंगा मैं ग्रीन यूज करूंगा मैं ग्रीन बॉर्डर्स पे जाऊंगा यस तो यस यस तो ईमेल यहां डाल सकते हैं पासवर्ड डाल सकते अब मेन आते हैं बात प इस फॉर्म को सबमिट कहां पर करेंगे तो फॉर्म प आ जाओ भाई फॉर्म पे आ जाओ यह रहा फॉर्म यहां पर सबमिट करने के लिए एट्रियल क्या यूज करेंगे मेथड ऑस बा डटा जाएगा पोस्ट के फॉर्मेट में जाएगा दूसरी चीज इसका जो एक्शन होगा तो डाटा टी एच एक्शन जो होगा एक्शन होगा वो होगा ये लिंक है यस बात वायरल है तो हम रेट से बताते हैं स्लश ऑथेंटिकेट ऑथेंटिकेट क्योंकि हमने अभी कॉन्फिन किया था थोड़ी देर पहले अगर आपको पता हो तो हमने ऑथेंटिकेट के लिए ये देखिए लॉगइन प्रोसेसिंग यूआरएल जो है वो ऑथेंटिकेट है दैट मींस हमारा जो लॉग इन होने के लिए फॉर्म आएगा प्रोसेस होगा वो इस यूआरएल पे होगा तो हम ये वाला यूआरएल पास कर देंगे अपने यहां पे ठीक है परफेक्ट ये हो गया नेक्स्ट बाकी डाटा को स्टोर करने के लिए तो हम यूजर लॉगिन रिक्वेस्ट वगैरह फॉर्म यूज़ करेंगे वो तो अलग बात है ठीक है वो दैट दैट्ची थिंग बट लॉगइन के लिए जाएगा ये यहां पे ठीक है उसके बाद जो यूजर नेम हम यूज करेंगे देखो यहां पे जो हम लोग ईमेल या यूजर नेम का जो हम लोग फील्ड का नाम यूज करेंगे ईमेल है एंड पासवर्ड वाली फील्ड का नाम पासवर्ड है इसको आप बदल सकते हो अपने हिसाब से तो हम यूजर नेम के लिए आते हैं यहां पे ये देखिए यूजर नेम इसका जो नाम होगा वो ईमेल होगा एंड इसका जो नाम होगा इस वाले फील्ड का नाम होगा वो पासवर्ड होगा आप अपने हिसाब से चेंज कर सकते हो बाय डिफॉल्ट अगर आप नहीं पास करते हो तो उस केस में वो यूजर नेम ही होता आप इस पे ले जाक क्लिक क्लिक करो आई थिंक इस पे क्लिक करके देखोगे तो आप देखोगे एसटी पैरामीटर टू लुक फॉर द यूजर नेम व्हेन परफॉर्मिंग ऑथेंटिकेशन डिफॉल्ट यूजर नेम ये देखिए डिफॉल्ट जो है वो यूजर नेम है तो अगर आपने ये चीज नहीं लिखी होती ये वाली लाइन नहीं लिखी होती तो बाय डिफॉल्ट आपको यहां पे यूज करना पड़ता यूजर नेम बट आपने क्योंकि चेंज करके यूजर नेम को ईमेल कर दिया तो आपको यहां पे ईमेल यूज करना है आपने पासवर्ड यूज कर लिया तो पासवर्ड करना है ठीक है सो हमने दोनों चीज में यहां पे चेंजेज कर दिए हैं ठीक है अपने लॉगइन पेज के अंदर पासवर्ड कर दिया नेम इसका नेम और इसका नेम हमने कर दिया है ईमेल एंड ट्स इट बस इतना ही आपको करना है यहां से भी लॉग इन हो जाएगा प्रॉपर्ली लॉगइन हो जाएगा एंड लॉग इन है वो हमारा सबमिट बटन है लेट्स फाइंड आउट देखते हैं लॉगइन होता है कि नहीं होता तो हम रिफ्रेश कर लेते हैं लॉगइन प आते हैं एंड यहां पर हम डालते हैं ईमेल आईडी एंड लॉग इन करते हैं एंड यर वी गो आप देखोगे कुछ एरर आ गई स्लश ऑथेंटिकेशन प जा रहा है कुछ एरर आ रही है एरर क्या कर ही आप नीचे आओगे आई थिंक आपको प्रॉपर दिखना चाहिए वो कह रहा है नो रिसोर्स फाउंड फॉर द ओके ऑथेंटिकेट पे ऑथेंटिकेशन पे नहीं चल रहा है ये इसलिए प्रॉब्लम हो रही है क्योंकि हम लोगों ने आई थिंक गलत नाम दे दिया ये ऑथेंटिकेट है एंड हम लोगों ने दे दिया है अपने लॉगिन फॉर्म के अंदर ऑथेंटिकेशन टाइप करते समय मैंने ध्यान नहीं दिया सो इसको हम चेंज करेंगे इसको हम ऑथेंटिकेट कर देंगे सेव कर दीजिए एंड अगेन आएंगे रिफ्रेश करेंगे अगेन एंड अगेन सेव करेंगे लॉग इन करेंगे एंड आप देखोगे तो ये क्या कह रहा है यह कह रहा है कि नो स्टैटिक रिसोर्स फाउंड फॉर द यूजर स्ल डैशबोर्ड ये देखिए इसने लॉग इन करा दिया बट जब इसने रीडायरेक्ट किया यूजर स्ल डैशबोर्ड तब उसको कुछ नहीं मिला आई थिंक इसकी भी स्पेलिंग हम लोगों ने यहां प गलत कर दी है तो आप यहां पे आओ एंड यहां पर इसको सही कर दो यह स्ल यूजर स् डैशबोर्ड डैश बोर्ड तो यह सब डेवलपमेंट में होता रहता है आपको इतना टेंशन लेने की जरूरत नहीं है अगेन वापस आओ रिफ्रेश कर लो यहां पे पासवर्ड डालो एंड आप यहां पर आक के लॉगइन कर लो एंड हेयर वी गो आप देखो आप प्रॉपर्ली लॉग हो जाओगे एंड इसने रीडायरेक्ट कर दिया आप देखो ऑथेंटिकेट प एंड ऑथेंटिकेट प आपको क्या दिख रहा है आपको दिख रहा है यूजर का डैशबोर्ड पेज यूजर का डैशबोर्ड पेज ठीक है सभी ऑथेंटिकेट प कुछ नहीं है अब आप जा कर के यूजर स्ल प्रोफाइल भी एक्सेस कर सकते हो यूजर स्ल डैशबोर्ड भी एक्सेस कर सकते हो डैशबोर्ड भी एक्सेस कर सकते हो सारी चीज कर सकते हो ठीक है लॉग आउट भी कर सकते हो आप इ यू वांट टू ड लॉग आउट तो आप आई थिंक लॉग आउट का यूआरएल हम लोगों ने नहीं किया सो अभी लॉग आउट हम लोग को कस्टमाइज करना पड़ेगा यहां प तो आ जाते लग आउट कस्टमाइज कर लेते हैं य पर आ जाओ लॉगइन स्ल डॉट लॉग आउट सेट लॉग आउट मुझे लॉग आउट को कॉन्फिनेट लॉग आउट पेज को हम लोग कैसे कॉन्फिन आउट लॉग आउट पेज हमें लग रहा है अलग से कॉन्फिन लॉगइन था ठीक है स हम मेथड जब खत्म हुआ उसके बाहर हम लोग यहां पर एटीपी सिक्योरिटी डट लॉग आउट हम लोग अलग से कस्टमाइज कर सकते हैं लॉग आउट फॉम एंड यहां पर हम लोग लॉग आउट डॉट लग आट यरल जो है स्ल लॉग आउट यूज करेंगे तो इस यरल से हम लोग लग आउट कर सकते हैं ठीक है लग यल इफ य वांट टू चेंज द लग ल तो आप लट य चेंज कर सकते हो यहां कोई और ल पास कर दो ट मीस अब बंदा जो लग आउट होगा वा से लग आउट होगा सेव कर दो एंड आ जाओ यहां पे आ जाओ भाई एंड देन आप लॉग आउट करने को ट्राई करो एंड एक बार हम लोग चेक कर लेते हैं ठीक है सो अभी आप लॉग इन हो लॉग इन हो मतलब स्लश यूर स्ल प्रोफाइल बिल्कुल एंड लॉग आउट जरा हम लोग ट्राई करते हैं ओके सो कुछ प्रॉब्लम आ रहा है कह रहा है कि नो स्टैटिक रिसोर्स फाउंड फॉर द ओके सो इसको लॉग आउट नहीं मिल रहा है हाउ व कैन डू दैट आ जाते हैं वापस अपने कोड के अंदर लॉग आउट ओके लॉग आउट यूआरएल की जगह पर हम लोग यूज करेंगे लॉग आउट प्रोसेसिंग यूआरएल लॉग आउट प्रोसेसिंग यूआरएल सही तो था यार लॉग आउट यरल लॉग आउट यूआरएल स्लश लॉग आउट चाहिए मुझे और एक बार जब सक्सेस हो जाए तो हमें इसको ले जाना है लॉग इन प लॉग आउट ट्रू पे ठीक है एक बार मैं अपना एप्लीकेशन रीस्टार्ट कर लेता हूं आई थिंक री कुछ प्रॉब्लम हो रही हो ठीक है सो मैंने अपना एप्लीकेशन रीस्टार्ट कर लिया देन अगेन चलते हैं यहां पे एक बार हम आ जाते हैं ठीक है लॉग इन पे लॉग इन लॉग इन कर लेते हैं एंड यस हेयर य गो यहां पे लॉगइन आ चुका है देन ओके लॉग आउट नहीं चल रहा आई डोंट नो व्हाई इट्स नॉट एक बार हम लोग कंसोल भी चेक कर लेते हैं व्हाई इट्स कमिंग क्लिक इसको क्लियर कर दो आई थिंक ये लॉग आउट लिख ही नहीं रहा है कैन य चेंज समथिंग रल थोड़ा सा चेंज करते हम लोग लॉग आउट की जग हम लोग यू करते हैं ड स्ल लग आट ठीक है ड लग आट मैंने कर दिया एंड लेट्स फाइंड आउट अब हम लोग य पर ड ड लग य करते हैं अभी भी दिक्कत आ रही है कुछ नो स्टैटिक रिसोर्स फ फाइंड फॉर द डू लॉग आउट हमली लट करना था इस डू लॉग आउट से बट हो नहीं रहा डू लॉग आउट अगेन स्लैश फायर अप कर दें देखते हैं भाई ये ऐसा क्यों हो रहा है ओके सो ये इसलिए नहीं चल रहा है गाइस क्योंकि अगर आप इस मेथड को देखें हम लोग जो लॉगआउट यूआरएल है अगर इसके डॉक्यूमेंटेशन पे अगर हम लोग चेक करते हैं तो यहां पे देखो ये कह रहा है कि द यूआरएल दैट ट्रिगर्स लॉग आउट टू अकर मतलब इसके अंदर हम वो य वायरल पास करेंगे जो हमें लॉग आउट कराएगा लेकिन बाय डिफॉल्ट तो स्लैश लॉगआउट है बट यहां पे एक देखो यहां पे एक इंपॉर्टेंट पॉइंट लिखा हुआ है कह रहा है इफ सीएसआरएफ प्रोटेक्शन इज इनेबल्ड अगर सीएस सीएसआरएफ अगर प्रोडक्शन इनेबल्ड है तो हमें क्या करना होगा हमें पोस्ट रिक्वेस्ट हिट करनी होगी और बाय डिफॉल्ट जब हम हिट कर रहे हैं तो गेट रिक्वेस्ट हिट हो रही है दैट मींस अगर सीएसआरएफ टोकन इनेबल्ड है और बाय डिफॉल्ट इनेबल्ड होता है तो हमें वहां पे पोस्ट रिक्वेस्ट हिट करनी होगी मतलब हमें स्लश डू लॉग आउट पे पोस्ट रिक्वेस्ट हिट करनी है इस केस में बट अगर हम चाहते हैं तो हम सीएसआरएफ टोकन को या सी सीएसआरएफ को डिसेबल कर सकते हैं हम लोग यहां पे एटीपी सिक्योरिटी डॉट एटीटीपी सिक्योरिटी ड सीएस आरएफ एंड देन हम यहां पे डिसेबल यूज कर सकते हैं कस्टमाइजर हां कलन कॉलन क्या हम लोग डिसेबल हम डिसेबल के लिए हमारे पास एक डिसेबल मेथड है तो हम यहां पास कर सकते हैं एब्स्ट्रेक्ट एचटीटीपी कॉन्फिन है वो ब्रैक्ट एटीटीपी एब्स्ट्रेक्ट एटीटीपी कॉन्फिन कॉन्फिनेट फाइंड आउट हां ठीक है कॉलन कॉलन डिसेबल तो हमने मेथड रेफरेंस यहां पे यूज कर लिया तो अब हमारा सीएसआरएफ क्या हो गया डिसेबल हो गया दैट मींस हमारे इस पूरे वेबसाइट के अंदर सीएसआरएफ डिफल है दैट डिसेबल है दैट मींस अब हम लोग स्लश डू लॉग आउट की गेट रिक्वेस्ट कर सकते हैं लॉग आउट करने के लिए बाकी इनेबल वैसे तो बेस्ट प्रैक्टिस है इनेबल रखना चाहिए अभी जब ये मेथड यूज करोगे तो आप देखोगे इनेबल सीस सीएसआरएफ प्रोटेक्शन दिस इज एक्टिवेटेड बाय डिफॉल्ट व्हेन यूजिंग द इनेबल वेब सिक्योरिटी तो ये जब हम यूज करते हैं तो अपने आप से सी सीएसआरएफ टोकन या सीएसआरएफ जो सिक्योरिटी प्रोटेक्शन होता है वो अपने आप से इनेबल हो जाता है इनेबल वेब सिक्योरिटी जब हम लोग यूज़ करते हैं बट बाय डिफॉल्ट स्प्रिंग बूट सिक्योरिटी जो होता है वो इनेबल वेब सिक्योरिटी यूज करता है तो बाय डिफॉल्ट इसको ऑन कर देता है हम लोग इसको डिसेबल कर दए अभी के लिए बाद में अगर चाहो तो इनेबल रख सकते हो अगर आपको ये सीएसआरएफ प्रोटेक्शन इनेबल्ड चाहिए तो आपको बस क्या करना है इसपे डू लॉग आउट की पोस्ट रिक्वेस्ट करनी है एक फॉर्म बनाना है पोस्ट रिक्वेस्ट आपको स्ल डू लॉग आउट पे कर दीजिएगा तो हम यहां आते हैं हमने इसको डिसेबल कर दिया बाय डिफॉल्ट और अब हम लोग डू लॉग आउट पे क्लिक करते हैं और आप देखोगे आप लॉग आउट हो जाओगे और यहां पे जो देखिए ये देखिए लॉग आउट में ट्रू वैल्यू आ गई दैट मींस अब आप लॉग आउट हो चुके हो सो अब हम लॉग इन कर सकते हैं यहां पे और हम एक लॉग आउट बटन देते हैं जरा अपने डैशबोर्ड पेज पे डैशबोर्ड पेज पे यहां पे एक लॉग आउट बटन देते हैं एक एंकर टैग दे देते हैं जो कि डाटा टी एच एच रफ एचर एफ और इसके अंदर हम लोग स्लश डू लॉग आउट यूज कर लेंगे एंड यहां पर हम लोग लेंगे लॉग आउट तो अब क्या है अब हम यहां से लॉग इन कर सकते हैं लेट्स डू ट लॉग इन लॉग इन पर मैंने क्लिक किया एंड एटली अब हम यहां से लॉग आउट कर सकते हैं प्रॉपर्ली ठीक है सो अभी हम एक्सेस करते हैं स्लश यूजर स्ल प्रोफाइल एटली एक्सेस हो रहा है अब हम डैशबोर्ड प चलेंगे मेरा डैशबोर्ड एक्सेस हो रहा है अगर हम लग आउट कर दे एंड देन अगेन हम प्रोफाइल को एक्सेस करें तो यह एक्सेस नहीं होगा ठीक है तो इस हिसाब से हम लोग लॉग आउट भी कर सकते हैं अगर मैसे दिखाने तो आपको मैसेज प्रॉपर्ली मिल रहे एपल अगर आपने कुछ गलत डाल दिया य ओके ऑथेंटिकेट जब आपने गलत डाल दिया तो ये कह रहा है कि द रिक्वेस्ट इ नॉट एक्चुअली सपोर्ट पोस्ट रिक्वेस्ट ओके सो लेट्स सी भाई काम करते अगर आप गलत यूजर ने पासवर्ड डाल रहे हो उस केस में क्या हो रहा हैते ओके एरर आ रही है उस केस में एरर आ रही है लेकिन अगर आप सही डाल र तो लग आउट हो रहा है इसको भी सॉ करते हैं हमने गलत डाल दिया जानबूझ के तो एर आरयू कह रहा है द मेथड पोस्ट इ नॉट सपोर्टेड बाय दिस यूरल ओके ओके सो हम लोग एक बार और कॉन्फिन में आते हैं ऊपर चलते हैं एंड हमने यहां पर क्या लिख रखा है स्लश ओके फेलियर में सो हमने फेलियर फॉरवर्ड यरल यूज कर रखा है आप देखो यहां प अगर लॉगइन फेल हो जाता तो हमें इस यरल प जाना चाहिए बाय डिफॉल्ट फेलियर फॉरवर्ड यरल अदर वाइज हम लोग इसको जरा डिसेबल कर देते हैं इसको कमेंट आउट कर दो लेट्स सी आ जाते हैं ठीक है आप देखोगे आप वापस से लॉगइन प आ जाओगे विद एरर कमांड विद एरर कमांड बट अगर हम यह दे रहे एरर ट्रू तो यह फिर क्यों नहीं आ रहा है ओके तो य बता रहा है कि मेथड नॉट सपोर्टेड च मेथड नॉट सपोर्टेड नीचे थोड़ा सा और डिटेल में जानो यार टाइप मेथड 405 ओके मेथड इज नॉट सपोर्टेड ओके सो हमें लग रहा है कि हमें एक ये जो रीडायरेक्ट कर आई थिंक इट इ एक्चुअली डूइंग द पोस्ट रिक्वेस्ट पोस्ट डायरेक्ट एंड हम लोग का जो लॉगिन है वो कंट्रोलर के अंदर लॉगिन हम लोगों ने बना रखा गेट का बना रखा है देखो गेट का बना रखा है अगर हम इसको पोस्ट कर दे फ आई कैन डू द पोस्ट मैपिंग स नॉट कांटेक्ट चेंज फॉर द लॉगइन य केलिए आप चेंज करो पोस्ट मैपिंग एंड अगर सेव करेंगे तो अगर मैं रिफ्रेश करता हूं तो आप देखोगे यस आप देखोगे ऑथेंटिकेट ने आपको रीडायरेक्ट कर दिया बट प्रॉब्लम होगी कि आपको गेट गेट के लिए पेज नहीं मिलेगा फिर तो आपको क्या करो अगर आपको रीडायरेक्ट इफ यू वांट टू ू रीडायरेक्ट तो आपके पास एक लॉगइन होना चाहिए लॉगइन के साथ-साथ आप यहां पे एक लॉगिन का गेट गेट वाला मेथड जो सपोर्ट कर रहा है वो होना चाहिए साथ ही साथ में इफ यू वांट तो आप यहां पे एक पोस्ट वाला मेथड लॉगइन का बना लो जो पोस्ट को सपोर्ट कर रहा हो रीडायरेक्ट के लिए बट फिलहाल मैं नहीं बनाऊंगा ये सब सिर्फ समझाने के लिए अभी हम इसको आप कमेंट आउट कर दो दैट इट ठीक है सो यस सो यस अगर आप कुछ गलत डालोगे तो आपको वापस ले आएगा विद एरर पैरामीटर अदर वाइज अगर आप सही डालते हो तो आपको प्रॉपर लॉग इन कर लेगा अगर आपको मैसेजेस दिखाने तो आप यहां पर कैसे दिखा सकते हो मैसेज इफ य वांट मैसेजेस तो आपको प्रॉपर मिल रहा है मैसेज लॉग इन का लॉग आउट का इन योर यरल आपको प्रॉपर आर्गुमेंट मिल रहे इन आर्गुमेंट का यूज कर सकते हैं मैसेस के लिए तो अगर आप यहां पर आएंगे हम ग करते हैं स्प्रिंग सिक्योरिटी फॉर्म लॉगइन फॉर्म तो आपको यहां पर मिलेगा देखिए यह वाला डॉक्यूमेंटेशन मिलेगा जरा इसम हम क्लिक करते हैं फॉर्म लॉगिन एंड स्प्रिंग सिक्योरिटी क्लिक करेंगे तो आई थिंक पूरा आपको मिल जाएगा डॉक्यूमेंटेशन इसके अंदर नीचे जाओगे इसको लाइट मोड प करोगे तो यहां पर पूरा कस्टमाइजेशन मिल जाएगा य देखिए इसका लिंक मैं नीचे डिस्क्रिप्शन बॉक्स में दे दूंगा तो जो इस तरह हम लोगों ने कॉन्फिन किया था सब चीज ने बता रखा है लॉगइन पेज परमिट ऑल ये सब यूज कर सकते हैं ठीक है लेकिन यहां पर य फॉर्म देखो उने बता रखा है अगर आपको एरर दिखाने तो आप पम ड एरर को यूज कर सकते हो एरर के लिए इनवैलिड यूज पासवर्ड के लिए एंड अगर लॉग आउट हो गया तो लग आउट वाला पैरामीटर आएगा तो आप लट यूज कर सकते हो ए सिंपल एट ठीक है सो मैं क्या करता हूं हम लोग इसी को कॉपी कर लो एंड अपने फॉर्म के जस्ट ऊपर चिपका दो सिंपल य पर आ जाओ लॉग इन में एंड जो आपका फॉर्म है ना फम कहां पर है थोड़ा इसको बंद कर दो एंड य रहा फॉर्म इस फॉर्म के ऊपर आप चिपका सकते हो यहां पर सेव कर लो ठीक है एंड इ चल जाएगा यहां पर टी की जगह आप डेटा टी भी लिख सकते हो बट मैं यहां पर कुछ क्लास दूंगा एंड टेक्स्ट में मैं यूज करूंगा रेड 400 एंड अगेन यहां पर मैं इसके लिए यूज करूंगा ग्रीन ग्रीन एंड आई थिंक हमारा बिल्ड वाला टूल भी नहीं चल तो हमें बिल्ड का टूल भी चलाना पड़ेगा हम एक टर्मिनल और ओपन करेंगे य पर लेट्स क्लिक प्लस एंड यहां पर हम लोग बिल्ड टूल भी यूज करेंगे यह वाला जिससे हमारी टेलन की क्लासेस एक्चुअली बिल्ड हो जाए नेक्स्ट हम य पर आते हैं एंड अगर मैं रिफ्रेश करूं तो आप देखोगे यू हैव बीन लगड आउट आ रहा है प्रॉपर्ली आप लॉग आउट हो चुके हो बाकी इसको आप सज के सेंटर पर भी मेंशन कर सकते हो जैसे फॉर एग्जांपल आप यहां पर टेक्स सेंटर सेंटर यूज कर सकते हो सो दैट इट कैन बी जस्ट सोन ऑन द सेंटर और मार्जिन भी वा में यूज कर सकते हो थ्री का यहां प भी आप टक्स सेंटर मार्जिन y3 यूज कर सकते हो रिफ्रेश करोगे तो ये देखिए ठीक है ओके सो अगेन मैं जाता हूं लॉगइन पे एंड अगर मैं गलत इंफॉर्मेशन पुट करता हूं यह देखिए इनवैलिड यजर में पासवर्ड आ रहा है प्रॉपर आपने गलत डाल रखा है अगर आप एक बार लॉग इन हो चुके हो सही सही सही लॉगइन हो चुके हो और ओके सो आई थिंक कुछ गड़बड़ हो गया कैप्स लॉक चल रहा है मेरा मैंने लॉगइन कर लिया एगजैक्टली और अगर आप लॉग आउट हो गए तो आप यू हैव बीन लॉक्ड आउट आ गया और यहां पे आप मैसेज तो आप मैसेज भी दिखा सकते हो अपने हिसाब से बेस्ड ऑन द पैरामीटर कि वो लॉग आउट है कि एरर है किस हिसाब से आप यहां पे पैरामीटर्स रिसीव कर र तो आई थिंक हम लोगों ने कंप्लीट कर लिया कोई बंदा आता आता है साइन अप करता है देन लॉगइन कर सकता है हमारे डैशबोर्ड को देख सकता है अब बारी आई डैशबोर्ड पेज को डिजाइन करने की साथ ही साथ में बारी आई हमें इंप्लीमेंट करना है टू से लॉगइन विद googleupdate.exe उसके बाद हम लोग जब एक बार लॉगइन विथ google2 बनाएंगे सो एक बार मैं कुछ गलत इंफॉर्मेशन डाल के चेक कर लेता हूं यस परफेक्ट एंड एक बार मैं यहां पे लॉग आउट एटली अब हम लोग बनाते हैं लॉगइन विद साइन अप तो कर ही पा रहे थे लॉगिन कंप्लीट कर लिया था लेकिन जो लॉगइन हम कर रहे थे वो हम लोग यूजर नेम और पासवर्ड से कर रहे थे और एक चीज और आपको मैं बता दूं कि यूजर नेम जो हम लोग ले रहे थे वो हमारा ईमेल ही था मतलब ईमेल को ही हम लोग एज यूजर नेम भी ट्रीट कर रहे थे तो अब हम लोग साइन अप कर पा रहे हैं और अपने ईमेल आईडी और पासवर्ड से लॉगिन कर पा रहे हैं बट आजकल जितने भी मॉडर्न एप्लीकेशंस चलते हैं सब में लॉगइन विद googleupdate.exe देते हैं और ओबवियस स बात है यूजर को बार-बार अपनी ईमेल आईडी और अपना पासवर्ड नहीं डालना पड़ता है तो यूजर्स ज्यादातर प्रेफर करते हैं कि भैया हम एक बटन क्लिक करें लॉगइन विद google2 नेक्स्ट हम लोग लॉगइन विद गिट अप देखेंगे और अगर आप ये दोनों चीज देख लेते हो तो आप ये सीख जाओगे कि भैया मैं आपको यहां पे पॉइंट्स लिखता जाऊंगा स्टेप्स भी लिखता जाऊंगा कि आपको ये स्टेप्स फॉलो करने है क्योंकि ओबवियस सी बात है लॉग इन विद एप्लीकेशन के अंदर ऑथ टू क्लाइंट की डिपेंडेंसी ऐड करेंगे तो सबसे पहले हम लोग चलते हैं अपने एप्लीकेशन के अंदर और हम लोग डिपेंडेंसी ऐड करते हैं आ जाओ भाई हम यहां पे आ जाएंगे और ओपन करेंगे अपनी pom.xml अपने प्रोजेक्ट की pom.xml एंड यहां पे इस pom.xml में हम लोग ऐड कर लेते हैं डिपेंडेंसी तो नीचे अगर आप किसका होगे इस pom.xml को तो जहां पे डिपेंडेंसीज टैग है यह देखिए वहां पे आपको यह ऐड स्प्रिंग बूट स्टार्टर ऐड स्प्रिंग बूट स्टार्टर नाम से एक ऑप्शन मिलेगा इसपे क्लिक करके डिपेंडेंसी ऐड कर सकते हो तो मैं क्या करूंगा इस पर क्लिक करता हूं एंड जैसे आप क्लिक करोगे तो यहां पे डिपेंडेंसीज का टैब आएगा भाई और आपको सारी डिपेंडेंसी दिखेंगी जो जो आप सर्च करोगे जैसे फॉर एग्जांपल अगर मैं यहां सर्च करूं ऑ टू आप देखोगे आपको दिख रहा है ओ टू क्लाइंट आपको और भी डिपेंडेंसी दिख रहे हैं जैसे थ टू रिसोर्स सर्वर तो अगर आपको रिसोर्स सर्वर की फंक्शनैलिटी चाहिए तो आपको थ टू रिसोर्स सर्वर वाली डिपेंडेंसी चाहिए हमें सिर्फ क्लाइंट की डिपेंडेंसी चाहिए देखो स्प्रिंग बूट इंटीग्रेशन फॉर स्प्रिंग सिक्योरिटी टू ओपन आईडी कनेक्ट क्लाइंट फीचर तो हमें क्लाइंट वाले ओ टू क्लाइंट वाले फीचर्स चाहिए इसीलिए हम ये वाली डिपेंडेंसी पर क्लिक करेंगे एंड जब सेलेक्ट हो जाएगा तो एंटर करके एंटर कर देंगे और ये थोड़ा सा टाइम लेगा डिपेंडेंसी ऐड हो जाएगी उसको प्रोसीड प क्लिक कर दीजिएगा एंड मैं देखता जाऊंगा देखता रहूंगा कहां डिपेंडेंसी ऐड हुई सो लेट्स फाइंड आउट यह देखिए हाई डिपेंडेंसी आ चुकी है स्प्रिंग बूट स्टार्टर ओवर टू क्लाइंट एंड हमारे पास सिक्योरिटी ऑलरेडी थी आई थिंक वेयर इज अ सिक्योरिटी ये रही सिक्योरिटी एक चीज गाइस आपको और मैं बता दूं कि जो स्प्रिंग बूट की जो ये वाली स्टार्टड डिपेंडेंसी टू क्लाइंट उसके अंदर ऑलरेडी सिक्योरिटी है तो अगर आप सिक्योरिटी नहीं भी इंक्लूड करते हो कोई दिक्कत वाली बात नहीं है मतलब आपने ये इंक्लूड कर दी इसका मतलब सिक्योरिटी अपने आप से आ गई इसको सेव करने के बाद अपने प्रोजेक्ट को हम एक बार रीलोड कर लेंगे हम अपने प्रोजेक्ट प बा बाय द वे अपने आप से रिड हो जाता है बट अगर आपको करना है मैनुअली तो आप अपने प्रोजेक्ट पर राइट क्लिक करिएगा और मेवन प जाइएगा और रीलोड प्रोजेक्ट प क्लिक करके अपने प्रोजेक्ट को मैनुअली रीलोड कर सकते हो वा जैसे आप ये काम करोगे आपके इस प्रोजेक्ट के अंदर अब ऑथ टू क्लाइंट लग चुका है और ओटू की जितनी भी कॉन्फिन है वो सब चीज ऑटो कन्फर हो जाएंगे लेकिन ऑटो कॉन्फिन के लिए हमें कुछ प्रॉपर्टीज भी ऐड करनी पड़ेगी मतलब आप कौन सा प्रोवाइडर यूज कर रहे हो उसका क्लाइंट आईडी क्या है क्लाइंट सीक्रेट क्या है तो हमें अब सेकंड स्टेप में क्या करना है गाइस हमें अपने सेकंड स्टेप में हमें क्लाइंट आईडी चाहिए और क्लाइंट सीक्रेट चाहिए जो भी आप प्रोवाइडर यूज़ कर रहे हो दैट मींस अगर आप एएम वाटी एंड देन क्रिएट पे क्लिक कर देंगे एंड एएम वाटी आपका क्रिएट हो जाएगा आप देख सकते हो यहां पे कर्सर चल रहा है तो जब तक कर्सर चल रहा है तब तक वेट करते हैं लोडर लोडर लोडिंग आ रहा है जब ये प्रोजेक्ट क्रिएट हो जाएगा फिर हम यहां से एक दो काम करेंगे क्या काम करेंगे देखिए सबसे पहले हम आएंगे प्रोजेक्ट को सेलेक्ट करेंगे इस पर क्लिक करेंगे और अपने एससीएम वाटी को सेलेक्ट कर लेंगे यस अब हमारा एससीएम वाटी सेक्टे है फिर हम आएंगे इस वाले ऑप्शन पे क्लिक करेंगे यहां पर मेन्यू में एंड हम एपीआई एंड सर्विसेस पर क्लिक करेंगे एंड यहां पर जब आप देखोगे एपीआई एंड सर्विसेस के अंदर तो हमें कई सारे ऑप्शन दिखेंगे हमें दो ऑप्शन से मतलब है क्रेडेंशियल और एक ओथ कंसेंट स्क्रीन सबसे पहले हम ओथ कंसेंट स्क्रीन पर क्लिक करके ओथ कंसेंट स्क्रीन बना ते हैं जब इस पर क्लिक करोगे तो यह थोड़ा सा कुछ ऑप्शन कुछ क्वेश्चन पूछेगा उन क्वेश्चन का हमें आंसर देना है बस यह पूछ रहा है कि आप थ कंसेंट स्क्रीन किस लिए यूज करना चाह रहे हो व्हाट इज एक्चुअली यूजर टाइप मैं इंटरनल या फिर एक्सटर्नल मैं कहूंगा अभी एक्सटर्नल यूज करूंगा देन क्रिएट प क्लिक करूंगा इंटरनल मतलब अपने ही ऑर्गेनाइजेशन के लोग एक्सटर्नल कोई भी एप्लीकेशन का नाम पूछ र है तो मैं एससीएम वाटी एंड मेल पूछ र है तो मैं अपना मेल दे दूंगा देन ये लोगो पूछ रहा है तो ली बात मैं लोगो भी दूंगा ब्राउज प क्लिक करूंगा एंड कुछ लोगो अगर है मेरे पास तो मैं दे दूंगा लेट्स सी कोई फोटो मिल जा मिल जा सो नीचे आते हैं एंड यस हम यह वाली फोटो देते हैं एल की यस देन ये डोमेन नहीं पूछा एक्ली तो हमारा डोमेन है वो है एटीटीपी कोलन स्ल स् लोकल होस्ट और जो हमारा पोर्ट नंबर एप्लीकेशन का वो है 8081 तो हम 8081 दे देंगे परफेक्ट अगर आपका एप्लीकेशन लाइव चल रहा है तो आपको यहां पे प्राइवेसी पॉलिसी की लिंक देनी जरूरी है एंड टर्म्स एंड कंडीशन की लिंक देनी जरूरी है अभी हमारा एप्लीकेशन लाइव नहीं चल रहा तो इसलिए हम यहां पे छोड़ देंगे ये एक चीज और पूछ रहा है ऑथराइज डोमेन ठीक है ऑथराइज डोमेन का मतलब क्या है आप इस वाले ऑप्शन पे क्लिक करके देख सकते हो ये कह रहा है आफ्टर यू एड द ऑथराइज डोमेन यू कैन यूज एनी ऑफ इट सब डोमेन और पेजेस इफ यू एडेड ऑथराइज जावास्क्रिप्ट ओरिजिन तो अभी हमारे पास लोकल र्स है तो हम इस वाले ऑप्शन को छोड़ देंगे लेकिन अगर आपके पास लाइव डोमेन चल रहा है तो वो डोमेन यहां पे लिखेगा आप ड डोमेन प क्लिक करिए एंड डोमेन का नाम लिख करके जैसे हमारे पास लर्न कोड dh.com है तो हम यहां प लर्न कोड dh.com लिख के एंड सिंपली आगे मूव कर जाएंगे बट फिलहाल अभी हमारा लोक होस्ट है तो हम इसको नहीं लिखेंगे नेक्स्ट आते हैं नीचे तो नीचे डेवलपर कांटेक्ट मेल पूछा है तो मैं वही दे दूंगा बैच एल सड्डी जो ऊपर मैंने दे रखा है एल सड्डी @ gmail.com सिंपल ए दैट सेव एंड कंटिन्यू प क्लिक करेंगे नेक्स्ट स्कोप्स में जाएगा तो कुछ स्कोप्स भी मैं ऐड करूंगा मैं आपको बताता हूं स्कोप बेसिकली परमिशन कौन सी परमिशन आप देना चाह रहे हो तो यहां पे ऐड और रिमूव स्कोप्स है मैं इस पे क्लिक करूंगा एंड यहां पे हम स्कोप्स को ऐड कर सकते हैं तो मैं ऐड करूंगा हमें ईमेल वाला स्कोप चाहिए प्रोफाइल वाला चाहिए ओपन आईडी वाला चाहिए तो ठीक है और भी स्कोप्स यहां पे बहुत सारे दिख रहे थे स्कोप्स बट आप मैं ये सेलेक्ट करूंगा यूजर इंफो का ईमेल यूजर इंफो का प्रोफाइल एंड यूजर इंफो का ओपन आईडी बस इसके बारे में पढ़ सकते हो सी योर प्राइमरी प्रोफाइल की जितने भी रिलेटेड इंफॉर्मेशन जो आपने पब्लिकली रख रखी है तो देख सकेगा वो बंदा ओपन आईडी मींस एसोसिएट यू विद योर पर्सनल इंफॉर्मेशन ऑन अभी जो आपका एप्लीकेशन है वो टेस्टिंग में है दैट मींस यह जो प्रोजेक्ट आपका चल रहा है वो भी टेस्टिंग के अंदर है एंड आपको जब लाइव करना होगा अपना प्रोजेक्ट तो आपको इसको पब्लिश करना पड़ेगा आपको तो आप उसको बाद में पब्लिश कर सकते हो इसके बारे में पढ़ भी सकते हो प्रोडक्शन एंड टेस्टिंग का मतलब क्या है टेस्टिंग मतलब इफ यू इफ योर पप इज स्टिल बीइंग टेस्टेड एंड बिल्ट यू कैन सेट योर स्टेटस टू टेस्टिंग तो अगर हमारा एप्लीकेशन टेस्ट किया जा रहा है या फिर बनाया जा रहा है तो हम टेस्टिंग ही रखेंगे बाद में जब हम प्रोडक्शन में जाएंगे तो इसका स्टेटस पब्लिश करके हम प्रोडक्शन कर देंगे ठीक है ट्स इट उसके बाद हमारा कं स्क्रीन हो चुका है डन हो चुका है हम लोग क्या करेंगे नेक्स्ट क्रेडेंशियल बनाएंगे क्रेडेंशियल में हमें मिलेगा क्लाइंट आईडीयो सीक्रेट तो उसपे उसको बनाने के लिए हम क्लाइंट इस क्रेडेंशियल प क्लिक करेंगे एंड यहां पे हमें तीन चार ऑप्शन मिलेंगे एक ऑप्शन है एपीआई कीज का ऑथ टू क्लाइंट आईडी का एंड सर्विस अकाउंट का हम हमारे पास यहां कोई कीज नहीं इसलिए आप देखो नो कीज एंड नो कीज टू डिस्प्ले नो ऑथ क्लाइंट टू डिस्प्ले कुछ नहीं है तो हम यहां पे क्रिएट क्रेडेंशियल पर क्लिक करेंगे एंड हम बनाएंगे ओथ क्लाइंट आईडी एंड हियर वी गो थोड़ा सा टाइम लेगा और यह कुछ पूछेगा बताना पड़ेगा हमें एप्लीकेशन टाइप पूछा है तो मैं कहूंगा अभी मैं यूज कर रहा हूं वेब एप्लीकेशन नाम एससीएम वाटी [प्रशंसा] एंड ये पूछ रहा है जावास्क्रिप्ट ऑथराइज्ड यू आरई तो मैं यहां पे जावास्क्रिप्ट ऑथराइज यू आरई के लिए यूज करूंगा इस पे आईडी यई प क्लिक करूंगा हम यहां पर एटीपी कोलन लोकल होस्ट कॉलन 8080 81 अपना लोकल होस्ट अपना बेसिकली जो हमारा एप्लीकेशन चला उसका डोमेन यहां प डाल देंगे एक चीज और हमें ऑथराइज रीडायरेक्ट यर हमें देना है तो यहां पर हम जब हमारा बंदा ऑथेंटिकेट हो जाएगा प्रॉपर ग से तो लोकल होस्ट 8081 और ये आई थिंक हमें यहां पर लिखना होता स्ल लॉगइन स्ल टू स्ल कोड स् ग तो यह आप अभी के लिए एज इट इज लिख दीजिए बाद में इसको मैं बता दूंगा कैसे आपको चेंज करना है तो अभी ये कुछ कह रहा है कि आई थिंक पोर्ट एटली पोर्ट हमने कुछ ज्यादा ही बढ़ दिया एक जीरो बढ़ गया ठीक है सो अभी आपको यह एज इट इज लिखना है बाद में जब आप एप्लीकेशन के अंदर अपने प्रोजेक्ट के अंदर आप इस रीडायरेक्ट र को बदल बदल देना तब आप यहां पे वो यूआई यहां डाल देना बस मैच होना चाहिए जो आप एप्लीकेशन के अंदर यूज कर रहे हो और जो आप यहां यूज कर रहे हो तो बाय डिफॉल्ट ये य आरई कॉन्फिडो सा टाइम लेगा और आपका क्रेडेंशियल को क्रिएट कर देगा ये रहा यह रही हमारी क्रेडेंशियल एंड ये हमारी क्लाइंट आईडी और ये हमारा क्लाइंट सीक्रेट इन दोनों को कॉपी करेंगे तो क्लाइंट आईडी को कॉपी करेंगे एंड थोड़ी देर के लिए हम लोग क्या करेंगे क्लाइंट आईडी को कहीं सेव कर लेते हैं सो मैं क्या करता हूं क्लाइंट आईडी को सेव कर लेता हूं यहां पे ठीक है एंड ग का क्लाइंट सीक्रेट जो है वोय है क्लाइंट सीक्रेट लेट्स सी हा अभी मैंने सेव कर लिया एक तरीका और सेव करने का मैं बता दूंगा यह है हमारा क्लाइंट सीक्रेट यह क्लांट सीक्रेट और य क्लांट आईडी ठीक है नटू के बाद डैश है फिर यम करके तो एक बार और चेक कर लेते हैं इस पर क्लिक करके हा ठीक है बाकी आप चाहो तो इसको डाउनलोड भी कर सकते हो यहां से वहां पर भी ऑप्शन था जब वो बॉक्स खुला था वहा ऑप्शन था डाउनलोड करने का बस हम क्या करेंगे सेव करेंगे ट्स इट हमें दो ही चीज चाहिए थी एक क्लाइंट सीक्रेट और क्लाइंट आईडी चाहिए थ अब हम क्या करेंगे इस क्लांट सीक्रेट को क्लाइंट आईडी को अपने फम अपने एप्लीकेशन ड प्रॉपर्टीज में यूज करेंगे कॉन्फिन के अंदर यहां प ओपन करते हैं एप्लीकेशन ड प्रॉपर्टीज फाइल जो कि हमारे स रिसोर्सेस के अंदर है यहां पर हम लोग कॉन्फिन ठीक है सो मैं यहां पर लिखूंगा टू क्लाइट कॉन्फिन और हम कन्फर करना है एक्चुअली क्लांट आईडी google2 ठीक है एक्ली और रजिस्ट्रेशन डॉट मैं यूज करूंगा आईडी पास करेंगे सो लेट्स सी ग के लिए कन्फ कर रहे तो यहां पर हमारी क्लाइंट आईडी आनी चाहिए एंड देन हमें क्लाइंट सीक्रेट पास करना है अब क्लाइंट आईडी क्लांट सकट हम लोग लाते हैं तो हम आ जाते यहां प यह हमारी क्लाइंट आईडी है जो कि हम यहां से कॉपी करेंगे यहां पर आएंगे एंड क्लाइंट आईडी को चिपका देंगे इसी तरह हम सीक्रेट को यूज करेंगे एंड सीक्रेट में हम लोग सीक्रेट कॉपी करेंगे एंड पेस्ट कर ठीक है बाकी आप स्कोप्स भी कन्फर कर सकते हो स्कोपस परमिशन तो हम ईमेल और प्रोफाइल की परमिशन हमने यहां पे कॉन्फो भी सकते हो कोई दिक्कत वाली बात नहीं बाय डिफॉल्ट जो परमिशन कॉन्फिन होगी वो मिल जाएगी ग्रांड टाइप भी आप कॉन्फिन हो जाएगा क्योंकि ये जितनी कॉन्फिन करते हो इसमें रिक्वायर्ड है सिर्फ और सिर्फ क्लाइंट आईडी और क्लाइंट सीक्रेट बाकी सब चीजें कॉन्फरल ये हमने googleupdate.exe देन अगर आपको कॉन्फिन फिगर करना पड़ेगा एगजैक्टली नाम चेंज होगा जहां google2 ल प जाओगे ठीक है लॉगइन प जाओगे आप कोई प्रोटेक्टेड यूआरएल एक्सेस करने की कोशिश करिए मैं यहां पर यूजर स्ल प्रोफाइल एक्सेस करने की कोशिश करता हूं एंड एटली अभी आपको उसी सेम पेज प ला रहे है अब हमें क्या करना होगा हम क्योंकि हम चीज ऑलरेडी कस्टमाइज कर चुके लॉगइन के लिए हम स् लॉगिन यूज कर रहे हैं बट हम यूजर नेम पासवर्ड या फॉर्म लॉगिन के अलावा हम यहां प थ लॉगिन यूज करना चाह रहे हैं तो हम चलेंगे एक काम और करेंगे गाइस हम यहां पे कन्फर करेंगे अपनी सिक्योरिटी के अंदर तो हम ओपन करेंगे अपना सिक्योरिटी वाला क्लास जो कि आई थिंक सिक्योरिटी कॉन्फिन प सिक्योरिटी कन्फ ओपन करेंगे एंड जहां पर कॉन्फिन मैंने सब कर रखी है नीचे यह हम लोगों ने राउट्स कन्फर कर रखे नीचे फम लगन कन्फर कर रखा है एटली इसके नीचे जस्ट नीचे हम लोग कॉन्फिन फिगरेशन ठीक हैली हम ए सिक्योरिटी यूज करेंगे और इस केस में हम लोग यूज करने वाले ऑथ लॉगइन और अभी के लिए मैं कस्टमाइजर डट विथ डिफॉल्ट यूज कर ले रहा अभी के लिए मैंने कस्टमाइजर वि डिफॉल्ट यूज़ कर लिया दैट मींस अभी हमें टू का सारा डिफॉल्ट प्रॉपर्टी चाहिए ओके जैसे हम यहां पे आएंगे और इस बार जैसे रिफ्रेश करेंगे आप देखोगे आपको ये लेके जाएगा ये देखिए ऑथ लॉगइन का लॉगइन पेज आ गया अपने आप से और आपने एक ही प्रोवाइडर कॉन्फरल इन दैट मींस बाय डिफॉल्ट अब बिहेवियर मुझे कौन सा दिख रहा है हमें बिहेवियर दिख रहा है लॉग इन विद ग हम यूज कर रहे तो का नाम दिख रहा है आई होप आप समझ पा रहे हो अगर आप गिट यूज करोगे तो गिट का ये दिखने लगेगा अगर आप कुछ और यूज करोगे तो कुछ और दिखने लगेगा जैसे मैं दिखा देता हूं आपको हम लोग यहां पर आते हैं एंड लेट्स कॉपी ऑल दिस थिंग गेट अप ए यहां पर हम लोग गेट अप देते हैं एटली गेट गेट गेट अप ठीक है एंड यहां प गेट दे और यह जो है क्लाइंट आईडी ये य बात गलत आईडी है की है तो हम ऐसे देते अभी हम सही आईडी लेके आएंगे बाद में ठीक है एटली बस सेव करेंगे एंड रिफ्रेश करते हैं एक बार और रिफ्रेश कर लेते हैं ये देखिए अपने आप से यहां पे गेट अप भी आ गया एंड सब पे लेके गए आपको कि भैया किसी से लॉगइन कर लीजिए यहां पे हमारा काम हो जाएगा ठीक है एंड अगर आप देखो तो यहां पे कंटिन्यू टू एससीएम वाटी दिख रहा है एसम आईटी दैट मींस ये आपका वही एप्लीकेशन जो आपने googleupdate.exe न करेंगे सपोज मैं इस अकाउंट से लॉगइन कर ले रहा हूं एंड कंटिन्यू कर दीजिए यस बात परमिशन वगैरह मांग रहा है तो कंटिन्यू करेंगे तो जैसे कंटिन्यू करेंगे आपको ये देखिए इस पेज प लेके आ गया ओके नाइस नाइस क्या हम लॉग आउट कर सकते हैं लेट्स फाइंड आउट ओके सो अभी लॉग आउट नहीं हो पा रहा है ओके लॉग आउट के लिए कोई आरल हम लोग ने फॉर्म प कॉन्फिन आउट डू लॉग आउट कॉन्फिडो देखते हैं डू लॉग आउट डू लॉग आउट एगजैक्टली आप ू लॉग आउट हो चुके हो देन अगर हम लॉगइन पे जाएंगे एंड यहां पे तो आई थिंक आप समझ पा रहे हो कि अब हम लोग सक्सेसफुली लॉगइन कर पा रहे हैं तो अगर मैं लॉगइन पेज प जा कर के स्लश लॉगइन पेज पर जा करके और यहां पे आगे हम लोग देखते हैं ओके सो हम लोग यहां पे देख पा रहे हैं लॉगइन एंड हम लोग ने टेस्ट भी कर लिया है कि भैया ये लॉगइन चल रहा है अगर हम लोगों ने यहां पे अपने एप्लीकेशन ॉ प्रॉपर्टीज के अंदर सही क्लाइंट आईडी एंड क्लाइंट सीक्रेट पास किया है तो गट अप एंड googleupdate.exe यूआरएल पे यह एक्चुअली ले जा रहा है हमें यह देखिए यह हमें ले जा रहा है स्लट स् ऑथराइजेशन google2 हम इस यरल को फायर अप करेंगे जब हम अपनी कस्टम बटन बनाएंगे एंड अगर गिट हब की बात करें गाइ तो गट हब वाली जो बटन है वो हमें ले जा रही है ये देखिए स्लैश ot2 ऑथराइजेशन स् गेट पे तो ये दोनों यरल य आरएस आप ध्यान रखिएगा इन य आरएस को हम लोग यूज़ करेंगे जब अपनी कस्टम बटन बनाएंगे कस्टम बनाएंगे बटन बनाएंगे और यही रल्स हम लोग पास कर देंगे अपने बटन पे तो अपने आप से ये इस उस पेज पे ले जाएगा उस राउट पे ले जाएगा या उस पाथ पे ले जाएगा और हमारा ऑथराइजेशन फायर अप हो जाएगा ठीक है सो ये चीज याद रखिएगा मुझे याद है स्लट स् ऑथराइजेशन गेट अप या फिर [प्रशंसा] और हमारा लॉगइन पेज है स्ल लॉगइन ओबवियस बात इसी लॉगइन पेज प हम लोगों ने बना रखा था अपना फॉर्म भी तो आई होप हमारा अब यहां से दोनों लॉगिन प्रोसेस हो जाएगा लेट्स सी सेव कर देते हैं एंड आ जाते हैं और जैसे ही हम रिफ्रेश करते हैं ये देखिए हमारा सेम लॉगइन पेज आ चुका है सेम लॉगइन पेज आ चुका है वापस दैट मींस हम इससे लॉगइन तो कर ही पा रहे हैं लेकिन हम क्या हम google2 स्लश ऑथराइजेशन स्लश google2 एगजैक्टली अपने आप से google.cm पे चलते हैं एंड यहां पे हम लोग थोड़ा सा फन छोटा कर लेते हैं इसको हल्का सा नीचे कर लेते हैं ज हमारा फॉर्म खत्म हुआ है ना फॉर्म की बटन क ग ये फॉर्म की बटन य हमारा फॉर्म खत्म हुआ तो यहां पर हम लोग एक ले लेते हैं सोशल बटन कंटेनर ठीक है ए यहां पर हम एक बटन बना देंगे एंकर टैग बना देंगे इसमें होगा लॉग इन विद ग एंड जो एचर होगा उसमें मैं यूज करूंगा टीच कोल एच या डटा टीच ड एफ और यहां पे मैं यूज करूंगा ओबवियस बात है रेट लिंक के लिए रेट यूज करना है आपको टाइम लीप के अंदर एंड देन फाइनली यहां पे स्ल ओ टू स् ऑथराइजेशन स्ल फलेक्स एंड जस्टिफाई सटर सेव करेंगे एंड हेर व आपकी बटन सेंटर प आ चुकी हल्का सा मैं मार्जन टॉप भी स्पेसिफाई कर देता हूं पा एंड आप देख सकते हो य देखि ठीक है या फिर अगर आपको 10 देना है तो आप 10 दे दो ए बटन पर भी हल्का सा सीस लगा देते हैं क्लास बॉर्डर सेव कर लीजिए हका सा बडर आ गया हल्का सा पैंग दे रहा हूं पैंग एक्स दे देता हूं तीन पडि वा देता हूं दो सेव कर दीजिए रिफ्रेश कर दीजिए ये देखिए ठीक है तो जैसे आप इस पर क्लिक करोगे अपने आप से ये कम बटन जो है यह सीएसएस यूज करना पड़ेगा हम लोग को ओके नेक्स्ट कुछ और देखते हैं लॉगइन वि ग बटन कोड पेन प हमें मिल जाएगा आई थिंक ओके सो हमें एटली यही वाली बटन चाहिए तो हम लोग क्या करते हैं क्लास हम लोग लेते हैं लॉग इन विद सीस बना रखी स्टैटिक के अंदर सीएसएस एक इनपुट है और आउटपुट है ये बाय डिफॉल्ट सीएसएस है गाइस हमने अभी तक अपना कोई सीएसएस लिखा ही नहीं तो हम लोग क्या करते हैं यहां पर एक अपनी स्टाइल ड सीएस बना लेते हैं फाइल टाइल ड सीएसएस और इसके अंदर चिपका देते हैं और हम लोग चलेंगे और इसको बेस के अंदर इंक्लूड कर लेंगे तो यहां पर आते हैं बेस के अंदर और इसको इंक्लूड कर लेते हैं सो लेट्स सी आउटपुट सीएसएस के नीचे हम लोग यहां पे लिंक कलन सीएसएस यूज करेंगे एंड यहां मैं यूज करूंगा डाटा टीटीएच एचआरएफ रेट एंड देन सिंगल कोड्स के अंदर स स् स्टाइल ड सीएसएस ठीक है एंड देन बस हम लोग क्या करेंगे इस बटन ये वाली जो क्लास हमने बनाई है लॉगइन विद टा मिल जाए और उस डेटा को हम चाहे तो से यूजर चाहे तो यूजर का पूरा डाटा यसी बात यूजर जो जो डटा दे रहा है हमें google2 में सेव कर सकते हैं ठीक है विद प्रोवाइडर तो हम लोग क्या करेंगे हम लोग कुछ कॉन्फिन और करेंगे जिससे हमारा काम हो सके लेट्स फाइंड आउट हम लोग यहां पे आते हैं एंड हम लोग सिक्योरिटी कॉन्फरल हैं यहां पे हम लोग यहां पे कॉन्फिन कर सकते हैं बहुत सारी चीजें कॉफिट डॉट आप देखो ऐड ऑब्जेक्ट पोस्ट प्रोसेसर एक्सेस कर सकते हैं और ऑथेंटिकेशन सोर्स डिटेल एक्सेस कर सकते हैं एंड साथ ही साथ में हम लोग यहां पे लॉगइन प्रोसेसिंग वायरल तो है लॉगइन पेज है कस्टम लॉगिन पे इ कस्टम लॉजिंग पेज ये बुलियन रिटर्न करता है यहां पर हम सक्सेस हैंडलर कॉन्फरल और यहां हमें पास करना ऑथेंटिकेशन सक्सेस हैंडलर तो जैसे हमारा ऑथेंटिकेशन सक्सेसफुल हो जाएगा यह वाला ऑब्जेक्ट एक्चुअली एक्यूट हो जाएगा ऑब्जेक्ट के अंदर जो भी मेथड होगा व चल जाएगा तो हम एक्चुअली यहां पर एक ऑब्जेक्ट बनाएंगे हम डायरेक्टली बना सकते हैं ी बात हम यहां पे न्यू ऑथेंटिकेशन सक्स हैंडलर बना सकते हैं और इसके मेथड को इंप्लीमेंट कर सकते हैं सो आई हैव टू इंप्लीमेंट द मेथड ये देखिए तो अपने आप से ये ऑन ऑथेंटिकेट सक्सेस मेथड अपने आप से चल जाएगा बट हम इसको खिचड़ी नहीं पकाना चाह रहे हम इस क्लास के अंदर नहीं लिखेंगे हम क्या करेंगे अलग से एक नई क्लास बना लेंगे ठीक है हम अभी के लिए हम क्या करते हैं इसको नल पास कर दो और यस लेट मी क्रिएट अ न्यू क्लास तो हम कॉन्फिन ऑथेंटिकेशन सक्सेस हैंडलर एक मैंने क्लास बना लिया क्लास पर क्लिक करो देन नाम पास करो एंटर कर दो ठीक है और इसको सबसे पहले हम क्या करेंगे ट कंपोनेंट बना देंगे ठीक है एंड यहां प कंपोनेंट इसलिए गा बना दिया जिससे कि हम डायरेक्टली इसको ऑटोवायर कर सके या बीन अवेलेबल हो स्प्रिंग सिक्योरिटी के पास स्प्रिंग के पास एंड यहां पर हम लोग अ बा इसको ऑथेंटिकेशन सक्सेसफुल हैंडलर बनाने के लिए हम इंप्लीमेंट करेंगे ऑथेंटिकेशन सक्सेस हैंडलर एंड इस पास मेथड है कौन सा मेथड है ये ऑन ऑथेंटिकेशन सक्सेस यह मेथड एग्जीक्यूट होगा जब भी ऑथेंटिकेशन सक्सेस होगा आप देख सकते हो क्लास के बारे में समझ सकते हो स्ट्रेटेजी यूज टू हैंडल द सक्सेसफुल यूजर ऑथेंटिकेशन इंप्लीमेंटेशन कैन बी डू व्हाट एवर दे वांट बट टिपिकली बिहेवियर वुड बी द कंट्रोल द नेविगेशन टू सबसीक्वेंट डेस्टिनेशन तो बेसिकली हम यहां से सक्सेस करके अपना डाटा प्रोसेस करके फॉरवर्ड कर सकते हैं कहीं भी डेस्टिनेशन में अपने पेज को तो मैं कहूंगा ठीक है यहां पे हम इस पे कमांड डॉट क्लिक कर दें ऐड एन इंप्लीमेंट मेथड प क्लिक करते हैं और हमारा मेथड आ जाएगा ठीक है इसके अंदर हम कुछ अपना ुद खुद का कोड लिखेंगे तो सबसे पहले कोड लिखने से पहले मैं यहां पर एक लॉग देता हूं लॉग आप ट से दे सकते हो या फिर लॉग देने के लिए आप लगर भी यूज कर सकते हो मैं लगर देना भी सिखाता हूं आपको लगर यूज करना भी सिखाता हूं आप आओ यहां पे एंड एक डिक्लेयर करो लगर लगर है मैं एल 4 ज का यूज करूंगा आई थिंक ये रहा ी 4 लगर और हमारे पास क्लास है लॉग फैक्ट्री लॉग फैक्टरी ए फ ज का लगर फैक्ट्री है डॉट गेटल लगर और क्लास पास कर देंगे ओ ऑथेंटिकेशन सक्सेसफुल हेड क्लास अब हमारे पास लगर आ चुका है तो हम इस लगर को यूज कर सकते हैं इन ऑर्डर टू लॉग ऑन कंसोल तो लगर ड इफ मैं यूज करूंगा और यहां पे स्ट्रिंग दे सकता हूं तो मैं यहां पे स्ट्रिंग पास कर दूंगा फॉर्मेट दे सकते थे आर्गुमेंट दे सकते फॉर्मेट एक्चुअली मैं ये यूज करूंगा तो हमारा ऑथेंटिकेशन सक्सेसफुल हैंडलर पता चल जाएगा देन हम रीडायरेक्ट कर सकते हैं रिस्पांस का यूज कर सकते हैं रिस्पांस का यूज करके रीडायरेक्ट कर सकते हैं आप डायरेक्टली रेसड डायरेक्ट तो य होम प ही बारबार रिड करेगा जब भी ऑथेंटिकेशन सक्सेसफुल होगा नेक्स्ट अगर आप रिस्पांस नहीं यूज करना चा रहे हो तो आप यहां पर आई थिंक न्यू रीडायरेक्ट स्ट्रेटेजी भी यूज कर सकते थे यह देखिए और आई थिंक न्यू रीडायरेक्ट स्ट्रैटेजी को भी हम लोग यूज कर सकते हैं इन ऑर्डर टू रीडायरेक्ट तो न्यू रीडायरेक्ट स्ट्रेटेजी जो है आई थिंक एक बार लेट्स फाइंड आउट रीडायरेक्ट स्ट्रैटेजी एंड एटली यह जो है वो हमारा एक इंटरफेस से तो उसकी कोई इंप्लीमेंटेशन क्लास यूज करनी पड़ेगी हम लोग यहां पे डिफॉल्ट री डायरेक्ट स्ट्रेटेजी डॉट डॉट सेट या सेंड रीडायरेक्ट एंड देन हम रीडायरेक्ट को पास कर सकते हैं ऐसे भी रीडायरेक्ट कर सकते हैं हम कहेंगे यूजर स्ल प्रोफाइल प लेके चलो भैया मुझे या डैशबोर्ड प लेके चलो मुझे ट्स इट रीडायरेक्ट हो जाएगा अब हम इसका ऑब्जेक्ट पास करेंगे अपने सिक्योरिटी में यहां पे कहां गया यहां पे तो ऑब्जेक्ट को पास करने के लिए हमें पहले ऑटोवायर करना पड़ेगा ऑब्जेक्ट यहां लाना पड़ेगा तो बिल्कुल हम आते हैं लिखते हैं प्राइवेट ओ सक्सेसफुल हैंडलर हैंडलर और इसको हम कर देते हैं ऑटो बायर आते हैं और ऑब्जेक्ट को पास कर देते हैं य बस व याय हैंडलर था ना इसका ऑब्जेक्ट वेरिएबल हैंडलर सेव कर दिए ट्स इट हमारा काम हो जाएगा दैट मींस हमारा स्ल होम स्ल यूजर्स प अपने आप से स्ल होम स्ल यूजर स्ल प्रोफाइल प अपने आप से ऑथेंटिकेट होने के बाद रीडायरेक्ट हो जाएगा चलो भाई देखते हैं लेट्स सी यहां प आते हैं लॉग इन googlethalli.com डायरेक्ट होने से पहले हम डेटा को डेटाबेस में सेव कर सकते डटा को डेटाबेस में सेव कर सकते हैं ठीक है तो डेटा निकालने के लिए हमारे पास देखो क्या क्या मिल रहा है हमें ऑन ऑथेंटिकेशन सक्सेस में मिल रहा है एक रिक्वेस्ट एक रिस्पांस और एक ऑथेंटिकेशन इस ऑथेंटिकेशन को हम लोग इस ऑथेंटिक हम प्रिंसिपल निकाल सकते हम क ऑथेंटिकेशन डट गेट प्रिंसिपल और प्रिंसिपल मिल जाएगा तो हम प्रिंसिपल को क्या कर सकते हैं टाइप कास्ट कर सकते चेंज कर सकते हैं डिफॉल्ट ओ ऑथ टू यूजर में एंड देन हम क्या कर सकते हैं इसको सेव कर सकते हैं डिफॉल्ट टू यूजर यूजर अब इस यूजर के पास क्या-क्या है हम लोग देख देखते हैं यूजर से क्या-क्या निकाल सकते हैं हम लोग यूर गेट हम लोग एटिबल से पर्टिकुलर किसी की वैल्यू निकाल सकते हैं सारे ट्रिब्यूट्स निकाल सकते हैं अथॉरिटीज निकाल सकते हैं क्लास नेम निकाल सकते हैं तो मैं एकएक करके प्रिंट करता हूं लॉक करता हूं आप देखिए मैं लॉक करने जा रहा हूं लगर डॉट ो मैं लॉक करता हूं सबसे पहले रड गट नेम ठीक है नाम मैंने प्रिंट किया है देन मैं लगर डट इफ और रड गेट एंड नाम के बाद हम सारे एक्चुअली एट्रिया बोले तो हम हां एट्रबीक वाले हैं प्रिंट करने वाले हैं तो सारे प्रिंट कर देंगे हम इस मैप पे गेट ट्रिब्यूट्स के मैप पे ट्रेव्स करेंगे तो इसको अभी थोड़ी दे लिए हटा दो हम इसको ट्रैवर्स करेंगे कैसे हम लिखेंगे यूर ड गट ट्रिब्यूट्स एटिबल यूज करेंगे डॉट फॉर ईच और हमें यहां पर की वैल्यू की मिलेगा कॉमा वैल्यू मिलेगी फाइनली और एक ब्रैकेट हटा दो और इसके अंदर हम सारे की वैल्यू पेयर को प्रिंट करेंगे एटली कुछ ऐसे ठीक है तो की आ जाएगी देन हमारी वैल्यू आ जाएगी चाहो तो की और वैल्यू ऐसे प्रिंट कर सकते हो लॉक कर सकते हो उसके बाद और भी कुछ लॉक करना है तो लेते क्या है हमारे पास जो लॉक कर सकते हैं समझने के लिए प्रिंट करने के लिए देखते हैं तो हम यू करें यड गेट एबूट अथॉरिटीज को भी प्रिंट कर देते अथॉरिटी भी कलेक्शन है तो अथॉरिटीज को भी हम लोग प्रिंट कर देते हैं ठीक है अथॉरिटीज में देखते हैं क्याक हमें मिल रहा है तो हमने क्या क्या प्रिंट किया सबसे पहले एक नाम प्रिंट किया जो भी यूजर मिल रहा है उसके सारे अट्रीब्ज भी एटिबल हैं उस एट्र से क्या हमारे लिए यूजफुल है ये प्रिंट किया देन हमने सारी अथॉरिटीज क्याक अथॉरिटी मिल रही है वो हमने देखा है अब हमें इंफॉर्मेशन अच्छे से मिलेगी तो हम बैक चलते हैं बैक चल लो रिफ्रेश कर लो एक बार होम प चले जाओ लॉगइन प चले जाओ लॉगइन हां ठीक है अब आई थिंक प्रॉपर दिख रहा होगा ये देखिए तो हमें देखिए ऑथेंटिकेशन सक्सेसफुल हैंडलर ने प्रिंट किया है इवन यहां देख सकते हो सारी इंफॉर्मेशन टाइम वगैरह देख सकते हो व और सक्सेसफुल हैंडलर प्रिंट हुआ है एटली एंड ये हमारा यूजर नेम है यह हमारा यूजर नेम प्रिंट हुआ है एटली ठीक है सब चीज प्रिंट कर रहा है यहां पे आ रही इंफॉर्मेशन ऑथेंटिक स हैंडल से प्रिंट हुआ य नेक्स्ट एसयूवी प्रिंट हुआ एटली देन ये सारी एट्रबीक निकाले आपको दिखाने के लिए नेम हमारा प्रिंट हुआ है दुर्गेश तिवारी ये एक्चुअली ईमेल वेरीफाइड है कि नहीं ओबवियस सी बात है देन लोकल इंग्लिश है एंड लास्ट में जो हमारे अथॉरिटीज प्रिंट हुई उसमें देखो आप थ यूजर प्रिंट हुआ थ यूजर प्रिंट हुआ स्कोप्स में आपको स्कोप क्याक मिला है स्कोप में मिला है आपको यूजर इमेशन ड ईमेल एंड प्रोफाइल एंड ओपन आईडी ये स्कोप जो आपने वहां पे बनाया था जब आपने क्रेडेंशियल क्रिएट किया था याद हो ठीक है ये इंफॉर्मेशन मिल गई अब हम लोग क्या करते एटली हम लोग इन सारी इंफॉर्मेशन को यूज कर सकते हैं कैसे यूज करेंगे देखिए ठीक सो मैं क्या करता हूं ठीक है इसको थोड़ा सा जूम जूम आउट ही रखने देते ठीक है मैं क्या करूंगा चलूंगा य पर आईडिया इंफॉर्मेशन को यूज करूंगा काम करने के लिए ठीक है तो इससे सारी इंफॉर्मेशन निकाल सकते हैं जैसे हमें चाहिए क्या अभी फिलहाल हमें ईमेल चाहिए तो हम यूर ड गेट एटिबल पास कर सकते हैं डॉटू स्टिंग ही चाहिए मुझे बात है ए देन हमें नेम चाहिए यूर डट गेट आईडीडी एटिबल लेंगे एंड देन हमें और फर्स्ट नेम ग नहीं आ डों ट फर्स नेम और कुछ चाहिए पिक्चर हो गया नेम हो गया ईमेल हो गया बात है प्रोवाइडर इसका क्या है हमारा ग है तो वाड हमें पता है कि अभी तक हम लोग ने इमेंट किया तो प्रोवाइडर ग रख सकते हैं ठीक है इतनी इंफॉर्मेशन से हम लोग यूजर बनाक सेव कर सकते हैं जैसे फर एग्जांपल मैं क्या करता हूं यहां पर क्रिएट यूजर एंड सेव टू डेटाबेस एंड सेव इन डेटाबेस ठीक है तो हम एक यूजर बना सकते हैं न्यू यूजर ठीक है और इस यूजर को हम सेव कर सकते हैं ऑलरेडी हमारे पास एक यूजर है तो हम यूजर वन कर देते हैं यूजर वड सेट ईमेल ईमेल यूजर वड सेट नेम नेम यूजर वन डॉट सेट प्रोफाइल पिक्चर और हमें प्रोफाइल पिक्चर अब हमें पासवर्ड भी एक बनाना है तो हम डमी पासवर्ड बना सकते हैं इफ यू वांट पासवर्ड छोड़ भी सकते हो कोई दिक्कत वाली बात नहीं क्योंकि हम डायरेक्टली इसको लॉगइन करा रहे हैं तो बस डाटा सिर्फ बैक एंड में रखा हुआ काम करने के लिए लिए दैट्ची आप डिफॉल्ट पासवर्ड कुछ बना सकते हो कोई दिक्कत वाली बात नहीं सेट यूजर आईडी भी हमें एक बनानी होगी नॉट गेट हम कहेंगे सेट यूजर आईडी और हम यहां पे यूज़ करेंगे रैंडम या य यू आईडी य आईडी डरम u आईडी डट स्ट्रंग एक यूआईडी बनाई और क्या-क्या हम लोग हमें चाहिए हमें चाहिए एक प्रोवाइडर तो हम यूज करेंगे प्रोवाइडर डॉट प्रोवाइडर्स डॉट हमारा ठीक है रव डॉट सेट फोन नंबर अभी नहीं है तो छोड़ दो प्रोवाइडर हो गया प्रोवाइडर यूजर आईडी तो हमें मिल रहा है गेट नेम में यूजर की आईडी मिल रही ठीक है और यूजर डॉट रोल्स गगर सेट कर सकते हो हा यह रोल नॉर्मल है तो मैं सेट रोल लिस्ट में एक लिस्ट डॉट ऑफ से रोल एक लिस्ट बना लूंगा लिस्ट डॉट ऑफ ठीक है यह जो लिस्ट है वो हम लोग इंपोर्ट करेंगे गलत लिस्ट तो नहीं इपोर्ट हो गई लिस्ट हमेशा गलत इपोर्ट हो र ड नो ठीक है इंपोर्ट जावा डड लिस्ट तो हम इसी लिस्ट को यहां पर यूज कर रहे हैं और यह ऑफ लिस्ट ड ऑफ और यूजर रोल जो नॉर्मल के लिए व है रोल अंडरस्कोर यूजर जो हम लोग ने यूज किया था आई थिंक कहीं तो यूज किया था कांस्टेंट के अंदर तो नहीं रखा था एक बार चेक कर लेते हैं कांस्टेंट के अंदर हम लोग ने एकली रोल यूजर रखा था तोय रोल यूजर यूज करेंगे हार्ड कोड नहीं करेंगे रोल प कांस्टेंट कांस्टेंट डॉट रोल यूजर ठीक है बाकी अगर आपको कुछ और सेट करना है तो आप सेट कर सकते हो सेट स्टेटस ऑ दिस अकाउट ठीक है और कुछ चीज सेट करनी तो सेट कर सकते हो क्या है सेट करने के लिए प्रोवाइडर हो गया सब चज ऑलमोस्ट सब चीज हो चुकी है तो टा को सेव करेंगे इस यूजर को सेव करेंगे कैसे सेव करेंगे लेटस फाइंड आट हम लोग देखेंगे यहां पर आ करके सबसे पहले हमें चागी इसको सेव करने के लिए हमें चाहिए होगा रिपोजिटरी यूजर ट चाहि होगी तो मैं कगा ठीक है हमारे पास यूजर रिपोजिटरी है लडी प्राइवेट यूजर रेपो यूजर रेपो इसको कर देते हैं ऑटो वायर और यहां पर हम सेव करेंगे सबसे पहले फैच करेंगे अगर यूजर होगा तो हम सेव नहीं करेंगे और अगर यूजर यस बात नहीं होगा तो हम सेव करेंगे तो हम डायरेक्टली यूजर को सेव कर सकते हैं आई थिंक अगर होगा तो यह एक्सेप्शन थ्रो कर देगा और अगर नहीं होगा तो यह सेव कर देगा बट हम सबसे पहले चेक करेंगे कि यूजर रेपो डॉट ईमेल या हम गेट करेंगे फाइंड यूजर बाय ईमेल ठीक है और ईमेल पास करेंगे यहां पे एंड देन हम लोग चेक करेंगे कि अगर है यूजर तब तो हमें कुछ नहीं करना है और अगर नहीं है तो हमें इसको सेव करना है डेटाबेस में तो हम क्या कर सकते हैं हम लोग हम यहां पे डायरेक्टली यूजर को गेट कर सकते हैं ये गेट क्या करेगा गेट इफ द वैल्यू इ प्रेजेंट रिटर्न वैल्यू अदर वाइज थ्रोज नो सच एलिमेंट एक्सेप्शन तो अगर वैल्यू है तो ये रिटर्न करेगा अदर वाइज नो सच एलिमेंट एक्सेप्शन रिटर्न कर देगा तो हम चाहते हैं कि वैल्यू तो वैल्यू मिल जाए और एल्स ठीक है तो और एल्स में मैं नल रिटन कर द अगर यूजर तो यूजर मिल जाएगा अरवाज हम नल रिटर्न हो जाएगा ठीक है यह क्या करेगा य देखि इ वैलू प्रेजेंट रिटर्न वैल्यू अरवाज अदर ना हमें यहां पर यूजर मिल जाएगा यूजर टू जो डेटाबेस वाला यर अब मैं चेक करूंगा गा की अगर यूजर टू इ नल इफ यूजर इ नल ट मीस हमारा डेटाबेस में यूजर नहीं नहीं था तो हम डटा हम अपने डाटा यूजर वन को सेव करेंगे जो हमने क्रिएट किया इतनी मेहनत करके तो हम यूजर ड यूजर व को सेव करेंगे एंड देन रिटाय करेंगे अदर वाइज हम सेव नहीं करते ठीक है एंड फाइनली हम यहां प लॉग दे देंगे लर डइंफो यूजर सेव्ड ईमेल आईडी पास कर दो सेव कर तो अगर यूजर नहीं होगा तो हमारा यूजर डेटाबेस में सेव हो जाएगा और अगर यूजर होगा डेटाबेस में तो सेव नहीं होगा आई होप आपको समझ में आ गया हो अब हम लोग जरा चलते हैं एंड हम लोग देखते भाई हम लोग यहां पर डेटाबेस ओपन कर लेते हैं डीबी वेवर से क्योंकि हमें बहुत सारी इंफॉर्मेशन देखनी है चेक करना है लेट्स फाइंड आउट ओपन हो गया अपना डेटाबेस ओपन करते हैं यूजर ओपन करते हैं ये सब चीज क्लोज कर दो थोड़ी देर के लिए क्लोज कर दो यूजर सॉरी डेटाबेस एसएमओ टेबल्स एंड यूजर्स वाली टेबल हमारे पास तीन टेबल यूजर है बट हमारे पास एक्चुअल यूजर नहीं है जो ग वाला है ठीक है सो हम आ जाते हैं यहां पे ओके सो लेट्स फाइंड आउट हा यहां पर आ जाते हैं एंड लॉग आउट कर लेते हैं डू लॉग आउट से लॉगइन करेंगे ग से एंड हम लॉग इन करेंगे अपने इस वाली ईमेल आईडी से ठीक है कंटिन्यू क्लिक करेंगे एंड आप देखोगे ये फॉल बैक कह रहा है कि दिस यूजर रिपोजिटरी इ नल अब बात हमारे पास ये यूजर रिपोजिटरी वायर नहीं हो पाई आई डोंट नो ठीक है सो लेट्स फाइंड आउट वायर नहीं हो पाई दैट मींस हमारे पास जो डाटा आ रहा है यूजर रिपोजिटरी के अंदर वो नल आ रहा है इसलिए हमारा काम नहीं पाया ये यूजर रिपोजिटरी वायर नहीं हो पा रही है और इसलिए वायर नहीं हो पा रही क्योंकि हम लोग ने ऑटोवायर लिखना था हमने लिख दिया ऑटो कॉन्फिडो वायर लिख देते हैं आप सेव करेंगे और अगेन हम लोग दोबारा से रन करते हैं सेव कर लेते हैं लॉग इन विद ग एंड अपने ईमेल आईडी से सेव करते हैं एंड कंटिन्यू पर क्लिक करते हैं एंड हम प्रोफाइल पेज पर आ गए इसका मतलब सब कुछ सही सही हुआ है दोबारा आते य पर एंड लेट्स फाइंड आउट की सही चल रहा है कि नहीं सही चल रहा हैली आप देखोगे तो हमारे पास यह इंसर्ट की क्वेरी फायर अप हुई है इंसर्ट इनटू यूजर ट मीस यूजर इंसर्ट हुआ है यस बात इंसर्ट यूजर हुआ सेलेक्ट भी हुआ है यूजर एंड रोल भी इंसर्ट किया गया एंड हमें मैसेज बस देखने का इंतजार है हमें मैसेज जो हमने मैसेज प्रिंट किया था कहां से प्रिंट किया था रीडायरेक्ट करने के बाद सेव के बाद एंड ये देखिए यूजर सेव्ड आई थिंक आपको दिखा हो नहीं दिखा मैं आपको दिखा रहा हूं यूजर सेव्ड और यूजर की ईमेल आईडी दिख रही है अब हम डेटाबेस में चलते हैं एंड ये चेक करने कि हमारा यूजर आया है कि नहीं आया सो मैं क्या करता हूं रिफ्रेश करता हूं और वी कैन रिफ्रेश ठीक है रिफ्रेश कर लो ये देखिए एक यूजर आ चुका है एंड देखो ये वाला दूसरा अकाउंट है ये अकाउंट इट इज एक्चुअली क्रिएटेडॉक्युमेंट्सफ्रैगमेंट पूरा गेट का लॉगइन फ्लो मैं आपको बताऊंगा सबसे पहले एक्ली अगर आपने पिछला वीडियो देख लिया लॉगइन डॉट प्रॉपर्टीज फाइल के अंदर यहां पर हम लोग ने कॉन्फिन फिगर किए थे अपने प्रोवाइडर्स ओथ प्रोवाइडर्स कह सकते हो या फिर कह सकते हो कि हम लोगों ने य सोशल लॉगिन कॉन्फरल के लिए ये था एंड गट के लिए ये था एटली ये क्लाइंट नेम हटा भी सकते हो कोई फर्क नहीं पड़ता इस क्लाइंट के नेम से हटा दो इसका कोई यूज भी नहीं अभी ठीक है तो इसको अगर हटा दोगे तोब भी कोई फर्क नहीं पड़ने वाला बस हमें इंपोर्टेंट है कि हमारे पास क्या होना चाहिए हमारे पास क्लाइंट आईडी क्लांट सीक्रेट होना चाहिए बाकी अगर आप कुछ नहीं भी दोगे तब भी कोई फर्क नहीं पड़ने वाला है ठीक है अब इंपोर्टेंट बात है ध्यान से देखिएगा हमारे पास क्लाइंट आईडी क्लाइंट आईडी क्लाइंट सीक्रेट एंड स्कोप है सबसे इंपॉर्टेंट है कि यहां पे गिट हप की क्लाइंट आईडी होनी चाहिए और यहां पे अपना गिट अकाउंट है ये हमारा एंड यहां पे हम लोग क्या करेंगे हम चल लेंगे सेटिंग्स के अंदर एंड सेटिंग्स में एक बार आ जाएंगे उसके बाद अगर आपको दिखाऊं तो यहां एक ऑप्शन दिखेगा डेवलपर सेटिंग्स इस पे क्लिक कर लेंगे एंड डेवलपर सेटिंग्स के बाद हमें अ यहां पे गिब एप दिखेगा यहां पे हम नया ऐप क्रिएट करेंगे न्यू ऐप पे क्लिक करेंगे एंड फिर हम ऐप का नाम देंगे हम देंगे एससीएम एससीएम वाटी एंड कुछ रिव्यू देंगे अ दिस इज गट हब लॉगइन प प्रीव्यू देखना चाहो देख सकते हो यहां पे हम मार्क डाउन फाइल लिख सकते हैं मार्क डाउन सपोर्ट है होम पेज का रल एटीपी कोलन लोकल होस्ट कोलन 8081 हमारा जो एप्लीकेशन 8081 प चल रहा है तो इसलिए हम लोग होम पेज अपना दे देंगे अगर आप प्रोडक्शन के लिए बना रहे हो तो यस बात है यहां पर जो आप दोगे वो एक्चुअली दोगे क्या अपने प्रोडक्शन का यूआरएल जो आपका डोमेन वगैरह होगा देन कॉल बैक एटली हम वही यूज करेंगे जो ग में हमने दिया था एप कोलन स् लोकल होस्ट कोलन लोकल होस्ट कोलन 8081 स्ल लॉगइन स्ल ot2 स्ल कोड स्ल क्योंकि यहां पे गिट हब है तो हम यहां पे यूज करेंगे गिट अप ये रीडायरेक्ट यई य आरई है जो कॉन्फिन है हमारे एप्लीकेशन के अंदर वही हम लोग यहां पे यूज़ करेंगे ये हम चेंज भी कर सकते हैं ओके नेक्स्ट आपको कुछ ज्यादा नहीं करना बस वेबक को मैं हटा दूंगा वेबक अभी मुझे नहीं चाहिए एंड परमिशन में मैं क्या करूंगा अकाउंट परमिशन दे देते हैं कुछ ईमेल वगैरह की तो हम यहां पे आते हैं प्रोफाइल की परमिशन मैं दे दूंगा रीड एंड राइट एंड एक और परमिशन ईमेल एड्रेस की परमिशन दे देंगे ओनली रीट ठीक है एंड क्रिएट गेट अप पर क्लिक कर देंगे एंड आप देखोगे हमारा गेट अकाउंट क्रिएट हो जाएगा क्रिएट होने के बाद हमें ये देखिए ये क्लाइंट आईडी मिल जाएगी और यहां से हम जनरेट कर सकते हैं क्लाइंट सीक्रेट तो हम क्लाइंट आईडी को कॉपी करते हैं लेट्स कॉपी क्लाइंट आईडी एंड आ जाते हैं अपने कोड के अंदर एंड यहां पर हम क्लाइंट आईडी को सेव कर देते हैं एंड फिर हम क्या करते हैं लेट्स फाइंड आउट कि हमारा सीक्रेट कैसे मिलेगा तो हम इस क्रिएट न्यू सीक्रेट पर क्लिक करेंगे एंड ये देखिए हमारा सीक्रेट मिल जाएगा कॉपी करेंगे एंड हम लोग क्या करेंगे आएंगे सीक्रेट में पेस्ट कर देंगे बस यह हो गया हमारा गिट भी कन्फर हो चुका है अब गिब को चलाने के लिए कैसे काम करेंगे देखिए हम फिलहाल तो अगर अपने प्रोजेक्ट प आते हैं यहां पे तो अगर देखें तो हमारे पास सिर्फ ऑथ टू स्ल ऑथराइजेशन स्ल google2 स् ऑथराइजेशन ऑथराइजेशन स्ल गट हब यूज करेंगे गिट हब ये वाला यूआरएल हम फायर करेंगे लॉगइन करने के लिए देखिए हम यहां पे आएंगे एंड हम एंटर करेंगे थोड़ा सा आई थिंक गलत हो गया एक्जेक्टली हम यहां पे स्लैश एक हटा देंगे ट स् ऑथराइजेशन स् गिट अप जैसे आप क्लिक करोगे तो आप गिट पे आ जाओ यह देखिए एंड यहां पे आप यह देखिए एससीएम वाटी बाय यह हमारा यूज़र नेम आ रहा है वुड लाइक टू परमिशन या वुड लाइक टू परमिशन टू यहां पे परमिशन वगैरह जो है वो देने के लिए कोशिश कर रहा है एंड देन ऑथराइज कर सकते हैं जैसे आप ऑथराइज करोगे आपका एप्लीकेशन ऑथराइज हो जाएगा और आपको ले जाएगा आपके रीडायरेक्ट यूआई पे ये देखिए और हमारा सक्सेस इसके बाद सक्सेसफुल हैंडलर सक्स हैंडलर जो था वो चलेगा बट यहां पे कोई ऐसी चीजें जो हमें नहीं मिल रही अब हमें यहां पे देखना पड़ेगा कि हमारा सक्सेस हैंडलर चल रहा है ऑयी बात हमारा सक्सेस हैंडलर चल रहा है ओ ऑथ सक्सेस हैंडलर ये चल रहा है तो ऐसा भी हो सकता है कि हमें हमने जो कीज निकाली वो सिर्फ googleupdate.exe हम लोग ये चेक हमें यहां पे एक सबसे इंपॉर्टेंट चीज चेक करनी पड़ेगी कि आप किस प्रोवाइडर को यूज़ कर रहे हो गेट को यूज़ कर रहे हो या फिर आप किसको यूज़ कर रहे हो एंड उस हिसाब से हमें काम करना पड़ेगा तो हम लोग क्या करेंगे हम लोग यह सब चीज अभी थोड़ी देर के लिए कमेंट आउट कर देंगे ठीक है यह सब चीज हम लोग कमेंट आउट कर देंगे यहां से और हम पहले आइडेंटिफिकेशन परफेक्ट ठीक है सो मैंने सब कुछ अनकमेंट कर दिया एंड हम क्या करेंगे एक चीज मैं और करूंगा यहां पर कोई कोड लिखने से पहले हम लोग एक ग लॉगइन वाली बटन बना लेंगे ठीक है देन हम यहां पर सबसे पहले क्या करेंगे हम यहां पर आईडेंटिफाई करेंगे कि व ग लॉगइन है की गट लॉगइन है की फस लॉगइन है फ लॉगइन है एंड बेस्ड ऑन अगर ग है तो हमें ग की प्रॉपर्टीज मिलेंगी ग के एट्रिल गे एंड उनको हम फेच करेंगे यूजर बनाएंगे एंड अगर गिब है तो गिब के हो सकता है अलग एट्रबीक एंड अगर लोग क्या करते गट की बटन बना ते बैक आते हैं ये सब बैक कर देते हैं यहां गट लगन वि गट तो एटली मैं क्या करता हूं हम लोग आ जाते हैं यहां पर प को ओपन रहने देते हैं यहां पर आ जाते हैं लिखते हैं लॉग इन विद गेट बटन सीएसएस एंड आई थिंक आपको देखने को मिल जाएगा कैसे मिलेगा लेट्स सी हमें ए सी चाहिए ठीक है सो मुझे कुछ ऐसी बटन एटली चाहिए तो इसका कोड आप यहां से लेख सकते हो आई थिंक ये वाली बटन है हमारी एंड सीएसएस टेलमेंट चाहिए बस मुझे सिर्फ आई थिंक यही एटीएल चाहिए इस एटील को कॉपी कर लो एंड आ जाओ लॉग इन लॉगइन एटी लॉगइन विद भी चेंज करेंगे अभी टेंशन मत लीजिए ठीक है हम इसको क्या करते हैं एंकर टैक कर देते हैं एंकर टैग मैंने कर दिया एंड यस बाद ये बटन भी एंकर टैग में परिवर्तित चेंज हो जाएगा यस ठीक है हो गया एंड इस एंकर टैग प क्लासेस बहुत सारी लिखी हुई है तो थोड़ा कुछ क्लास देखते हैं हम प वाटू यूज करेंगे ए प एक्स मेंथ ही यूज करूंगा क्योंकि हम लोग अपने ऊपर वाली आईडी में भी प एकस3 यूज कर रहे थे विड्थ हटा देंगे मैक्सिमम विड्थ जो एमटी दी हुई है एमडी दी हुको हटा ठीक है और क्या चीज है इसके अंदर यह सब तो ठीक है कलर वलर फोकस र राउंड एलजी ठीक है एंड हमारी ऊपर वाली गल वाली बटन है ठीक है हमें टॉप टू बॉटम चीज रखनी है तो मैं क्या करूंगा फ्लेक्स कॉल कर दूंगा फलेक्स कॉल जैसे आप फलेक्स कॉल करोगे सेव करोगे रिफ्रेश करोगे तो य ऊपर से नीचे आ जाएगी बटन हमारी एंड हल्का सा मैं स्पेस वा यूज करूंगा स्पेस वाय का बीच में दोनों बटन के बीच में स्पेस आ जाएगा देखि ठीक है स्पेस आ चुका है तो इस तरह से हमारी बटंस बन जाएंगी बट हम चाहते हैं कि बटंस के टेक्स्ट को हम लोग सेंटर में अलाइन रखें तो उसके लिए हम लोग क्या करेंगे इस बटन के क्लास हम लोग लगा देते हैं वेट अ सेकंड हम लोग टेक्स सेंटर जरा लगा के चेक करते हैं कि ये इसका टेक्स सेंटर पे आएगा टेक्स सेंटर पे आ गया बट ये आइकन हमारा सेंटर पे नहीं आया है एंड ठीक है तो आई थिंक सीएसएस हमें चेक करना पड़ेगा हल्का सा आई थिंक एक बार हम लोग स्टाइल सीएस में चेक करते हैं इसमें आइकंस वगैरह दिया गया है एक चीज हम और कर सकते हैं गाइस हम लोग का जो विथ है ना यह विथ फुल है आई थ हम लोग वि कम कर दे तो बटन भी हमारी छोटी लगने लगेगी आई थिंक हमारा कुछ काम हद तक हो जाएगा सो लेट्स सी हम लोग यहां पर आते हैं एंड जो हम लोग ने लॉग इन विद ग य वाली बटन है लगन वि इसमें विथ जरा स्पेसिफाई करते हैं हम लोग विथ देते जरा हम कहेंगे विथ न बाय हाफ 50 पर थ चाहिए मुझे रिश करते हैं हां ठीक है परफेक्ट एंड एक चीज और करते हैं इसमें भी हम लोग विड्थ 100% का आधा मतलब 1 बाटू स्पेसिफाई कर देते हैं तो हमारी बटन ये वाली बटन भी छोटी हो जानी चाहिए थी बट आई डोंट थिंक आई थिंक इसमें विड्थ ऑलरेडी स्पेसिफाइड है क्या हां विड्थ फुल कहीं पे स्पेसिफाइड है लेट्स सी फाइंड आउट ये रहा तो विड्थ फुल को हटा दो विड्थ हम आधा देंगे ठीक है यह देखिए ठीक है अब इसको सेंटर प करने की कोशिश करेंगे तो हमारा जो फ्लेक्स जो फ्लेक्स लगा इसके पैरेंट पे ये रहा इसका पैरेंट तो ये जो फ्लेक्स लगा है उसमें हम लोगों ने जस्टिफाई सेंटर लगा रखा है हम लोग आइटम सेंटर भी लगाएंगे आइटम सेंटर सेप करेंगे और देखिएगा ये देखिए बस हम यही चाहते थे एगजैक्टली लॉगइन विद googleupdate.exe यूज किया है टेक्स्ट वाइट है एंड फंट सेमी बोल्ड है तो फंट सेमी बोल्ड मैं इसमें भी यूज करूंगा लेट्स सी फंट सेमी बोल्ड एंड हल्का सा राउंडेड भी मैं यूज करता हूं राउंडेड सेव कर लीजिए एंड यस ठीक है राउंडेड लार्ज यूज कर लीजिए डिपेंड करेगा राउंड लर्स यस अब ठीक है शैडो वर तो यूज कर सकते हो बट इस पर क्लिक करके आप लॉगइन इनिशिएटिव इस पे क्लिक करके हम इनिशिएटिव का लॉगइन बहुत सिंपल है यहां पे आइए और हम लोग यूज करेंगे अपने एंकर टैग पे लॉग इन विद गिट वाले एंकर टैग पे अ डटा टीटीएच एंड एचर एफ एंड सिंपली आप ओ ऑथ टू स्ल ऑथराइजेशन स्ल अ गिट हब ये रूल है बस आपको यहां पे googleupdate.exe क्लिक करिए और यस क्योंकि आप ऑलरेडी कर चुके हो तो इसीलिए गेट अप ऑलरेडी लॉगइन हो चुका है परफेक्ट अगर आप इस पेज को ओपन कर लेते हो किसी और ब्राउजर से लेट्स फाइंड आउट विथ firefox.exe आप यूजर यूज कर रहे होट मीस कौन सा लॉगिन यूज कर रहे हो गिट अप ग फ ये सब चीज इसको करने के लिए हम क्या करेंगे सबसे पहले यहां पर हम लोग आइडेंटिफिकेशन डॉट गेट प्रिंसिपल उसको मैं चेंज करूंगा टाइप कास्ट करूंगा ओथ एक बार देखते ओ ऑथ टू थ ऑथेंटिकेशन टोकन में एंड लेट्स स्टोर इन अ वेरिएबल ओ ऑथेंटिकेशन टोकन ट ऑथेंटिकेशन टोकन थट केशन टोकन ठीक है अब हम लोग क्या करेंगे बस अब इससे हम निकाल सकते हैं कुछ इंफॉर्मेशन चीज हम लोग ऑथेंटिकेशन टोकन से ऑथेंटिकेशन टोकन डॉट गेट य देखि हम निकाल सकते गेट ऑथराइज रजिस्ट्रेशन आईडी एंड सबसे इंटरेस्टिंग चीज है कि यह जो आईडी हमें मिलेगी इससे हमें पता चल जाएगा कि हम कौन सा प्रोवाइडर यूज़ कर रहे हैं इस आईडी को मैं प्रिंट करने जा रहा हूं आप देखिएगा हम लोग डायरेक्टली हम ए आउट कर सकते हो या फिर आप लॉक कर सकते हो लॉर ड इफोन कर सकते हो इससे हमें पता चलेगा कौन सा आईडी आप यूज कर रहे हो या कौन सा लॉगिन आप यूज़ कर रहे हो एक तरीके से बोले कौन सा क्लाइंट रजिस्ट्रेशन आईडी है लेट्स फाइंड आउट हम यहां पे आते हैं एंड हम गेट अप पे लॉग इन करते हैं लेट्स लॉग इन विद गेट अप एंड एगजैक्टली अगर आप यहां पर आओगे तो कुछ एरर आ गई लेट्स फाइंड आउट क्या एरर आई है देखते नीचे आ जाओ नीचे आ जाओ नीचे आ जाओ एरर को देखिए एंड यह क्या कह रहा है लेट्स सी ठीक है यह कह रहा है कि हम डिफॉल्ट टू यूजर को कास्ट नहीं कर सकते हैं और थ ऑथेंटिक टोकन है तो एक्ली मुझे ल रहा हम लोगों ने हल्का सा गलत कर दिया एकली हम गेट प्रिंसिपल को नहीं कास्ट करेंगे हम क्या करेंगे ऑथेंटिकेशन को ही कास्ट कर देंगे एकली एंड देन अगेन हम लोग ट्राई करेंगे क्योंकि थट जो ऑथेंटिक टोकन होता है वही ऑथेंटिकेशन होता है तो ये जो टू ऑथेंटिकेशन टोकन है वो ऑथेंटिकेशन ही है तो हम ऑथेंटिकेशन को कास्ट कर सकते हैं ठीक है सो हम अगेन लॉगइन विद गेट अप करेंगे इस बार हम लोग देखेंगे हमारा लॉगइन हो जाएगा एंड इस बार हम चेक करेंगे कंसोल एंड इस बार हमें क्या मिल रहा है लेट्स सी हमें ये देखिए गेट अप मिल रहा है आई थिंक आपको इस तरह से दिख जाएगा ये तो ये हमें मिल रहा है रजिस्ट्रेशन आईडी क्लाइंट रजिस्ट्रेशन आईडी ऑथराइज क्लाइंट रजिस्ट्रेशन आईडी एक बार हम लोग और लॉग इन करके मैं इस बार लॉगइन वि ग हो गया लॉग इन विद इक्वल अगर गिट हब है ट मस हम गिट वाला कोड हम य पर लिखेंगे ठीक है गिट हब का यूजर क्रिएट करेंगे यूजर ऐसा क्रिएट करेंगे जो गेट वाले एबूट को फेच आउट कर रहा हो नेक्स्ट अगर आप एल्स इफ अगर आप ऑथराइज क्लाइंट रजिस्ट्रेशन आईडी है अगर लिंकन है तो आप लिन वा काम करोगे एंड एल्स अगर कुछ नहीं है तो आप वैसा काम कर लोगे या वैसा मैसेज दे दोगे तो ये हमने बना दिया एक एरिया जहां पर हमें काम करना है ठीक है या फिर य पर अननोन प्रोवाइडर आपो कर सकते हो कि भैया आपका अननोन प्रोवाइडर है आपका प्रोवाइडर नॉट नोन है अब उसी हिसाब से हम बनाना है एंड देन फाइनली यूजर को हमें क्या करना है सेव करना है जैसे फॉर एग्जांपल हमें सबसे पहले देखना है तो ग के लिए तो ठीक था हम यूजर यहां पर क्रिएट कर लेंगे या हम एक काम करते हैं एक चीज और करते हैं हम इ बाद में लगाते हैं सबसे पहले हम क्या करते हैं एक इफ लगा लेते हैं या हम लोग टाइप कास्ट कर लेते हैं अपने ऑथेंटिकेशन या जो हमारा ऑथेंटिकेशन मिल रहा है उसका प्रिंसिपल एक का यूजर है तो इसको हम टाइपकास्ट कर लेंगे थ यूजर में थ टू या फिर डिफॉल्ट ऑथ टू यूजर में जैसे हमें यूजर या ओ ऑथ यूजर ओ थ यूजर ठीक है अब इससे हम इंफॉर्मेशन को निकाल सकते हैं तो मैं सिंपली कहूंगा बात समझिए सबसे पहले मैं चेक कर लूंगा क्या-क्या ट्रिब्यूट्स के पास आ रहे हैं वो उन उन एटिबल को हम लोग यूज़ करेंगे ठीक है सो मैं क्या करता हूं सिंपली एक हम वही लूप लगाएंगे ओ ऑथ डॉट गेट एटिबल लो कॉमा वैल्यू निकाल लो यहां पे हम की और वैल्यू को लग लॉक कर देंगे ठीक है अब इससे पता चलेगा कि अगर आप लॉग इन कर रहे हो google2 यूज कर रहे हो लॉगस तो क्या एट्रबीक करेंगे ठीक है चलो भाई ये ब बढ़िया चीज है सेव करेंगे एंड हम लोग चेक कर लेते हैं एक बार सेव कर लो ठीक है अपने एप्लीकेशन को रिटन कर लेते हैं हम लोग रन हो गया नेक्स्ट आ जाते हैं हम लोग यहां पे सबसे पहले मैं लॉग इन करूंगा google2 तीन चीज की इंफॉर्मेशन चाहिए वो हमें उन एटिबल में मिल रही है किस ट्रिब्यूट्स में ये देखिए हमें चाहिए नेम तो हमें नेम में मिल जाएगा और हमें चाहिए पिक्चर तो हमें पिक्चर में मिल जाएगा ईमेल चाहिए तो ईमेल में हमें मिल जाएगा वेरीफाइड चाहिए तो ट्रू मिल जाएगा तो बेसिकली हमें तीन चीज चाहिए एक तो नेम चाहिए एक तो पिक्चर चाहिए और एक चाहिए हमें ईमेल लेकिन अगर आप यही चीज सेम चीज ग से लॉगइन करते हो तो उस केस में ये ट्रिब्यूट चेंज हो जाएंगे य देखिए आपको मिल रहा है अपडेटेड ट बहुत सारी इंफॉर्मेशन मिल रही है बट नेम जो है वो नल मिल रहा है तो हम लोग नेम यूज करेंगे वो यूज करेंगे लॉगइन यूज कर सकते हो नेम यूजर नेम निकालने के लिए लॉगिन यूज कर सकते हो और ईमेल अगर मिल रहा है तो ईमेल यूज करेंगे अदर वाइज आप यूजर नेम को ही ए ईमेल यूज कर सकते हो अपेंड करके काम कर सकते हो ठीक है एंड हमें पिक्चर के लिए हम यूज करेंगे अवतार इवेंट यूरल है ये पिक्चर के लिए हम लोग यूज कर सकते हैं ये अवतार यूआरएल ठीक है तो यह इंफॉर्मेशन यूज करके हम डाटा बनाएंगे एंड उसको सेव करेंगे अपने डेटाबेस में एक बार मैं आपको दिखाता हूं यूजर हम ऊपर ही क्रिएट करेंगे सो लेट्स फाइंड आउट हम यूजर जो क्रिएट करेंगे वो हम यहां पे इफ कंडीशन से पहले ही क्रिएट कर लेते हैं यूजर यूजर इल टू न्यू यूजर ये ब्लैंक यूजर बन चुका अब जो इंफॉर्मेशन हमें सेट करनी है व य सेट कर देंगे जैसे फर एपल हमें यूजर आईडी चाहिए चाहिए होगी यूजर डॉट सेट यूजर आईडी य आईडी ड गेटम य आईडी यूर आईडी हम सेट करनी है डिफॉल्ट एंड और क्या सेट करना डिफॉल्ट में जो सेट करना ही करना है यर डट सेट रोल लिस्ट डॉट ऑफ और यहां पर हम प कांस्टेंट डट यूजर रोल यूजर डट सेट ईमेल तो सेट करेंगे वेरीफाइड भी हम सेट करेंगे और यस बात है अगर यह ग फ लगन तो वेरीफाइड को ट्रू कर देंगे बाय डिफॉल्ट वेरीफाइड हम लोग बाय डिफ ट्र कर लेंगे कोई टेंशन नहीं नेक्स्ट वेरीफाइड को ट्रू कर दो फस करेंगे हमन यूजर डॉट सेट इनेबल भी है बात है अगर गेट या लगन कर तो इनेबल भी यर प्रोवाइडर अभी नहीं सेट करेंगे और क्या सेट करना है हमें प्रोवाइडर बाद में सेट करेंगे प्रोवाइडर आईडी बाद करेंगे एंड रोल सेट कर दिया यूजर आईडी सेट कर दिया बस इतना हम यहीं से सेट करेंगे बाकी अगर इन केस अगर ग है तो ग के केस में मैं क्या करूंगा हमें पता है कि यूर डट सेट ईमेल जो है व हमें मिल रहा होगा कैसे मिल रहा होगा हमें थ यूजर से ऑ यूजर ड गेट एबूट और हम ईमेल ईमेल से मिल रहा होगा जिसको हम टू स्ट्रिंग में चेंज कर सकते यूर डॉट सेट पिक्चर या प्रोफाइल पिक्चर ओ और गेट एबूट पिक्चर से हम लोग उठा रहे होंगे स्ट्रिंग में और फर्स्ट नेम नहीं चाहिए मुझे यूजर डॉट सेट एक चीज और चाहिए था मुझे आई डोंट नो मुझे याद नहीं नेम चाहिए हमें एंड ऑथ टू डट गेट ट्रिब्यूट गेट नेम नहीं गेट एटिबल इस केस में मैं यूज करूंगा नेम डॉटू स्ट्रिंग ठीक है और और क्या चाहिए मुझे प्रोवाइडर आईडी यूर डट सेट अगर जरूरत पड़ती है प्रोवाइडर आईडी की तो हम प्रोवाइडर आईडी प्रोवाइडर यूजर आईडी तो हम यूज करेंगे टू डॉट गेट नेम ठीक है यह बन जाएगा बट इन केस अगर वो गिट है तो गिट प हमें कैसे मिलेगा यूर ड से ईमेल ईमेल निकालने के लिए सबसे पहले हम कुछ चेकिंग लगाएंगे ठीक है चेकिंग कैसे लगाएंगे अगर इन केस हम एट्र ईमेल वाला मिल जाता है अगर ये नल नहीं होता है नॉट इक्वल टू नल इन दैट केस हम लोग एट्रबीक में कन्वर्ट करके देखिए तो हमने कंडीशन चेक किया है और अगर यह चीज नल नहीं होता है ईमेल होती है बाय चांस तो हम ईमेल को स्ट्रिंग में कन्वर्ट करके लेंगे अदर वाइज हम क्या करेंगे हम निकाल लेंगे लॉगिन ऑथ यूजर डॉट गेट एटिबल इन एटिबल और टू स्ट्रिंग में कन्वर्ट करेंगे देन ऐड करेंगे @ gmail.com ठीक है या फिर अपने हिसाब से ईमेल आईडी बना लीजिए या github.com वगैरह ऐड कर सकते हो ये मैं अपने हिसाब से बना रहा हूं अगर हमें ईमेल नहीं मिल रहा है इन दैट केस ठीक है अगर हम एटिबल निकाल रहे ईमेल वाला और अगर हमें ईमेल नहीं मिल रहा उस केस में मैं यहां पे यूजर नेम को एज अ ईमेल क्रिएट कर रहा हूं ठीक है तो ईमेल आ जाएगा देन उसके बाद हमें स्ट्रिंग पिक्चर कैसे इसमें मिलेगा ओ ऑथ टू या यूजर डॉट गेट एट्रियल अटार य टटू स् पिक्चर मिल जाएगा एंड देन फाइनली हमें नेम भी चाहिए तो हम नेम के लिए स्ट्रिंग डॉट नेम और नेम के लिए हम एटली वही लॉगिन यूज कर सकते हैं थ यूजर ड गेट नेम सॉरी गेट नेम नहीं हम गेट एटिबल इन यूज करेंगे डॉट टू स्ट्रिंग एंड फाइनली हमें चाहिए एक चीज और क्या था भाई वो यूजर आईडी तो प्रोवाइडर आईडी जो हम नेम को ही ए प्रोवाइड आईडी मांग अब सिंपली सबसेट करेंगे यूर ड से ईमेल मैं ईमेल डाल दूं यूर डॉट सेट प्रोफाइल पिक्चर में पिक्चर डाल दो यर डॉट सेट नेम में नेम डाल दो यूर डॉट प्रोवाइडर प्रो वाइडर आईडी में प्रोवाइडर आईडी डाल दो बस तो ये गप क्ले हो गया भाई नेक्स्ट सेम आप ये चेक कर लोगे अगर कोई अननोन है तो आपको क्या करना है निकाल दो एंड देन फाइनली आप क्या कर लो यूजर को सेव कर लो सेव द यूजर और सेव द यूजर जो होगा वो सेव द यूजर का कोड हमारे पास य रहा इस कोड को हम लोग अनकमेंट करेंगे ट मीस इसको कॉपी कर लो एंड नीचे पेस्ट कर दो इसको हटा दो भाई स्टार स्टार लगा है इसको हटा दो ठीक है एंड फाइनली हम इस केस में यूजर यूज कर रहे हैं यूजर को सेव करेंगे यूजर को सेव करेंगे एंड फाइंड ईमेल किस ईमेल ओबवियस बात हम यूज़र के ईमेल की बात कर रहे हैं यूर गेट ईमेल अगर यह यूज़र पोज से हमने ईमेल ईमेल दे दिया हमने और हमने यूज़र फाइंड कर लिया अगर यूज़र मिल जाता है दैट मींस यूज़र है तो हम सेव नहीं करेंगे यूज़र की वैल्यू ना लाती तो हम यूज़र को सेव कर देंगे दैट मींस हमारा यूज़र सेव होना चाहिए वाओ हम लोग क्या करते हैं हम डेटाबेस को क्लियर करते हैं देखते हैं यह कोड चलता है कि नहीं चलता है चल जाएगा तो हमारा काम हो गया गिट अप लॉगइन दोनों गु है google's फाइंड आउट इसको चेक कर लेते हैं देन बाकी काम जो बचा हुआ है उसको हम लोग नेक्स्ट वीडियो के अंदर करेंगे सस टेस्ट करने की बाद है उसके लिए हम ओपन करेंगे डेटाबेस कहां गया यहा डेटाबेस यहां पर हम ओपन कर लेते डेटाबेस इन सबको हटाते हैं क्योंकि अभी हमें इनकी जरूरत तो नहीं है तो फॉरन की कंस्ट्रेंट लगा हुआ है ओके सो लेट लेटस सी कि हमारे पास यहां पर डाटा और भी है क्या कांटेक्ट है हमारे पास क्या कांटेक्ट डटा कंटक्ट नहीं है तो हम क्या करते हैं एक्ली हम अपने पूरे डेटाबेस को उड़ाते हैं यस डेटाबेस को उड़ा दिया एंड हम क्या करेंगे राइट क्लिक करेंगे क्रिएट न्यू डेटाबेस एससीएम ओ सेव करेंगे यह सब बंद कर दो अब इसकी जरूरत नहीं है अगेन इसमें कोई टेबल्स नहीं होंगे अभी हम अपने प्रोजेक्ट को रन करते हैं टेबल हमें तुरंत मिल जाएंगे लेट्स रन यस रिफ्रेश कर लो आपने इस प्रोजेक्ट इस डेटाबेस को भी रिफ्रेश कर लो टेबल मिल चुकी यूजर्स के अंदर अभी कुछ नहीं होगा यस यूजर के अंदर कुछ नहीं है तो हम लोग लॉगइन करके ट्राई करते हैं ठीक है हमारे पास सबसे पहले मैं लॉगइन करता हूं गिट गिट अप चेक करते हैं गिट अप पे जाते हैं एंड यस लॉग इन हो चुका है क्योंकि ऑलरेडी मैं लॉग इन कर चुका हूं कई बार तो इसीलिए इसने पूछा नहीं ऑथराइज वगैरह के लिए बट लॉग इन हो चुका और लॉगइन हो चुका है इसका मतलब हमारे डेटाबेस के अंदर वैल्यूज पहुंच जानी चाहिए प्रॉपर जो हम चाहते थे लेट्स सी द डेटाबेस यहां पे आते हैं रिफ्रेश करते हैं एंड यस देख सकते हो यहां पे आ चुका है हमारे पास यूजर की एक आईडी जो कि रैंडम बन चुकी है अबाउट मैंने कुछ नहीं डाला अभी डाल देंगे ईमेल आईडी अपने आप से बन चुका है या फिर मिली होगी वो ईमेल आईडी आ जाएगी या फिर अपने आप से क्रिएट हो जाएगी विद द हेल्प ऑफ द यूजर नेम दैट किट प्रोवाइड्स ईमेल वेरीफाइड है इनेबल है एंड यूजर नेम आ चुका पासवर्ड हमने नहीं सेट किया है फोन नंबर नहीं सेट किया है वेफ फोन वेरीफाइड नहीं ब इस बाद फोन नंबर ही नहीं तो वेरीफाइड क्या करेंगे प्रोफाइल की आईडी आ चुकी है यह प्रोफाइल का अटार यूआरएल आ चुका है जो कि गिट अप से आया था प्रोवाइडर में सेल्फ आ चुका है क्योंकि हमने प्रोवाइडर चेंज नहीं किया एंड प्रोवाइडर यूजर आईडी आ चुकी है गप की तो कुछ चेंजेज करते हैं जैसे प्रोवाइडर हम लोग सेट करते हैं कि भैया कौन सा प्रोवाइडर है हम आइडेंटिफिकेशन से यूज कर सकते हो इट्स डिपेंड क्या आप यूज करने वाले हो ठीक है नेक्स्ट और एक चीज बची थी आई थिंक हम लोग देख लेते हैं क्या बच गया था हां पासवर्ड अगर आप चाहो तो डमी पासवर्ड बना सकते हो तो मैं डमी पासवर्ड एक बना दे रहा हूं बाय डिफॉल्ट आप अपने हिसाब से इन पासवर्ड्स को बदल लीजिए क्या दिक्कत है यहां पे एक डमी पासवर्ड सबके लिए बना देता हूं यूर डॉट सेट पासवर्ड एंड यहां पे डमी ठीक और क्या चीज हो बच गई फोन नंबर तो है ही नहीं पासवर्ड आ जाएगा चाहो तो इसको इनकोड भी कर सकते हो या चाहो आपकी मर्जी कैसे करना है तो आप चाहो तो इसको पासवर्ड इनकोडर से इनकोड करके रख दो इट्स डिपेंड कि आप क्या करना चाह रहे हो एंड इनेबल हो गया अबाउट सेट कर देते हैं सबसे इंपोर्टेंट इतना तो नहीं बट हां सेट अबाउट लिख देते हैं हा दिस अकाउंट इ क्रिएटेड्रॉअर्नेविगेटर एंड यस एक बार इसको डिलीट करने की कोशिश करते हैं इस वाले अपने रिकॉर्ड को जिससे कि हम तो अगेन वही प्रॉब्लम आगी फिर से मैं चेक करने के लिए सिर्फ एम को उड़ाऊ सीधा तरीका पूरा डेटाबेस को उड़ा दए अरवाज कं दिखाता ही रहेगा तो पूरा डेटाबेस बड़ा दिए राइट क्लिक करते क्रिएट डेटाबेस कर लेते एसीएम ओ एंड लॉगइन कर लेते हैं नेक्स्ट अपने प्रोजेक्ट को रन करते हैं ठीक है टेबल आ चुके होंगे एसटीएम यस टेबल आ चुके यूजर्स नहीं है कोई भी तो हम यूजर्स गिब से भी रजिस्टर करके देखते हैं और googleupdate.exe अटार आ चुका है प्रोवाइडर में गिड आ चुका है एक बार google2 लॉग आउट एंड गुड googleupdate.exe ठीक है सो लेट्स सी ऐसा क्यों हुआ एक बार हम वेरीफाई कर लेते हैं google's सी व्हाई इट्स नॉट अगर google2 है यहां पे एक काम करते हैं एक मैसेज देते हैं जिससे पता चल जाए कि सेव हुआ है कि नहीं सेव हुआ है ऐ आउट दे दो यूजर सेव टू डीबी यूजर सेव्ड और ईमेल आईडी आ जाएगी उसकी ठीक है अभी हम लोग चलते हैं गेट तो काम कर रहा है परफेक्टली रिफ्रेश कर लो एक बार एंड लॉग इन वि ग प क्लिक करो लेट्स सी यहां पर चेक करते हैं सो मुझे लग रहा है यह सेलेक्ट तो हो रहा है बट इंसर्ट नहीं हो रहा है ग के लिए ग इंसर्ट हो चुका था एक बार रिफ्रेश कर लो यार डोंट नो ईमेल आईडी से डाटा को हम फेज कर रहे हैं ईमेल आईडी से गेट फाइंड बाय ईमेल ट मीस यूजर जो निकलेगा वो ईमेल से आना चाहिए तो ल तो हमारे पास ही है हमारे पास पहले जो ईमेल मिल रही है उसका यूजर भी नहीं है एक काम करते हैं लेटस ा विथ डिफरेंट अकाउंट एक बार दूसरे अकाउंट से ट्राई करते हा आई थंक हम लोग का जो ग अकाउंट य ले रहा है व सेम वही ईमेल आईडी ले रहा है जो गट की है तो इसलिए दोबारा अकाउंट नहीं क्रिएट कर रहा है अगर हम चलते हैं और इसको अपने दूसरे अकाउंट से लॉग इन करते हैं लेटस सी ठीक है तो आई थिंक य परफेक्टली चलेगा तो हम लोकल होस्ट इसको हटाओ यार लोकल होस्ट 8081 एंड लॉगइन पर चलो लॉग इन विद ग पे हिट करो एंड इस बार मैं अपना अकाउंट सेलेक्ट कर लूंगा एंड कंटिन्यू पर क्लिक करूंगा एंड त हमारा लगन हो चुका बट मेन इंपोर्टेंट बात है क्या यूजर की इंफॉर्मेशन सेव हो रही डेटाबेस के अंदर कि नहीं सेव हो रही य हमें देखने की जरूरत है तो हम आ जाते यहां पर कंसोल पर देखोगे तो यस यूजर सेव आ चुका होगा यहां पर आपको दिख चुका होगा इस तरफ ठीक है और अब हम डेटाबेस के अंदर चेक करते हैं अगर रिफ्रेश करते हैं तो एक डटा और आ चुका है परफेक्ट ए ईमेल आईडी इस बार हमारी दूसरी आ चुकी है एंड प्रोवाइडर में इस बार आ चुका है ग तो गेट भी काम कर रहा है परफेक्टली एंड ग भी काम कर रहा है परफेक्टली बस हम लोग क्या करते हैं एक यूजर और सेल्फ के लिए रजिस्टर करके देख लेते हैं फाइनल तो लॉग आउट करने के लिए हमें डू लॉग आउट फायर अप करना होगा लट साइन अप चलते हैं और यहां पर हम लोग एक यूजर रजिस्टर करते हैं हर्ष तिवारी gmail.com पासवर्ड कुछ कांटेक्ट नंबर डाल देते हैं दिस इज टेस्टिंग यूजर यूजिंग सेल्फ प्रोवाइडर एंड साइन अप कर देते हैं यस रजिस्ट्रेशन सक्सेसफुल हो गया एंड हमारा यूजर आ जाना चाहिए य पर रिफ्रेश करेंगे देखेंगे तो हमारे पास एक यूजर और आ चुका है और यह जो यूजर है इसकी प्रोवाइडर आईडी यस बात नहीं है बट इसका जो प्रोवाइडर है वह सेल्फ है लॉगइन करके भी चेक कर लेते हैं अगर हम लॉगइन प आते हैं एंड यहां पर हम लोग यूजर नेम पासवर्ड से लॉगइन करना चाहे तो बिल्कुल आप यूजर नेम पासवर्ड से भी लॉग इन कर सकते हो तो फाइनली हम लोग ने इंप्लीमेंट कर लिया गिट हब से लॉगइन को प्रोमट किया जाएगा यह रजिस्टर का कंट्रोलर है दिस ली रजिस्ट्रेशन कंट्रोलर तो मैं यहां पर एक्चुअली मैं यहां पर दिस इ रजिस्टेशन कंट्रोलर इसकी से हम लोग यूजर को रजिस्टर कर रहे हैं थोड़ा सा मैं क्या करता हूं इसको मिनिमाइज कर देता हूं एंड ली व्यू व्यू दिखाने के लिए पेज दिखाने के लिए होता है य वाला हमारा है मैपर एंड ये एक्चुअली प्रोसेस करने केलिए रजिस्ट्रेशन या प्रोसेस रजिस्ट्रेशन प्रोसेस रजिस्ट्रेशन बस आप बात को समझिए चीजें समझ जाओगे अगर आप बात को नहीं समझोगे चीज नहीं समझ पाओगे नेक्स्ट आई थिंक यह जो था ये है यह है लॉगइन के लिए यस दिस इज अ लॉगइन दिस इज शोइंग लॉगइन पेज एंड ये है रजिस्ट्रेशन व्यू रजिस्ट्रेशन पेज रजिस्ट्रेशन पेज के लिए सो इसको हम लोग रजिस्टेशन पेज एंड ये जो है वो एक्चुअली हमारा रजिस्ट्रेशन प्रोसेस के लिए मैंने यहां पे लि लिख भी रखा है प्रोसेसिंग रजिस्ट्रेशन नीचे आते हैं तो आप देखोगे तो यहां पे हमारे पास एक और है यूजर को लॉगइन करने के लिए था शायद था हां ओके यह प्रोसेस के लिए रजिस्ट्रेशन प्रोसेस के लिए बस पेज कंट्रोलर के अंदर इतना ही है यूजर कंट्रोलर के अंदर आके देखते हैं तो हमारे पास ये डैशबोर्ड है ये जो यूजर है वो प्रोटेक्टेड राउट है प्रोटेक्टेड पेजेस है इसके अंदर प्रोटेक्टेड यूआरएल है इसके अंदर तो ये डैशबोर्ड भी प्रोटेक्टेड है एंड साथ ही साथ में हमारे पास यहां प प्रोफाइल भी प्रोटेक्टेड है हम इस डैशबोर्ड के अंदर या फिर इस प्रोफाइल के अंदर हम लोग डालना जो यूजर लॉग इन है कैसे डालेंगे तो हम इसके मेथड के अंदर यहां पर हम लोग इंजेक्ट कर सकते हैं प्रिंसिपल प्रिंसिपल ये देखिए यह प्रिंसिपल आ रहा है सिक्योरिटी से प्रिंसिपल एंड इस प्रिंसिपल से हम निकाल सकते हैं यूजर नेम जो बंदा लॉग इन है सपोज हम प्रिंसिपल ड गेट नेम एंड हमें मिल जाएगा यूजर नेम तो हम एक वेरिएबल के अंदर डाल देते हैं असाइन न्यू लोकल वेरिएबल ये देखिए अब नेम में क्या आ रहा है इसको मैं प्रिंट करके आपको दिखाता हूं सो लेट्स सी इसको प्रिंट करने के लिए आप ली आउट कर सकते हो या लगर यूज कर सकते हो मैं बारबार बता चुका हूं लगर कैसे यूज करना है सिंपली आप यहां पर एक वेरिएबल ले लीजिए प्राइवेट थोड़ा सा बड़ा कर लेया प्राइवेट लगर एल 4 ज का लगर मैं यूज करूंगा एटली लगर इल टू लॉग गर फैक्ट्री डॉट गेट लगर एंड यहां पे एटली आप अपनी क्लास को एस अ क्लास लिख सकते हो यूजर क्लास ड यूर कल क्लास अब हम इस लगर को यूज कर सकते हैं लॉग करने के लिए यहां पे सो हम कहेंगे डॉट इफ लॉग यूजर लगड इन और हम यूजर नेम प्रिंट कर देंगे सिंपली यहां पर आ जाएगा यूजर नेम हम सेव करेंगे एंड लेट्स रन द प्रोग्राम ओपन करते हैं लॉग इन करते हैं एंड प्रोफाइल पेज प ये जाएगा देखिए दिस इज यूजर प्रोफाइल पेज अब हमको देखना है कि एक्चुअली हमें मिल क्या रहा है उस नेम के अंदर उस नेम के अंदर जो मिल रहा होगा उसी के हिसाब से हम लोग आगे प्रोसेसिंग करेंगे सो यहां पर हम लोग चलते हैं तो देखोगे तो यहां पर कहां गया टर्मिनल पर चलते हैं एंड मैं आपको दिखाने की कोशिश करता हूं कि एक्चुअली मिल क्या रहा है सो आप देखो हल्का सा मैं क्या करता हूं थोड़ा सा इसको इस तरफ कसेट लेता हूं एंड आपको देखना है तो आई थिंक यह जो है हमारा लॉग है यूजर लगड इन और ये यूजर की आईडी मिल रही है एक्चुअली ये थ ऑथ के लिए था क्योंकि ऑथ वाला यूजर लॉग इन है तो ये एक आईडी मिल रही है जो सो आप देखो एक आईडी मिल रही है यह यूजर आईडी हमारे गेट से मिल रही है तो यस बात है कि अलग-अलग आईडी मिल र इससे हम पता नहीं लगा पाचली ईमेल क्या है लेकिन अगर मैं यहां पर लॉगइन करता हूं यूजर नेम पासवर्ड से तो अगेन मैं लॉग आउट करता हूं लॉग आउट डू लॉग आउट प्रोसेस लॉग आउट या डू लॉग आउट लॉगइन हो चुका है एंड यहां पर मैं लॉगइन करने जा रहा हूं आई डोंट नो मैंने क्या डाल रखा है लॉग इन करते आई डोंट नो क्या हम लोगों ने का ट्राई करते एक बार ह gmail.com एंड पासवर्ड ओके सो मैं क्या करता हूं साइन अप प चलता हूं फटाफट एक यूजर रजिस्टर कर लेता हूं जॉन एंड जन @ gmail.com पासवर्ड एंड कुछ नंबर डाल देता हूं दिस इज टेस्टिंग यूजर एंड साइन अप प क्लिक कर देता हूं आई थंक इनवैलिड फोन नंबर आ रहा है तो लेट्स फाइंड आउट द वैलिड फोन नंबर डाल देते हैं साइन अप कर देते हैं ओके पासवर्ड डाल देते हैं एंड देन साइन अप मार देते हैं यस साइन अप हो चुका है अब आते हैं यहां प एंड हम लोग यहां प ऑन एंड देन लॉग इन करते इस केस में अगर हम आते हैं अपने कंसोल के अंदर सो हमें यहां पर देखने को मिलेगा कंसोल के अंदर जो हम लोगों ने आई होप हम लोगों ने कहां पे यूजर को प्रिंट कर रखा था ओके सो मैं यहां पर कंट्रोल एफ करता हूं फाइंड करता हूं यूजर बहुत जगह यूजर है तो हमारे पास था यूजर लगड इन एंड ये था गेट हैप के लिए था शायद नेक्स्ट करते हैं एंड ये था एंड एक हमारे पास गट ठीक है सो आप आपको यहां पर यह तो हमारा एक्ली एक बार हम क्या करते हैं एक बार अगेन मैं इसको क्लियर कर देता हूं अगेन हम लोग इसको रिफ्रेश करते हैं यस मैंने अगेन रिफ्रेश कर दिया यहां पर आते हैं तो डोंट थंक हम लोग इसके मिलना चाहिए जो बंदा लॉगइन है सिट की सेलेक्ट क्वेरी दिख रही है ो एक बार हम लोग क्या करते हैं हम लोग स्लश यूजर स्ल प्रोफाइल पर चलते हैं एंड यहां पर आते यहां पर देखो तो आपको य देखिन gmail.com तो हमारे पास तीन तरीके हैं और तीन तरीके के गेट नेम में प्रिंसिपल के गेट नेम में तीन तरीके चीजें मिल रही है ठीक है इसकी बात मैं कर रहा हूं प्रल गट नेम पे अगर हम googleupdate.exe सबसे पहली चीज यहां पर हमें ईमेल आईडी चाहिए अगर हमें ईमेल आईडी मिल गई तो हम उस यूजर की इंफॉर्मेशन निकाल करके और ऐड कर सकते हैं अपनी रिक्वेस्ट के अंदर बट हम कैसे निकाल सकते हैं लेट्स फाइंड आउट हम क्या करेंगे हम एक हेल्पर में एक हेल्पर क्लास ओबवियसली ब बनाएंगे हेल्पर क्लास बनाएंगे एंड हमारे पास हेल्पर है नहीं तो हम लेट्स क्रिएट वन क्लास नेम हेल्पर क्लास एंड इस हेल्पर क्लास के अंदर एक मेथड होगा पब्लिक स्टैटिक और ये रिटर्न कर रहा होगा स्ट्रिंग एक ईमेल आईडी रिटर्न कर रहा होगा एंड गेट ईमेल ऑफ लॉग इन यूजर अब क्योंकि हमारी ईमेल ही यूजर नेम है तो आप यूजर नेम भी लिख सकते थे कि भैया ये यूजर नेम रिटर्न कर रहा होगा बट हमारे इस प्रोजेक्ट के लिए यूजर नेम है वो ईमेल है तो इसीलिए मैंने यहां पे गेट ईमेल ऑफ लगड इन यूजर और हम इसको दे देंगे प्रिंसिपल प्रिंसिपल और यह प्रिंसिपल जो होगा वो एक्चुअली होगा ऑ सिक्योरिटी का सो लेट्स फाइंड आउट इसको हम बना देते हैं प्रिंसिपल ऑ सिक्योरिटी जावा डट सिक्योरिटी आई थिंक जावा डट सिक्योरिटी नहीं है यह प्रिंसिपल होगा आप यूजर कंट्रोल कर देखो लेट्स फाइंड आउट हा जावा ड सिक्योरिटी ठीक है प्रिंसिपल तो इसको रिटर्न करना है इस प्रिंसिपल से रिटर्न करना है ईमेल आईडी तो अभी बाय डिफॉल्ट हम क्या करते हैं एक ब्लैंक रिटर्न कर देते हैं ठीक है और हम क्या करेंगे लेट्स हम यूज करते हैं यहां पर अब हम लोग डायरेक्टली प्रिंसिपल को डायरेक्टली नहीं यूज करेंगे हम लोग वही वाला हेल्पर मेथड यूज करेंगे जो हम हेल्पर डॉट गेट गेट ईमेल ऑफ लॉग इन यूजर और अपना प्रिंसिपल पास कर देंगे और यह हमें ईमेल को दे देगा सो लेट्स ईमेल या नेम यूजर नेम ही है ठीक है सो अब हम इस यूजर नेम को अब हमें पूरा लॉजिक लिखना है ठीक है अपने इस वाले मेथड के अंदर यहां लॉजिक य लिखना है कि अगर अगर हमने ईमेल आईडी पासवर्ड से लॉग इन किया है किया है तो हम ईमेल कैसे निकालेंगे कैसे निकालेंगे और अगर हमने साइन विद और पासवर्ड से लॉगइन है कि किसी और से लॉगिन है इसको चेक करने के लिए हम कहेंगे कि अगर हमारा जो ये ऑब्जेक्ट मिल रहा है प्रिंसिपल का ऑब्जेक्ट इज इंस्टेंस ऑफ ओ ऑथ टू ऑथेंटिकेशन प्रिंसिपल अगर यह इसका मतलब यह किसी ना किसी या तो ग से या गेब से या फब से तो हमें वो कोड यहां पर लिखना है ठीक है एल्स अगर ऐसा नहीं है तो यस बात है ये नॉर्मल ईमेल आईडी पासवर्ड से लॉगिन तो हम सिंपली रिटर्न कर सकते हैं प्रिंसिपल डट नेम और सारा लॉजिक हमें लिखना था यहां प सारा लॉजिक हमें यहां पर लिखना है तो अगर ओबवियस सी बात है कि अगर यह ये जो प्रिंसिपल मिल रहा है हमें ये थ टू इंस्टेंस या ऑथेंटिकेटेड प्रिंसिपल है तो हमें यहां google2 का दैट मींस यहां पे ट यूज ही नहीं हो रहा है नॉर्मल ईमेल आईडी पासवर्ड से लॉगइन किया गया है तो हम क्या करेंगे यहां पे हम लोग लॉजिक लिखेंगे लॉजिक कैसे लिखेंगे याद करो हमने सक्सेस हैंडलर में लॉजिक लिखा था सबसे पहले हम चेक करेंगे कहीं वो सबसे पहले आपको ऑथेंटिकेशन को आपने कन्वर्ट कर लिया था ओ टू ऑथेंटिकेशन टोकन के अंदर बिल्कुल ठीक है और हम लोगों ने भी यहां पर हेल्पर के अंदर आपने चेक कर लिया है ठीक है ओके फिर हम लोगों ने क्या किया था अपने हेल्पर के अंदर हम लोगों ने इस टोकन से गेट ऑथराइज्ड क्लाइंट आईडी निकाली थी एंड फिर हमने चेक किया था कि जो आईडी है व ग वाली तो नहीं है ठीक है आईडी जो ग वाली आडी तो हमें वहां भी य करना पड़ेगा हमें सबसे पहले मतलब हमें यहां पे ऐसा लॉजिक लिखना पड़ेगा जिससे हम लोग ईमेल आईडी निकाल सके सो हम लोग हेल्पर के अंदर क्या हम लोग यहां पे प्रिंसिपल डॉट गेट एटिबल वो सारे एटिबल सकते हैं यार ठीक है ऑथेंटिकेशन प्रिंसिपल मिल रहा है बट हमें ठीक है बट हम यह कैसे चेक करें कि हमें यहां प ऑथेंटिकेशन नहीं मिल रहा है और ऑथेंटिकेशन के अंदर हमारे पास मेथड्स थे हमें एक्चुअली चाहिए इस ऑथेंटिकेशन को थ वो थ ऑथेंटिकेशन टोकन में कन्वर्ट करना देन हमें गेट रजिस्ट्रेशन आईडी निकालनी पड़ेगी देन आईडी को चेक करना पड़ेगा हमें कि वो googleupdate.exe क्लास के अंदर हमें मिल रहा था नीचे आएंगे तो ऑथेंटिकेशन मिल रहा था और इस ऑथेंटिकेशन को हमने कन्वर्ट किया था ओथ ऑथेंटिकेशन टोकन को टोकन में ओके ठीक है इतना बात समझ गए देन ऑथेंटिकेशन टोकन जो हमें मिल रहा था उससे हम लोगों ने गेट ऑथराइज क्लाइंट आईडी या रजिस्ट्रेशन आईडी निकाली थी देन इस आईडी को हम लोग मैच कर रहे थे अगर आप देखो यहां पे ये देखिए कि अगर वो googlethalli.com हो जाता ऑथेंटिकेशन से हम प्रिंसिपल भी निकाल लेते और ऑथेंटिकेशन को हम लोग चेंज कर लेते किसके अंदर टू ऑथेंटिकेशन टोकन के अंदर तो हम लोग क्या कर सकते हैं अपने कंट्रोलर से कंट्रोलर को हम इंजेक्ट कर सकते हैं कंट्रोलर में इंजेक्ट कर सकते हैं ऑथेंटिकेशन जैसे आप प्रिंसिपल इंजेक्ट कर रहे थे वैसे आप ऑथेंटिकेशन को इंजेक्ट कर सकते हो ये देखिए और ऑथेंटिकेशन कहां से आ रहा है भाई ऑथेंटिकेशन हम लोग जो यूज कर रहे हैं दैट इज अ यर ऑथेंटिकेशन ये एक्चुअली ड स्प्रिंग फ्रेमवर्क सिक्योरिटी को ऑथेंटिकेशन वाला है अब अगर हमें यहां पे प्रिंसिपल यूज भी करना है सपोज यहां प्रल यूज करना था तो ऑथेंटिकेशन ड गेट प्रिंसिपल आई थिंक आप समझ मेरी बात में क्या कर रहा तो अब अगर हम ऑथेंटिक गेट प्रिंसिपल कॉल कर लेंगे तो हमें एक्चुअली प्रिंसिपल मिल जाएगा ओके नाउ ठीक है ये चीज आप समझ गए तो हम क्या करेंगे लेट्स डू दैट हम लोग एक्चुअली यहां पे हम लोग डायरेक्टली ऑथेंटिकेशन पास कर देंगे अब और हम अपने हेल्पर के अंदर चलेंगे और हम इसको कर देंगे ऑथेंटिकेशन या आप दोनों भी पास कर सकते हैं आपकी मर्जी ऑथेंटिकेशन ही कर देंगे जो आ रहा होगा यहां से ऑथेंटिकेशन ठीक है सो ये आ रहा है एक्चुअली ये देखिए . स्प फव सटी कोस आरहा है लेकिन हमें यहां पे चाहिए होगा प्रिंसिपल तो अगर हमें प्रिंसिपल चाहिए तो हम ऑथेंटिकेशन बहुत आसानी से हम लोग क्या कर सकते हैं प्रिंसिपल प्रिंसिपल इ इक्वल टू ऑथेंटिकेशन डॉट गेट प्रिंसिपल निकाल सकते हैं एंड इस प्रिंसिपल को डायरेक्टली आप प्रिंसिपल ही यूज करिए ओके सो ये कह रहा है कि अ कन्वर्ट कैन नॉट कन्वर्ट फ्रॉम ऑब्जेक्ट टू प्रिंसिपल नहीं कन्वर्ट कर सकता ओबवियस बात तो मैं कहूंगा ठीक है हम फोर्सली भी कन्वर्ट कर सकते हैं कोई दिक्कत वाली बात नहीं हम इसको प्रिंसिपल के अंदर कन्वर्ट कर देंगे ये देखिए ठीक है सो अभी तक ये कोई प्रॉब्लम नहीं करेगा तो हमारे पास दोनों चीज आ गई एक तो प्रिंसिपल आ गया ठीक है जिसको हम लोग चेक कर रहे कि एक्चुअली ये किसका प्रिंसिपल है या फिर आप डायरेक्टली भी चेक कर सकते हैं आपकी मर्जी नहीं आप डायरेक्टली देख सकते थे कि ये जो प्रिंसिपल है ये ऑथेंटिकेशन ये अगर ओ टू ऑथेंटिकेशन टोकन है तो ऐसी बात है वो इस ऑथेंटिकेशन को कन्वर्ट कर सकते हैं या इस अगर यह ओटू है तो हम यहां पर कन्वर्ट करेंगे इस ऑथेंटिकेशन को यह जो हमें ऑथेंटिकेशन मिल रहा है इसको हम लोग चेंज करेंगे थ टू ऑथेंटिकेशन टोकन में तो हम यहां पे ओ ऑथ टू ऑथेंटिकेशन टोकन में बदलेंगे ओके नाइस नाइस वेर थ टू ऑथेंटिकेशन टोकन एंड इस ऑथेंटिकेशन टोकन से हम लोग क्या निकाल सकते हैं गेट ऑथराइज रजिस्ट्रेशन आईडी निकाल सकते हैं तो हमें मिल जाएगी गाइस यहां पे रजिस्ट्रेशन या आर आईडी क्लाइंट आईडी मिल जाएगी अब हम च कर सकते यह आईडी अगर ग है ट म साइ है ठीक है सो हम य इ लगा सकते फॉर अगर क्लांट आईडी डॉट इक्वल्स इग्नोर केस में चेक करूंगा अगर यह गल ट मस हम हमारा जो क्लाइंट है वह लॉग इन कर रहा है ग से तो हम इसको क्या करते हैं इसके अंदर ल देते और यहां पर मैसेज दे दूंगा गेटिंग ईमेल फ्रॉम ग क्लाइंट फ्रॉम ग एल अगेन हम दो ही यूज कर रहे तो हम यहां पे एल्स एल्स इफ यूज करेंगे अगर फ है तो फ तो यूज नहीं कर रहे हम यहां पे गेट हब यूज कर लेते हैं तो हम यहां पर निकालेंगे गेट वाला इस तरह से आपको करना है गा ठीक है क्या आप यूज कर रहे हो एंड हम यहां पर मैसेज देते हैं गेटिंग ईमेल फ्रॉम गट अब थोड़ा सा हम इसको समझते एकली हमारा कंसोल जिस हिसाब से हम लोग एक्सपेक्ट कर रहे हैं उस हिसाब से चल रहा है कि नहीं चल रहा है एंड यहां पर हम लोग लिख देते हैं गेटिंग डाटा फ्रॉम लोकल डेटाबेस ठीक है सो बस अब हम अलग-अलग लॉगइन करके ये चेक करते हैं कि डेटा एक्चुअली हमें मिल रहा है कि नहीं मिल रहा है एंड फाइनली हमें यहां यूजर नेम मिल जा रहा है तो हम चेक करेंगे इसको बारी-बारी से कि हम एक्चुअली वो सेगमेंट हमारा एक्यूट हो रहा है कि नहीं हो रहा है सो हम इसको क्लियर कर देते हैं एंड सबसे पहले मैं यहां पे आ जाते हैं भाई यहां पे एंड रिफ्रेश करते हैं लॉगइन विथ यूजर नेम है तो आप देखोगे यहां पर क्या कह रहा है यह कह रहा है यूजर इज अनेम मॉडल ओके सो ये कुछ प्रॉब्लम कर रहा है आई थिंक आई थिंक गलत इंपोर्ट हो गया है एक बार हम चेक करते हैं जरा तो अपने यहां पर आते हैं एंड हम लोग प्रिंसिपल ये ऑथेंटिकेशन ग्रेट प्रिंसिपल जब हम करेंगे सो इट विल एक्चुअली आ थिंक द आइडेंटिटी ऑफ द प्रिंसिपल बींग ऑथेंटिकेटेड बींग ऑथेंटिकेटेड फॉर द द प्रिंसिपल बी ऑथेंटिकेटेड और ऑथेंटिकेटेड प्रिंसिपल आफ्टर ऑथेंटिकेशन तो हमें ऑथेंटिकेशन प्रिंसिपल तो मिल रहा है ठीक है कन्वर्ट तो होना चाहिए आई डोंट नो ये ऐसा क्यों हो रहा है ये प्रिंसिपल हमें एक ऑब्जेक्ट रिटन कर रहा है एंड र मैंने उसको क्या किया है इसको जावा ड सिक्योरिटी प्रिंसिपल के अंदर कन्वर्ट कर दिया ट सिंपल वही मुझे चाहिए भी था ओके उसके बाद हम लोगों ने चेक किया कि यह कहीं ऑथेंटिकेटेड प्रिंसिपल है तो लेट्स सी क्या दिक्कत है एक बार मैंने दोबारा से रन किया एंड अगेन मैं क्या करता हूं लॉग आउट करेंगे दोबारा से ट्राई करेंगे लॉग आउट करेंगे तो हम यहां पर डू लॉग आउट ट कर दिया मैंने एंड हम यहां पर जन @ gmail.com एंड देन लॉग इन करेंगे एंड यस परफेक्टली चल रहा है एंड यहां पर आएंगे सो हम अपने कंसोल पर आते हैं एंड हम चेक करते हैं एक्चुअली कि हमारा डेटा आ रहा है जो सेगमेंट हम लोग ने यूज किया वो सेगमेंट चल रहा है कि नहीं चल रहा सो थोड़ा सा मैं ऊपर आऊंगा एंड मैं क्या करूंगा एक बार प्रोफाइल पेज हम लोग और रिफ्रेश कर लेते हैं जिससे थोड़ा सा कंसोल में हमें कंफ्यूजन ना हो तो प्रोफाइल पेज हम यहां पर एक बार और रिफ्रेश कर लेते हैं या फिर हम स्लश यूजर स् यूजर स् प्रोफाइल पे मैं जाऊंगा एंड जब हम प्रोफाइल पे जा रहे हैं तब दिक्कत हो रहा है ठीक है एंड दिक्कत हो रहा है कह रहा है प्र j.s. प्रिंसिपल इज इन मॉड्यूल j बसफ तो हमें लग रहा है आई थिंक हम लोगों ने प्रिंसिपल गलत यूज़ किया है आई थिंक एगजैक्टली आई थिंक हम लोग ने हम लोग को सिक्योरिटी का प्रिंसिपल यूज़ करना चाहिए एक बार हम लोग ट्राई करते हैं इंपोर्ट करने के लिए एंड हमें यूज़ करना है प्रिंसिपल तो जाड सिक्योरिटी का ही यूज़ करना है यार आई डोंट नो यह ऐसा क्यों दे रहा है कैन वी चेंज ओके सो मैं क्या करता हूं एक बार हम लोग अपने ऑथेंटिकेशन हैंडलर में चलते हैं हम लोगों ने क्या किया था हम लोगों ने एगजैक्टली यहां पे एक इफ कंडीशन लगाई थी ऊपर देखो यह ओथ टू ऑथेंटिकेशन टोकन ठीक है फर हम लोगों ने ओके ओके सो हम लोग ने अपने ऑथेंटिकेशन को प्रिंसिपल को कन्वर्ट कर दिया था डिफॉल्ट ओ ऑथ टू यूजर के अंदर ओके सो मैं क्या करता हूं एक बार क्लिक करता हूं एंड ऑथ टू यूजर पे क्लिक करता हूं थ टू ऑथेंटिकेटेड प्रिंसिपल प क्लिक करता हूं बस मैं देखने जा रहा हूं कि इसकी हायरर की कहां से आ रही है ऑथेंटिकेशन प्रिंसिपल ओके सो आई थिंक आई थिंक वी हैव टू चेंज समथिंग तो हमें क्या करना होगा लेट्स गो टू द हम लोग इसको बंद कर दो यार यह सारी चीज बंद कर दो बंद कर दो बंद कर दो बंद कर दो इसको बंद कर दो हेल्पर में आते हैं और यहां पे हम लोग इसको हां हम लोग यहां पे प्रिंसिपल डायरेक्टली यूज करेंगे लेट मी डू ऑथेंटिकेशन ऑथेंटिकेशन प्रिंसिपल करते हैं और इसको हम लोग यूज करते हैं ऑथेंटिकेशन प्रिंसिपल ठीक है एंड यस सी बात हमें प्रिंसिपल की जरूरत नहीं है यहां पे एंड देन हम यस सी बात है कि ऑथेंटिकेशन प्रिंसिपल में हम लोग इसको चेंज कर सकते हैं फिर हम लोग चेक कर सकते हैं प्रिंसिपल अगर थ टू का है ठीक है अदर वाइज अब अगर हमें प्रिंसिपल मिल गया सो कैन व हम लोग यहां पर आते हैं गेट इसके पास हमारे पास क्या क्या है गेट टू स्ट्रिंग है इस प्रिंसिपल के पास क्या है भाई प्रिंसिपल डॉट गेट गेट क्लास डायरेक्टली आई डोंट नो इसके पास तो कुछ है ही नहीं ओके ओके ओके सो हमें क्या करना पड़ेगा लेट मी ट्राई समथिंग एल्स तो हम लोग क्या करेंगे हम लोग डायरेक्टली इसको किसी में चेंज नहीं करेंगे ऑथेंटिकेशन मिल रहा है हम लोग चेक करेंगे डायरेक्टली अगर य थट है वो अगर थ टू ऑथेंटिकेशन थ टू ऑथेंटिकेशन टोकन है तो य बात है कि यह हमारा ग साइन इन विथ ग वगैरह होगा ठीक है फिर हम ऐसा प्रोसेस कर लेंगे जैसा हम लोग ने य प्रोसेस किया अगर नहीं ऐसा तो हम लोग क्या करेंगे अपनी ऑथेंटिकेशन से डॉट गेट क्या कर सकते हैं प्रिंसिपल अथॉरिटीज एंड नेम ठीक है एंड नेम जो है आई थिंक क्या रिटन करेगा रिटर्नस द नेम ऑफ दिस प्रिंसिपल एक बार देखते य ऑब्जेक्ट रिटन कर रहा है सो लेट्स फाइंड आउट एरर क्यों आ रहा है ये हां सो एक बार बस हम ये चेक करने वाले हैं कि इस नेम में क्या आ रहा है अगर ये नेम में हमारा यूजर नेम आ गया तो हमारा काम हो जाएगा सो क्लियर करेंगे एंड अगेन हम लोग ट्राई करेंगे रिफ्रेश करेंगे एंड यस लेट्स फाइंड आउट यहां पे आते हैं तो आप देखोगे यहां पे गेटिंग डाटा फ्रॉम द लोकल स्टोरेज एंड एगजैक्टली आप देखो ज @ gmail.com आ रहा है अगर हम किसी और से लॉग इन करेंगे तो इस ऑथेंटिकेशन में जब आपने गेट नेम कॉल किया तो एक्चुअली उस प्रि का नेम वो फेच कर रहा है प्रिंसिपल का नेम मतलब यूजर नेम जो भी होगा आ जाएगा और हमारा यूजर नेम ईमेल आईडी है तो परफेक्टली हमारा य काम हो रहा है एक बार हम क्या करते हैं लॉगइन विद लॉग आउट करके चेक कर लेते हैं अपना क्या गिट अप तो मैंने क्लिक किया गिट अप इस बार गेटिंग ईमेल फ्रॉम गिट अप आना चाहिए सो लेट्स फाइंड आउट ये देखिए गेटिंग ईमेल फ्रॉम गिट तो अब हमारा ये वाला क्लास परफेक्टली काम कर रहा है अगर आप गब और अब हमें यहां से रिटर्न करना है ईमेल आईडी ईमेल आईडी दैट मींस यहां से रिटन करना है यूजर नेम रिटर्न करना है तो हम लोग क्या करेंगे हम लोग यहां से यूजर नेम रिटर्न करते हैं जीमल के केस में और गेट अप के केस में और हम लोगों ने इसको कर रखा था भाई अपने ऑथ सक्सेस हैंडलर के अंदर यह देखो ईमेल आईडी कैसे निकाली थी हम लोगों ने कन्वर्ट कर लिया था अपने इस प्रिंसिपल को कन्वर्ट कर लिया था डिफॉल्ट ऑथ टू यूजर के अंदर तो हम लोग यही काम करेंगे हम अपने हेल्पर के अंदर आ जाएंगे एंड यहां पर हम एक वेरिएबल लेंगे टू यूजर और हम क्या करेंगे जो हमें ऑथेंटिकेशन ड गेट प्रिंसिपल मिल रहा होगा इसको कन्वर्ट कर लेंगे हम टू ओ थ टू यूजर के अंदर ठीक है अब इस थ टू यूजर से हम लोग काफी चीज कर सकते हैं हम लोग कहेंगे टू टू डट गेट एटिबल आईडी पास कर देंगे फॉर ईमेल ईमेल आईडी पास कर देंगे फर द ईमेल सो लेट्स ट सी यहां पे आप चेक कर लो अगर आपका बंदा एक बार आप चेक कर लीजिए यहां प गिट अप था अगर तो ईमेल आईडी को फेच करने का ये वाला तरीका था तो यस बात ये ईमेल आईडी है ईमेल आईडी हमारा यूजर नेम है तो उसी हिसाब से प्रोसेसिंग कर रहे हैं ये हम यहां पर डाल देंगे एंड हम लोग का जो वेरिएबल है वो ऑ टू यूजर है यही हम यहां प यूज करेंगे ए यही हम और यहां भी यूज करेंगे ठीक है इसके बारे में मैंने आपको बता दिया था तो पोटें लेने की जरूरत नहीं है अगर आपने वो वाला क्लास देखा होगा तो आपको पता होगा ठीक है यूजर नेम आ जाएगा ये क्या कह रहा है ये कह रहा है कि द वैल्यू ऑफ लोकल वैल्यू मस्ट इज नॉट यूज्ड तो यूज नहीं किया इसलिए प्रॉब्लम है और ये यूजर ने हम यहां से रिटर्न कर देंगे यस तो बस अगर आपने नॉर्मल यूजर लॉगइन किया है तो यह वाला जो मेथड है वो नॉर्मल यूजर का लॉग इन डिटेल्स से निकालेगा यूजर नेम अगर आपका जो गाइस यूजर नेम है वो ईमेल आईडी है तो ईमेल आईडी रिटर्न हो जाएगा अगर लॉगिन विद google2 ऑथेंटिकेशन टोकन है थ यूज हो रहा है तो क्या करेगा ये भी चेक करेगा कि रजिस्ट्रेशन आईडी क्या है यूजर फ्रॉम डीबी ठीक है सो हम लोग करते हैं भाई आगे प्रोसीड करते हैं डेटाबेस से निकालते हैं और रिक्वेस्ट में ऐड करते हैं उसको [संगीत]