वेब-अनुप्रयोगों का परिचय

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

वेब-अनुप्रयोग टैब

वेब अनुप्रयोग डिज़ाइनर पर जाने के लिए, बाएँ फलक में उपयुक्त आइटम का चयन करें। यहां आप देख सकते हैं कि पहले एप्लिकेशन के लिए प्रारंभिक शेल पहले ही बनाया जा चुका है। आप नाम या डिज़ाइन बदल सकते हैं या इसे हटा भी सकते हैं।

यह तुरंत ध्यान देने योग्य है कि AppMaster में बहुत कुछ स्वचालित रूप से बनाता है। उदाहरण के लिए, डेटाबेस के डिज़ाइन चरण के दौरान, हम व्यवस्थापक पैनल के लिए एंडपॉइंट और उपयोगकर्ता इंटरफ़ेस तत्वों की ऑटो-जेनरेशन सेट कर सकते हैं। हालांकि, प्रशिक्षण के हिस्से के रूप में, हम शुरुआत से सब कुछ बनाने की कोशिश करेंगे। यह आपको विषय को बेहतर ढंग से समझने और सभी प्रक्रियाओं को पूरी तरह से समझने की अनुमति देगा।

डिजाइनर कैनवास

सबसे पहले, आइए व्यवस्थापक पैनल खोलें और देखें कि हमें किसके साथ काम करना है।

हमारे पास बाद में सभी तत्वों और कार्यों का पता लगाने का अवसर होगा, लेकिन शुरुआत के लिए, बड़ा सफेद क्षेत्र सबसे दिलचस्प है। कैनवास, जहां हम सभी आवश्यक डिजाइन तत्वों को स्थानांतरित करेंगे। इन तत्वों की पूरी सूची ऊपर ही देखी जा सकती है। बटन, स्विच, टेबल, चित्र, इनपुट फ़ील्ड और बहुत कुछ हैं।

जैसा कि आपको याद है, हमने पिछले मॉड्यूल में एक व्यावसायिक प्रक्रिया (और एक से अधिक) और एक समापन बिंदु बनाया था। अब हमें एक उपयुक्त ग्राफिकल शेल की आवश्यकता है।

इसमें क्या डालने की जरूरत है?

• इनपुट फ़ील्ड X और Y
• एक बटन जो गणना प्रक्रिया शुरू करता है
• गणना के परिणाम रिकॉर्ड करने के लिए फ़ील्ड
• एक सुविधाजनक फ्रेम, जो, हालांकि काम के लिए अनिवार्य तत्व नहीं है, उपयुक्त होगा।