paint-brush
FLET का संक्षिप्त परिचय: Python के साथ फ़्लटर ऐप्स बनानाद्वारा@valentineenedah
37,924 रीडिंग
37,924 रीडिंग

FLET का संक्षिप्त परिचय: Python के साथ फ़्लटर ऐप्स बनाना

द्वारा Valentine Enedah3m2022/11/08
Read on Terminal Reader
Read this story w/o Javascript

बहुत लंबा; पढ़ने के लिए

FLET डेवलपर्स को पायथन में आसानी से रीयल-टाइम वेब, मोबाइल और डेस्कटॉप ऐप बनाने में सक्षम बनाता है। पागल बात यह है कि किसी फ्रंट-एंड अनुभव की आवश्यकता नहीं है, और हालांकि मोबाइल संस्करण अभी भी विकास में है, फिर भी हम प्रगतिशील वेब ऐप पर भरोसा कर सकते हैं।

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - FLET का संक्षिप्त परिचय: Python के साथ फ़्लटर ऐप्स बनाना
Valentine Enedah HackerNoon profile picture

क्या आप जानते हैं कि आप पायथन में स्पंदन ऐप्स बना सकते हैं?😮


सॉफ्टवेयर विकास की दुनिया में स्पंदन काफी लोकप्रिय है।

आइए पायथन के साथ स्पंदन ऐप्स बनाने की दुनिया में गहराई से उतरें!🙂


FLET . के बारे में

शुरू करने से पहले, FLET क्या है?


FLET डेवलपर्स को पायथन में आसानी से रीयल-टाइम वेब, मोबाइल और डेस्कटॉप ऐप बनाने में सक्षम बनाता है।

पागल बात यह है कि किसी फ्रंट-एंड अनुभव की आवश्यकता नहीं है, और हालांकि मोबाइल संस्करण अभी भी विकास में है, फिर भी हम प्रगतिशील वेब ऐप पर भरोसा कर सकते हैं।


FLET . की मनमोहक विशेषताएं


  1. यह स्पंदन द्वारा संचालित है।
  2. आप कुछ ही मिनटों में एक ऐप को जीवंत कर सकते हैं।
  3. इसमें एक साधारण वास्तुकला है।
  4. पायथन के अलावा, गो, सी #, आदि जैसी अन्य भाषाओं का भी समर्थन किया जाएगा।


कमाल है, है ना??


FLET कैसे स्थापित करें

FLET को स्थापित करने के लिए, आप इस कमांड का उपयोग करते हैं:

pip install flet


याद रखें: यह उन लोगों के लिए है जो संस्करण 3 से कम पायथन संस्करण का उपयोग कर रहे हैं।


अन्यथा,

pip3 install flet


अपने पाइप को नवीनतम संस्करण में अपग्रेड करने के लिए।

pip install -- upgrade pip


स्पंदन में एक संक्षिप्त गोता 🏊‍♀️

Google द्वारा बनाया गया UI टूलकिट फ़्लटर , प्रोग्रामर को शीर्ष उपयोगकर्ता इंटरफ़ेस वाले ऐप्स बनाने देता है। जावा के विपरीत, फ़्लटर डार्ट प्रोग्रामिंग को नियोजित करता है, एक ऑब्जेक्ट-ओरिएंटेड भाषा जो सीखने में बहुत आसान है।


नए फ़्लटर संस्करण (3.4.0-34.1.pre) के लिए, हम एक कोड-बेस के साथ मोबाइल (एंड्रॉइड/आईओएस), मैकोज़, वेब, लिनक्स और डेस्कटॉप के लिए ऐप्स बना सकते हैं।


नोट: कई ऑपरेटिंग सिस्टम का उपयोग करते समय, हमें स्पष्ट रूप से कुछ समायोजन करने की आवश्यकता होती है।


FLET . के साथ एक बहुत ही सरल एप्लिकेशन बनाना

आइए FLET के साथ एक सरल एप्लिकेशन बनाएं।


उदाहरण के लिए, एक काउंटर एप्लिकेशन जिसमें

  1. एक टेक्स्ट-फ़ील्ड
  2. वेतन वृद्धि और कमी के लिए दो बटन


कोड के टुकड़े

सबसे पहले, हमें काउंटर ऐप (जैसे विजेट) के लिए आवश्यक FLET और अन्य सुविधाओं को आयात करने की आवश्यकता है।

 import fletfrom flet import Row, icons, IconButton, TextField, Page;


हम मुख्य कार्य को परिभाषित करते हैं जो हमारे आवेदन की जड़ है और एक शीर्षक भी निर्धारित करता है।


आइए विजेट्स को व्यवस्थित करें क्योंकि ऐप का बेस पार्ट पहले से ही तैयार है।

विजेट जोड़ने के लिए, हम पेज का उपयोग करते हैं। जोड़ें (विजेट… ..)।


 def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center"


ऐप की पंक्तियों के लिए, हम विचार करेंगे…


टेक्स्ट फ़ील्ड और बटन

 page.add(Row([ IconButton(icons.REMOVE), TextField(text_align="center",value="0", width=100) IconButton(icons.ADD) ], alignment="center") )


अब, हम दो कार्यों को परिभाषित करते हैं जो प्रेस की घटनाओं को संभालेंगे।

 //Decrement def minus(e) : tf.value = int(tf.value) -1 page.update()//Increment def plus(e) : tf.value = int(tf.value) + 1 page.update()


'tf' टेक्स्ट-फील्ड को संदर्भित करता है जिसे हमने रो में रखा है। अगली बात, हम टेक्स्ट-फ़ील्ड मान के लिए उपयोग करते हैं, जिसे हमें एक चर के भीतर ही लपेटना होता है।


यह समग्र कोड स्निपेट है:

 import flet from flet import Row, icons, IconButton, TextField, Page; def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center" tf =TextField(text_align="center",value="0", width=100) #Functions def minus(e): tf.value = int(tf.value) -1 page.update() def plus(e): tf.value = int(tf.value) + 1 page.update() #Widgets page.add( Row([ IconButton(icons.REMOVE, on_click=minus), tf, IconButton(icons.ADD, on_click=plus) ], alignment="center") ) flet.app(target=main,view=flet.WEB_BROWSER)


अंतिम भाग एप्लिकेशन को चलाना है।

flet.app(target=main)


हम इस कमांड को जोड़ते हैं जो सीधे "मुख्य" को लक्षित करता है


ऐप चलाने के लिए, यह कमांड टाइप करें

python filename.py


ध्यान दें कि आपको फ़ाइल के समान निर्देशिका में होना चाहिए।


यूआई:

जैसा कि मैंने स्पंदन खंड में एक संक्षिप्त गोता में कहा था, इसका उपयोग आपके वेब ब्राउज़र पर भी किया जा सकता है।


उसके लिए एक छोटा सा समायोजन आवश्यक है; बस जोड़ें

flet.app(target=main,view=flet.WEB_BROWSER)


यहाँ अंतिम परिणाम है


आप यहां FLET के बारे में अधिक जान सकते हैं:

https://flet.dev/docs/roadmap