वेब पेज और मॉडल
वेब-एप्लिकेशन में नए पेज और मोडल विंडो कैसे बनाएं
अधिकांश वेब एप्लिकेशन बनाने में सबसे महत्वपूर्ण कदम उनके काम को डेटाबेस के साथ व्यवस्थित करना है। डेटाबेस से डेटा कैसे प्राप्त करें, इसे उपयोगकर्ता की स्क्रीन पर कैसे प्रदर्शित करें, और इस डेटा को कैसे प्रबंधित और हटाएं।
यह ऐसे प्रश्न हैं जिनके लिए पाठ्यक्रम का नया मॉड्यूल समर्पित है। तीसरे मॉड्यूल में, हमने शहरों और देशों के बारे में जानकारी दर्ज करने के लिए एक डेटाबेस और डिज़ाइन किए गए मॉडल बनाए। अब हम इस डेटाबेस के साथ काम को व्यवस्थित करेंगे। हमें निम्नलिखित करना है:
- डेटाबेस से जानकारी आउटपुट करने के लिए एक टेबल बनाएं
- डेटाबेस में डेटा जोड़ने के साथ-साथ उन्हें हटाने का तरीका जानें
- जानें कि उपयोगकर्ता के अनुकूल इंटरफेस बनाने के लिए मोडल विंडो कैसे काम करती है
- समझें कि लिंक्ड टेबल कैसे काम करते हैं
पृष्ठों
आइए प्रारंभिक भाग से शुरू करें। हमारा ऐप बड़ा हो रहा है, और यह एक पेज पर तंग हो गया है। हमें कम से कम एक और बनाने की जरूरत है। आइए इसे बाएं मेनू में जोड़ें।
आइए बनाए गए पृष्ठ को " World " कहते हैं और आइकन और एक स्पष्ट URL सेट करते हैं।
मोडल विंडो
हमें बनाए गए पृष्ठ पर नए देशों को जोड़ने की क्षमता की आवश्यकता है। ऐसा करने के लिए, हमें एक मोडल विंडो की आवश्यकता है जिसमें हम आवश्यक डेटा दर्ज करेंगे और एक बटन जो इस मोडल विंडो को खोलेगा।
मोडल विंडो एक विशेष घटक है। यह पृष्ठ पर किसी विशिष्ट स्थान पर कब्जा नहीं करता है और साथ ही, घटक के गुणों (घटकों के लिए विशिष्ट सेटिंग्स के साथ) और नए पृष्ठ (अन्य घटकों को जोड़ने के लिए अपने स्वयं के कैनवास के साथ) को जोड़ता है। एक मोडल लगाने के लिए सबसे उपयुक्त स्थान पृष्ठ के निचले भाग में है। यह हरे रंग में हाइलाइट किया गया है, जैसा कि मोडल घटक ही है।
इसे एक उपयुक्त नाम देना आवश्यक है, और बटन दबाने पर, एक साधारण क्रिया निर्दिष्ट करें - इस मोडल विंडो को प्रदर्शित करना।
अगला कदम आवश्यक डेटा दर्ज करना है। हमने पिछले मॉड्यूल में पहले से ही एक समान ऑपरेशन किया था जब हमने एक्स और वाई के मूल्य को पारित किया था। अब हमें वही काम करने की ज़रूरत है, सिवाय इसके कि डेटा प्रकार अलग है, और इनपुट फ़ील्ड एक मोडल विंडो में हैं।
डेटाबेस देशों के बारे में सबसे बुनियादी जानकारी दर्ज करता है। यह उनका नाम ( String प्रकार) और सामान्य विवरण ( Text ) है। ये वे इनपुट फ़ील्ड हैं जिन्हें आपको जोड़ने की आवश्यकता है।
