वेब एप्लिकेशन डिज़ाइनर एक सुविधाजनक ड्रैग एंड ड्रॉप इंटरफ़ेस के साथ एक विज़ुअल बिल्डर है। इसे समझने के लिए आपको प्रोग्रामिंग जानने की आवश्यकता नहीं है - हमारे प्लेटफॉर्म पर अन्य नो-कोड टूल की तरह, यह सहज है।

आरंभ करने के लिए, वेब ऐप्स टैब पर जाएं - आपके प्रोजेक्ट के भीतर बनाए गए सभी एप्लिकेशन प्रदर्शित होंगे। यहां आप उन्हें संपादित करने, हटाने या नए बनाने के लिए खोल सकते हैं।

चयनित एप्लिकेशन को कॉन्फ़िगर करने के लिए - इसके पूर्वावलोकन पर क्लिक करें।

AppMaster.io Web Designer select web application

विंडो संपादित करें

वेब एप्लिकेशन संपादन विंडो आपको इसकी उपस्थिति, बैकएंड के साथ डेटा विनिमय, साथ ही कुछ सामान्य मापदंडों को अनुकूलित करने की अनुमति देती है।

परियोजना के बारे में सूचना क्षेत्र में (1), आप इसका नाम देखेंगे, आप सेटिंग में जा सकते हैं, इसे साझा कर सकते हैं, एपीआई दस्तावेज़ खोल सकते हैं, और अपने वेब एप्लिकेशन का प्रकाशित संस्करण भी देख सकते हैं। प्रकाशित करें बटन (2) आपको प्रोजेक्ट को प्रकाशित करने की अनुमति देता है - वेब एप्लिकेशन डिज़ाइनर और AppMaster.io Studio के अन्य अनुभागों में आपके द्वारा किए गए सभी सहेजे गए परिवर्तनों को लागू करें।

AppMaster.io Web Designer Interface

नीचे आपके आवेदन का नाम है (1)। एप्लिकेशन सेटिंग्स और इसके प्राधिकरण और पंजीकरण फॉर्म (वे अलग से कॉन्फ़िगर किए गए हैं) के बीच संक्रमण के लिए टैब (2) नीचे हैं।

दाईं ओर (3), आप कॉन्फ़िग फ़ाइल (config.json) को निर्यात कर सकते हैं या इसे डिफ़ॉल्ट सेटिंग्स पर रीसेट कर सकते हैं, वर्तमान वेब एप्लिकेशन की सेटिंग खोल सकते हैं और आपके द्वारा किए गए परिवर्तनों को सहेज सकते हैं (प्रकाशित किए बिना)।

AppMaster.io Web Designer Components

अवयव

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

घटकों को 3 समूहों में विभाजित किया गया है:

  1. संरचना और मेनू आइटम का निर्माण - पृष्ठ और पृष्ठ समूह जोड़ें।
  2. पेज मार्कअप और फॉर्म, बटन, सूचियां, नक्शे आदि जोड़ना।
  3. मोडल (पॉप-अप) विंडो।

AppMaster.io Web Designer Drag&Drop UI Components

घटक का रंग उस अनुभाग के रंग से मेल खाता है जिसमें इसे जोड़ा जा सकता है। उदाहरण के लिए, पेज घटक मुख्य मेनू के लिए है, और मॉडल ऐप घटकों के लिए है।

हम जल्द ही प्रलेखन प्रणाली में घटकों की सूची और उनका विस्तृत विवरण जोड़ेंगे।

धारा

आपके द्वारा अपने आवेदन (2) में कम से कम एक पृष्ठ जोड़ने के बाद पृष्ठ अनुभाग (1) प्रकट होता है।

Page Content Section Web Apps Builder AppMaster.io

शीर्षलेख (1) में मुख्य कैनवास के ऊपर। यह वेब एप्लिकेशन विंडो के शीर्ष पर, इसके सभी पृष्ठों पर प्रदर्शित होगा। यहां आप निकास और वापसी बटन, लोगो, संपर्क, भाषा स्विचर आदि जोड़ सकते हैं।

बाईं ओर मेनू (2) है। ऐप कंपोनेंट्स (3) सेक्शन में आप ऐसे मॉडल जोड़ सकते हैं जो एप्लिकेशन के सभी पेजों पर उपलब्ध होंगे। मोडल उपयोगकर्ताओं को तब तक दिखाई नहीं देते जब तक कि उन्हें ट्रिगर करने वाली घटना न हो जाए।

नीचे "कचरा बिन" (4) पृष्ठ से घटकों को खींचकर और छोड़ कर जल्दी से निकालने के लिए है (आप सेटिंग विंडो में ट्रैश कैन आइकन पर भी क्लिक कर सकते हैं)।

AppMaster.io Web Designer Interface Sections

मुख्य भाग के नीचे पृष्ठ घटक (1) है। आपके द्वारा यहां जोड़े गए मॉडल केवल वर्तमान पृष्ठ पर ही उपलब्ध होंगे।

सबसे निचला भाग, पादलेख (2), शीर्षलेख के समान कार्य करता है।

AppMaster.io Web Designer Interface Section Footer

काम की शुरुआत

काम करने का सबसे अच्छा तरीका: AppMaster.io में वेब एप्लिकेशन बनाने से पहले इसके लेआउट पर विचार करें और बैकएंड डिज़ाइन करें। उसके बाद, आप आवश्यक घटकों को जोड़ सकते हैं और उन्हें तुरंत डेटाबेस और व्यावसायिक प्रक्रियाओं से जोड़ सकते हैं। हमारे नो-कोड प्लेटफॉर्म के बारे में विस्तृत जानकारी डॉक्स में है। सेटिंग के विशिष्ट उदाहरण ब्लॉग और YouTube चैनल पर हैं।