मैं (मुख्य रूप से जावास्क्रिप्ट के माध्यम से)वास्तुकला
चलो कहते हैं कि मैं एक प्रवेश पृष्ठ करते हैं (Usernam/पासवर्ड) और सफल प्रमाणीकरण पर एक पृष्ठ आवेदन को डिजाइन करने के लिए समग्र वास्तुकला को समझने के लिए चाहता था, मैं मुझे होमपेज दिखाया गया है। अब लॉगिन और होमपेज स्क्रीन दोनों वास्तव में एक पृष्ठ का हिस्सा होना चाहिए।
मैं इस प्रकार के पेज को कैसे डिज़ाइन कर सकता हूं?
यह इतना व्यापक सवाल है कि संपूर्ण पुस्तकों को विस्तार से इसका उत्तर देने के लिए लिखा जा सकता है।
मूल रूप से आपको पृष्ठ रीलोड के बजाय AJAX का उपयोग करना है। आपको अभी भी उपयोगकर्ताओं को प्रमाणीकृत करने के लिए सर्वर से कनेक्ट करने की आवश्यकता है, लेकिन हर बार जब आप इसे पूरा करते हैं तो पूरे पृष्ठ को पुनः लोड करने की बजाय, आपको अपने सर्वर पर AJAX कॉल करने की आवश्यकता होती है और इस पर निर्भर करता है कि लॉगिन सफल था या सामग्री के कुछ हिस्सों को नहीं बदला गया था पृष्ठ पर (जैसे लॉग इन बटन को "उपयोगकर्ता xxx के रूप में लॉग इन करें" संदेश आदि में बदलना)।
यह एक दृष्टिकोण है, लेकिन आपको AJAX के साथ पूर्ण/आंशिक पृष्ठों को लोड करने की आवश्यकता नहीं है। आपके पास मुख्य पृष्ठ की जावास्क्रिप्ट में सबकुछ हो सकता है और बस जेएसओएन या जो कुछ भी डेटा लोड कर सकता है। – JJJ
हां @ जुहाना और यह मैंने जो कुछ कहा वह काफी है। :) मैंने AJAX के साथ पूर्ण/आंशिक पृष्ठों को लोड करने के बारे में कुछ भी नहीं कहा है, अकेले रहने दें कि यह आवश्यक है। :) मैंने सर्वर से कनेक्ट करने के लिए AJAX का उपयोग करने के लिए कहा है और फिर पृष्ठ के कुछ हिस्सों को बदलने के लिए - इसलिए मैं केवल आपकी टिप्पणी से सहमत हूं। :) – rsp
ठीक है, वह आलोचना नहीं थी लेकिन ओपी को अतिरिक्त जानकारी थी। – JJJ
आप मौजूदा समाधान से प्रेरणा है कि आप वेब पर मिल सकता है ले सकता है:
मैं बस SourceForge के लिए एक परियोजना जोड़ा मदद मिल सकती है । मैं इस पुस्तकालय को लगभग एक साल से विकसित कर रहा हूं, और मुझे लगता है कि यह प्राइम टाइम के लिए तैयार है। यह प्रोजेक्ट आपको जावास्क्रिप्ट के भीतर से एएसपीएनटी एमवीसी का संदर्भ देने की अनुमति देता है।
https://sourceforge.net/projects/peachajax/
इस पुस्तकालय AJAX के संचालन के लिए उपयोग करने के लिए गतिशील जावा स्क्रिप्ट कोड उत्पन्न करता है। पुस्तकालय के लिए jQuery की आवश्यकता है। उदाहरण के लिए, यदि आप AJAX के ऑपरेशन के लिए एक नियंत्रक के भीतर एक कार्य विधि का उपयोग करें, आप जल्दी से गतिशील रूप से उत्पन्न जावास्क्रिप्ट फ़ाइल के माध्यम से इस का उपयोग कर सकते इस प्रकार है:
peach.ControllerName.ActionMethodName(parameter1, parameter2, parameter3); // javascript
मैप किया मापदंडों सीधे ActionMethods मानकों के साथ जुड़े रहे हैं ।
अनुकूलन विशेषताओं में शामिल हैं:
आप इस मुफ्त Single Page App book को देखना चाह सकते हैं। जब मैंने "सिंगल पेज ऐप" गुगल किया तो मैंने इसे पाया।
आप यह पहले से ही नहीं देखा है, तो जॉन पिताजी Pluralsight पर डिजाइनिंग एकल पृष्ठ आवेदन पर एक बहुत ही लोकप्रिय कोर्स है: http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart
यह एक Pluralsight सदस्यता की आवश्यकता है, लेकिन आप एक 10 दिन नि: शुल्क परीक्षण प्राप्त कर सकते हैं सामग्री की पुष्टि करने के लिए आप के लिए मूल्यवान है। (मैं Pluralsight, btw से संबद्ध नहीं हूं।)
यदि आप अधिक एमवीसी लड़के हैं, तो मैं व्यक्तिगत रूप से chaplinjs.org का उपयोग कर रहा हूं, जो रीढ़ की हड्डी पर आधारित है, और सिंगल-पेज ऐप महिमा के लिए एचबीएस है। मेरे पास लंबे चुनावों की बजाय websockets का उपयोग करने के लिए कुछ संशोधन हैं, लेकिन यह काफी काफी विस्तार योग्य है, और यदि आप एमवीसी से परिचित हैं, तो अंदर आने में आसान (आप चैपलिन की तुलना में रीढ़ की हड्डी के साथ और अधिक समस्याएं चलाएंगे)
यह उत्तर देने के लिए एक सवाल है। आपको वास्तव में समस्याएं कहां हैं? – JJJ
मैं सिर्फ समग्र वास्तुकला को समझना चाहता था .... – testndtv
"एकल पृष्ठ एप्लिकेशन को डिजाइन करने के लिए समग्र वास्तुकला" - कोई नहीं है। आप कई दृष्टिकोण हैं जो आप ले सकते हैं। – Quentin