🤷🏽 🎱 🤟🏿 पायथन में बहु-पृष्ठ एसपीए 🎀 🖲️ 📏

अजगर और प्रतिक्रिया के बीच का पुल

एक उल्लू एक नैनो फ्रेमवर्क है जिसे अन्य फ्रेमवर्क में एकीकृत किया जा सकता है।
Sova.online की तस्वीर, जिस पर 3 http सर्वर चल रहे हैं:
http://sova.online/ - सिर्फ फाल्कन
http://sova.online:8000/ - सिर्फ Django
http://sova.online:8001/ - सिर्फ पायथन (लॉगिन: 1, पासवर्ड: 1)
स्रोत कोड और स्थापना निर्देश हैं। वहां कोई विज्ञापन नहीं है।

प्रतिक्रिया पर प्रतिपादन के साथ पायथन में साइट बनाने का विचार नया नहीं है। एक अद्भुत रूपरेखा है https://plot.ly/products/dash/ , कुछ और क्यों करें?
समझाएं: उल्लू को वेबसाइट के विकास के लिए नहीं बनाया गया है। यह ब्राउज़र (डेस्कटॉप एप्लिकेशन) के माध्यम से चलने वाले एप्लिकेशन के साथ मोटे क्लाइंट को बदलने के लिए एक उपकरण है।

- वेब क्लाइंट क्या है?
- नहीं। यह वेब क्लाइंट नहीं है। यह एक ब्राउज़र एप्लिकेशन है।
"मुझे समझ नहीं आया।"
- दुर्भाग्य से, कई डेवलपर्स समझ में नहीं आता है।

एक सामान्य के रूप में, मैंने सक्रिय रूप से कई इंटरनेट अनुप्रयोगों के साथ काम किया।

उग्रा बैंक के ऑनलाइन ग्राहक (बैंक बंद है)।
यह एक अच्छा अनुप्रयोग था, लेकिन यह एक जावा एप्लेट था, अर्थात मोटी क्लाइंट ब्राउज़र से लॉन्च किया गया। और उग्रा के बैंक, और अतीत में एप्लेट।

VTB-24 बैंक ऑनलाइन ग्राहक (बैंक बंद है)।
मैं एक मानवतावादी हूं, लेकिन इस चमत्कार, क्रूर विचारों के साथ काम करने के बाद: "डेवलपर को इसमें 1000 पेचेक रजिस्टर करें" दिखाई देने लगे।
इसके अलावा, एक वेब क्लाइंट के रूप में, वह सुंदर है। एनीमेशन मोबाइल फोन पर खुलता है। वाह! कूल!
मैंने एक मित्र से पूछा: आप उसके साथ कैसे काम करते हैं?
वह कहती है: महान! मैं 1s में डेटा लोड करता हूं, 1s मैं काम करता हूं, मैं परिणाम वापस अपलोड करता हूं।

Sberbank ऑनलाइन क्लाइंट
संतोषजनक ग्राहक, आप काम कर सकते हैं। जब मुझे उसे रेट करने के लिए कहा गया, तो मैंने उसे 5 में से 3 अंक दिए और उसे टिप्पणियों की एक सूची दी। यह मेरे 10 भुगतान प्रति माह के साथ है। जो लोग एक दिन में 100 बिल बनाते हैं वे जानकारी अपलोड करने की संभावना रखते हैं।

भुगतान भरना।

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

ट्रेडिंग फ्लोर (5 टुकड़े, 44 संघीय कानून)
ये सही मायने में एप्लिकेशन हैं (वेब क्लाइंट नहीं)। लेकिन मुझे फील्ड कंट्रोलर पसंद नहीं हैं।
उदाहरण:

यह अजीब संरेखित है, क्षेत्र की चौड़ाई स्पष्ट रूप से अपर्याप्त है, इनपुट क्षेत्र में कोई ऑटोहाइट नहीं है।

एक और उदाहरण। "प्रकाशन तिथि" फ़ील्ड में कोई dd.mm.yyy टेम्प्लेट नहीं है, कैलेंडर त्रुटि में है, कैलेंडर आइकन डरावना है:

Rts-निविदा पर सूची: रंग में हाइलाइट की गई वर्तमान प्रविष्टि है, तीर सूची के चारों ओर घूम सकते हैं, लेकिन कोई ऑटोस्रॉलिंग नहीं है (आप स्क्रीन बॉर्डर से भाग सकते हैं), न तो दर्ज करें और न ही स्पेस बार लिंक खोलें, टैब वर्तमान रिकॉर्ड से जुड़ा नहीं है। यद्यपि आप केवल माउस के साथ लिंक खोल सकते हैं, मैं एक प्लस चिह्न के साथ नियंत्रण को रेट करता हूं। इस तरह की कार्यक्षमता (वर्तमान दस्तावेज़ को याद रखना और उजागर करना) mail.ru में मेरे लिए पर्याप्त नहीं है

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

उल्लू एक पेशेवर इंटरफ़ेस बनाने के लिए एक उपकरण है।
इसका क्या मतलब है, उदाहरण के लिए, ईडीएमएस।

EDMS है, इसमें 3 उपयोगकर्ता समूह हैं:
अधिकार
दस्तावेज़ तैयार करने वाले विशेषज्ञ
कार्यालय के लिपिक।

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

विशेषज्ञ। वेब क्लाइंट, क्रॉस सोशल नेटवर्क / मेलर। यह मत भूलो कि कई विशेषज्ञ हैं और उन्हें प्रशिक्षित करने की आवश्यकता है। उनके लिए पर्यावरण जितना अधिक परिचित होगा, उतना ही बेहतर होगा। यदि सुरक्षा सेवा अनुमति देती है तो मोबाइल क्लाइंट भी काम आएगा।

कार्यालय के लिपिक। यह वह जगह है जहाँ उल्लू काम में आता है। ऑफिस क्लर्क यूजर्स का एक सिस्टम बनाने वाला ग्रुप है। बाकी सभी बीमार हो सकते हैं / छुट्टी पर जा सकते हैं / इसका उपयोग बंद कर सकते हैं - EDMS काम करेगा। यदि पंजीकरण बंद हो जाता है, तो सब कुछ हो जाएगा।
कागजी कार्रवाई एक कन्वेयर है, और यहां सब कुछ महत्वपूर्ण है, किसी भी तरह की तिपहिया: फोंट, हाफ़टोन, स्वचालित भरना, मूल्यों की जांच करना, इनपुट में आसानी आदि।
ईडीएस "केस"। कलाकारों के कार्यालय वेब क्लाइंट पर बनाए जाते हैं, कार्यालय एक मोटा ग्राहक है। सब कुछ ठीक है, लेकिन यह तब तक काम करेगा जब तक सरकार सरकारी एजेंसियों से विंडोज पर प्रतिबंध नहीं लगाती। मैं विन 7 से प्यार करता हूं, लेकिन अगर मैं शासक था, तो इसे नए आदेशों के साथ बाजार में बदल दिया गया था, और एमएस उज्ज्वल स्मृति में बना रहा। वैसे, 6 दिसंबर को, एंटोन सिलुआनोव ने घरेलू सॉफ्टवेयर के लिए संक्रमण पर एक निर्देश पर हस्ताक्षर किए।

Sova.online

एक उल्लू कैसे एक फार्म खोलता है।
मल्टी-पेज के बिना।
उल्लू का केंद्रीय तत्व दस्तावेज़ घटक है। प्रारंभ पृष्ठ पर ctrl-U दबाकर, आपको वह सब कुछ दिखाई देगा जो आपको दस्तावेज़ वर्ग की एक वस्तु बनाने के लिए चाहिए:
- डेटाबेस के डेटा फ़ील्ड;
- प्रदर्शित करने के लिए फ़ॉर्म का यूआरएल;
- dbAlias, unid - डेटाबेस के साथ काम करने के लिए;
- वहाँ कुछ और।

कुछ हद तक, दस्तावेज़ Redux-form का एक एनालॉग है।
फॉर्म को JSON स्ट्रिंग के रूप में लोड किया जाता है, फिर पूर्व शब्दकोश एक ऑब्जेक्ट बन जाता है जिसमें शैली, क्लासनेम और तत्वों की एक सरणी (सूची) होती है। सरणी में आईडी = रूट के साथ तत्व में डाला जाएगा

<div style className>……</div>

एरे तत्व ऐसे ऑब्जेक्ट हैं जो टैग का वर्णन करते हैं।

 <div>, <a>, <img>, <button>

, या एक सरणी, या घटकों।
बॉक्सिंग फ़ंक्शन सरणी को पार्स करने के लिए जिम्मेदार है। यदि किसी ऐरे से युक्त कोई तत्व सामने आया है, तो वह स्वयं को पुनरावर्ती कहेगा।
पृथ्वी की नाभि निश्चित रूप से एक div है।
सबसे सरल मामले में, यह एक पंक्ति है: तानाशाह (div = 'Hello', className = 'h2')
लेकिन एक सारणी (सारणी का सारणी) हो सकती है:

 def style(**par): return {'style': {**par}} dict( #     sova.online style(position='relative'), readOnly = 1, div = [ dict( style(width=1000, margin='auto', paddingTop=20), div=[ { 'div': subFormTop.panel() }, { 'div': [subFormLeft.panel(), subFormRight.panel()], 'className': 'row' }, # { 'div': [subFormDown.panel()] }, ]), ] )

3 पैनल हैं (प्रत्येक एक अलग फ़ाइल में: सबफ़ॉर्मटॉप्डो, आदि)।
subFormTop.panel () शीर्ष पैनल के निर्माण के लिए एक सरणी देता है।
subFormLeft.panel () और subFormRight.panel () एक स्ट्रिंग ('className': 'row') में संयोजित होते हैं और बाएँ और दाएँ पैनल का वर्णन करते हैं।
subFormDown.panel () टिप्पणी की गई है (उपयोगी नहीं है)।

यह जटिल लग सकता है। लेकिन यह पायथन है: सब कुछ सरल किया जा सकता है।
"रिपोर्ट" पत्रिका से एक फॉर्म का एक उदाहरण। LabField फ़ंक्शन (लेबल, DB_field_name) दो शब्दकोशों (तालिका पंक्ति) की एक सरणी देता है: पहला शब्दकोश {'div': लेबल}, दूसरा {'फ़ील्ड': [DB_field_name, 'tx']} है।

 div = [ docTitle(''), dict ( wl='40mm', className='cellbg-green', div=_table( labField('', 'nodafd'), labField(' ', '_STARTINGTIME'), labField('', '_ENDTIME'), labField('', 'CREATOR'), labField('', 'REPORTCAT'), labField('', 'REPORTNAME'), labField('', 'REPORTTITLE'), labField(' ', 'dt1'), labField(' ', 'dt2'), labField('  2', 'dt3'), labField('  2', 'dt4'), labField('', 'LBYEARS'), labField('', 'GRGROUP'), labField(' ', 'QUERYMAIN'), labField('', 'NOTES'), )), sent(), ]

सोवा / एपीआई / फॉर्म / होम / टॉप-थ्रीडी (sova.online पर शुरू) से उदाहरण:

अजगर शब्दकोश
{a ’: ct रिएक्ट v16’,: href ’: ct https://reactjs.org’}
एक स्पष्ट प्रतिक्रिया घटक पैदा करता है

 <a href={'https://reactjs.org'}>React v16</a>

Img मानक से अधिक स्मार्ट है - प्रॉप्स में आप href और लक्ष्य निर्दिष्ट कर सकते हैं:

अजगर:
तानाशाही (img = 'image; react.ico', style = {'width': 16}, href = 'https: //reactjs.org')

पार्सर का एक टुकड़ा जो वस्तुओं के एक समूह को घटकों में परिवर्तित करता है (boxing.js):

 if ( td.img ) { // td –    let img = <img src={td.img} _/>; return td.href ? <a href={td.href} key={i} target={td.target}>{img}</a> : img; }

खोज इंजन में टाइप करें "प्रतिक्रिया घटक पुस्तकालय"। परिणाम अनुमानित है - बहुत कुछ। लेकिन यह सब बहुतायत वेबसाइटों के लिए है, न कि अनुप्रयोगों के लिए:
स्मार्ट-टेक्सारिया शायद एकमात्र नियंत्रण है जो मुझे अनुकूल करता है।
प्रतिक्रिया-चयन - सरलीकृत और ड्रॉप-डाउन सूची से छुटकारा
डेटा-पिकर / कैलेंडर - कुछ भी उपयुक्त नहीं मिला। उन्होंने अपना खुद का लिखा, बिल्ट-इन जी.क्रोम को एक नमूने के रूप में लिया।
अपलोड / डाउनलोड - कुछ भी उपयुक्त नहीं, मेरा अपना लिखा।

इम्हो: वेबसाइटों का भविष्य दुखद है। निकट भविष्य में अधिकांश उपयोगकर्ता ब्राउज़र (या पहले से बंद) का उपयोग करना बंद कर देंगे। टैबलेट के साथ फोन बढ़ेगा, और 10 अनुप्रयोगों के 1 डैश पूरी तरह से जरूरतों को पूरा करेगा।
मैंने पहले ही दो बार प्रोग्रामर में भाग लिया है, जो सही तरीके से ई-मेल पता लिखना नहीं जानते हैं। उन्हें क्यों याद रखना चाहिए कि वे क्या उपयोग नहीं करते हैं। दुनिया बदल रही है।

उल्लू में, नियंत्रक सही नहीं हैं, लेकिन वे ऑपरेटर के लिए डिज़ाइन किए गए थे, न कि वेब उपयोगकर्ता।
एक उदाहरण के रूप में, "ट्रांसफर मार्क" फॉर्म। एक सर्वव्यापी रूप, जिसका उपयोग वहाँ है जहाँ एक बॉस है। स्क्रीनशॉट को छुपाने वाली फ़ील्ड्स को स्क्रीनशॉट में लाल रंग में परिक्रमा किया जाता है। अतिरिक्त रिज़ॉल्यूशन स्वचालित रूप से भरे जाते हैं क्योंकि वे भरे हुए हैं, यदि ऑपरेटिव भाग में अलग-अलग शब्दों के कलाकारों के कई समूह हैं। प्रति समूह दो शब्द: पहली अवधि 1 कलाकार के लिए, 2 शब्द सह-निष्पादकों के लिए।

आप यहां फॉर्म को स्पर्श कर सकते हैं

एक नियंत्रक एक रिएक्ट घटक है जो डेटाबेस फ़ील्ड से जुड़ा होता है।
उनके ऑपरेशन की जांच करने की क्षमता के साथ नियंत्रकों का एक विस्तृत विवरण Sova.online पर है।
Rtf और json प्रकारों पर ध्यान दें। Rtf को पाठ के रूप में प्रदर्शित किया जाता है, लेकिन यदि पाठ में एक {_ {ऑब्जेक्ट} _} निर्माण होता है, तो उल्लू इस निर्माण के लिए json.parse निष्पादित करेगा और परिणाम को फॉर्म में जोड़ेगा। टाइप जसन के एक क्षेत्र को मार्कअप तत्वों के सरणी का विवरण संग्रहीत करना चाहिए: [{ele1}, {ele2}, ...]। json.parse रेंडर करने से पहले निष्पादित किया जाता है।
इन प्रकारों के साथ फ़ील्ड आपको डेटाबेस या फ़ाइलों में मार्कअप को संग्रहीत करने की अनुमति देती है। रिपोर्टिंग और प्रलेखन के लिए उपयोगी।

सभी प्रकार के क्षेत्रों (नियंत्रकों.जेएस) के लिए नियंत्रकों की सूची:

 export const controller = prop => { switch (prop.type) { //  case 'chb': return <Checkbox {...prop}/>; case 'lbse': // listbox single enable (    ) case 'lbme': // listbox multivalue enable // lbse/lbme -     ,   case 'tx': return <Text {...prop}/>; // smart-textarea case 'lbsd': // listbox single disables (    ) case 'lbmd': return <ListBox {...prop}/>; case 'dt': return (prop.readOnly ? <Text {...prop} xValue={Util.dtRus(prop.xValue)} /> : <Datepicker {...prop}/>); case 'fd': return <ForDisplayOnly {...prop}/>; case 'table': case 'gr': return <Table {...prop}/>; case 'rtf': return <RTF {...prop}/>; case 'json': return <JsonArea {...prop}/>; case 'list': return <List {...prop}/>; case 'view': return <View {...prop}/>; default: console.warn('  ', prop.xName, prop.type); return <Text {...prop}/>; }; };

एक एप्लिकेशन को नियंत्रकों में हेरफेर करने के लिए एक तंत्र की आवश्यकता होती है।
एक उल्लू में, सभी दस्तावेज़ नियंत्रकों को एक दस्तावेज़ चर में संग्रहीत किया जाता है
this.register
मैं अफवाहों के कारण रेफरी का उपयोग करने की हिम्मत नहीं करता था कि संपादकीय कर्मचारी इसे रद्द कर देंगे।
नियंत्रक में निम्नलिखित इंटरफेस हो सकते हैं:
getValue (परम)
सेटवैल्यू (मूल्य, परम)
सेटफोकस ()
changeDropList ()

वांछित क्षेत्र तक पहुंचने के लिए, दस्तावेज़ विधियाँ हैं
getField (फ़ील्डनाम, परम)
सेटफिल्ड (फ़ील्डनाम, मान, परम)
changeDropList (फ़ील्डनाम, परम)
सेटफोकस (फ़ील्डनाम)
FileShow के प्रकारों के लिए, एक विधि fileShow ['FILES1 _'] है। HasAtt (), जहाँ FILES1_ फ़ाइल क्षेत्र का नाम है। यदि अनुलग्नक हैं तो सही है। ऐसे क्षेत्रों के हस्तांतरण चिह्न में 2।

नियंत्रकों एक पुनर्गणना घटना उत्पन्न कर सकते हैं। यदि कोई हैंडलर इस क्षेत्र के लिए पंजीकृत है, तो वह निष्पादित करेगा। हैंडलर लोडेबल जेएस फाइलों में स्थित हैं।
एक उदाहरण और कुछ सरल विवरण:
एक फॉर्म "ट्रांसफर मार्क" (o.py) है। इसमें भरी हुई o.js फ़ाइल है
O.js में हैंडलर पंजीकृत हैं

 recalc: { PROJECTO: doc => doc.forceUpdate(), WHOPRJ2: doc => doc.forceUpdate(), WHOPRJ3: doc => doc.forceUpdate(), …   }

, और यह भी छिपाने की शर्तों को निर्दिष्ट किया जाता है (परियोजना, सेशन, prj1, prj2 ... prj5 divs के विवरण में "नाम" संपत्ति है):

 hide: { project: doc => !doc.getField('projectO'), // ,   PROJECTO  op: doc => doc.getField('projectO'), // ,   PROJECTO   prj1: doc => !doc.getField('projectO'), prj2: doc => !doc.getField('projectO'), prj3: doc => !doc.getField('projectO') || (!doc.getField('whoPrj2') && !doc.getField('whoPrj3')), prj4: doc => !doc.getField('projectO') || (!doc.getField('whoPrj3') && !doc.getField('whoPrj4')), prj5: doc => !doc.getField('projectO') || (!doc.getField('whoPrj4') && !doc.getField('whoPrj5')), },

यह कैसे काम करता है: PROJECTO फ़ील्ड एक चेकबॉक्स है, जब मूल्य बदल जाता है, तो नियंत्रक एक पुनर्गणना घटना उत्पन्न करता है, दस्तावेज़ recalc.PROJECTO (इस) हैंडलर को कॉल करता है।
हैंडलर बस दस्तावेज़ को फिर से तैयार करने के लिए forceUpdate () कहता है।
जब redrawing, यह जाँच की जाती है कि क्या प्रॉपर में घटक का कोई नाम है, क्या इस नाम के लिए एक छिपा [props.name] फ़ंक्शन है, और क्या यह सही लौटेगा।
prj3: doc =>! doc.getField ('projectO') || (! doc.getField ('whoPrj2') &&! doc.getField ('whoPrj3'))
तीसरा रिज़ॉल्यूशन (props.name === 'prj3' वाला क्षेत्र) छुपाएं यदि 'प्रोजेक्टओ' चेकबॉक्स बंद है या निष्पादन फ़ील्ड्स रिज़ॉल्यूशन फ़ील्ड 2 और 3 ('whoPrj2' और 'whorrj3' फ़ील्ड रिक्त नहीं हैं) में दर्ज किए गए हैं।
फ़ंक्शन को कॉल करते समय फ़ील्ड नाम केस-असंवेदनशील है।
WHOPRJ2 एक कॉम्बो बॉक्स है, जब आप एक मूल्य का चयन करते हैं, तो नियंत्रक एक पुनर्गणना घटना भी उत्पन्न करेगा, जो एक रीड्रा का कारण भी होगा। दूसरे रिज़ॉल्यूशन में एक कलाकार का चयन करके, आप इस प्रकार तीसरे को खोलेंगे।

भरी हुई js फ़ाइलों में आप कर सकते हैं:
- छिपने का प्रबंधन;
- केवल पढ़ने का प्रबंधन;
- फ़ील्ड परिवर्तनों पर प्रतिक्रिया;
- बटन आदेशों को निष्पादित;
- बचाने से पहले खेतों और रूपों का सत्यापन करना;

फॉर्म 'फो' के लिए फाइल डाउनलोड करें:

 window.sovaActions = window.sovaActions || {}; window.sovaActions.fo = { // fo –      recalc: { //           PROJECTO: doc => doc.forceUpdate(), }, hide: { //   ,  true project: doc => !doc.getField('projectO'), }, readOnly: { //     ,  true who: doc => doc.getField('SENTFROMDB'), }, validate: { //         who: doc => doc.getField('who') ? '' : '   " "', form: doc => new Promise( (yes, no) => { let disableAutoOrder = false; for (let i = 1; i <= 5; i++) { let val = doc.getField('RESPRJ' + i); disableAutoOrder |= /  /.test(val); } disableAutoOrder && doc.setField('AUTOORDER', ''); yes(); }), }, cmd: { //    logoff: doc => { window.location.href = '/logoff' }, }, }

खेतों का सत्यापन - एक फ़ंक्शन जो सब कुछ ठीक होने पर खाली लौटता है, या जो गलत है उसके बारे में संदेश। एक उल्लू एक अमान्य क्षेत्र पर ध्यान केंद्रित करेगा।
प्रपत्र का सत्यापन - वादा। उदाहरण में, कोई चेक नहीं है (हाँ हमेशा कहा जाता है), सर्वर पर भेजने से पहले कुछ किया जाता है।
Redux-form में सत्यापन trow - कुछ प्रकार के जंगलीपन के माध्यम से किया जाता है।

उन लोगों के लिए जो वादों से परिचित नहीं हैं, सरलतम का एक उदाहरण:

 const confirmDlg = msg => new Promise((ok, cancel) => confirm(msg) ? ok('  ') : cancel('  cancel')); confirmDlg('  ') .then( s => console.log(s)) .catch( s => console.log(s));

दस्तावेज़ वर्ग में कई पूर्वनिर्धारित कमांड हैं जिनका उपयोग बटनों में किया जा सकता है:

संपादित करें: संपादन मोड बनाने के लिए स्विच करें
सहेजें: फ़ॉर्म सहेजें
करीब: फार्म बंद करें
saveClose: फॉर्म को सहेजें और बंद करें

prn: मुद्रण के लिए टेम्पलेट के विकल्प के साथ एक फॉर्म प्रिंट करें
docOpen: खुला दस्तावेज़
dbOpen: ओपन लॉग
xopen: url खोलें
newDoc: वांछित फ़ॉर्म के साथ एक नया दस्तावेज़ बनाएँ

Redux-form api अमीर है - उल्लू में केवल आवश्यक है।

मल्टी पेज।

दस्तावेज़ वर्ग एक ऑब्जेक्ट (प्रपत्र) बनाता है जो एक तत्व में एम्बेडेड है।

 <div id="root"></div>

।
हम इसे "रूट डॉक्यूमेंट" कहेंगे। यदि आप मूल दस्तावेज़ में एक तत्व जोड़ते हैं
<div style = {स्थिति: 'निरपेक्ष', zIndex: 999}} />, आप इसमें एक और डॉक्यूमेंट ऑब्जेक्ट भी डाल सकते हैं।
लोड करने योग्य कमांड हैंडलर के साथ क्या करना है? यह सरल है: प्रत्येक फ़ॉर्म का अपना हैंडलर (अपना स्वयं का js) है, और रूट दस्तावेज़ को उन लोगों को लोड करना चाहिए जिनकी आवश्यकता हो सकती है।
प्रारंभ पृष्ठ sova.online (home.py) के लिए उदाहरण
मल्टी-पृष्ठ प्रकृति को प्रदर्शित करने के लिए, होमकॉम्फ़ प्रपत्र, "rkckg", "आउटलेट", "आउटलेट.gru", "o" रूपों के साथ दस्तावेज़ खोलता है।
सभी रूपों के सही ढंग से काम करने के लिए, आपको इन प्रपत्रों के लिए लिपियों को home.py में पंजीकृत करने की आवश्यकता है:

 javaScriptUrl = ['jsv?api/forms/rkckg/rkckg.js', 'jsv?api/forms/outlet_gru/outlet_gru.js', 'jsv?api/forms/outlet/outlet.js', 'jsv?api/forms/o/o.js', 'jsv?api/forms/home/home.js']

हैंडलर के किसी भी फ़ंक्शन को कॉल करने के बाद से, पहला पैरामीटर दस्तावेज़ से लिंक को पारित करता है, कार्रवाई वांछित दस्तावेज़ के साथ की जाएगी।

OOP और कोई चमत्कार नहीं।

प्रतिक्रिया - प्रतिक्रिया नहीं
मैंने पहले ही रिपोर्ट फॉर्म का वर्णन कर दिया है। यह रिपोर्ट प्रबंधक (तीर "प्रतिक्रिया") से खुलता है और रिपोर्ट एकत्र करने के लिए मापदंडों का वर्णन करता है।

स्वयं रिपोर्ट (तीर "प्रतिक्रिया नहीं") HTML अनुलग्नकों के रूप में "rreport" फॉर्म के साथ अधीनस्थ दस्तावेजों में संग्रहीत की जाती है। हम उन रिपोर्टों के विकास में लगे हुए थे जब रिएक्ट नहीं था, "rreport" फॉर्म सरल निकला (HTML की 20 पंक्तियाँ और 15-पंक्तियाँ-js), क्यों 8 वर्षों के लिए काम करता है।

रिपोर्ट प्रबंधक खोलें।

Rreport फॉर्म में 4 बटन और एक iframe होते हैं। दस्तावेज़ को खोलने से पहले उल्लू src = "" को iframe में html अटैचमेंट को डाउनलोड करने के लिए url लाइन के साथ बदल देता है, ब्राउज़र बाकी काम करता है।
EXCEL / WORD बटन समान हैं: फ़ाइल नाम "report.html.xls" या "report.html.doc" और संबंधित माइम-प्रकार को सही जगह पर डाउनलोड करने के लिए url बटन डालें। बाकी एक्सेल / वर्ड ("ये स्मार्ट जानवर पूरी तरह से सब कुछ समझते हैं जो वे उनसे चाहते हैं") द्वारा किया जाता है।
Do_get.py से:

 downloadUrl = '/download/' + fn + '?' + '&'.join([d.db.alias, d.unid, idbl, fsName, fzip, ctype, flen]) excel = '/download/%s.xls?%s' % (fn, '&'.join([d.db.alias, d.unid, idbl, fsName, fzip, 'application/x-excel', flen])) word = '/download/%s.doc?%s' % (fn, '&'.join([d.db.alias, d.unid, idbl, fsName, fzip, 'application/msword', flen])) html = html.replace('src=""', 'src="%s"' % downloadUrl).replace('openExcel', excel).replace('openWord', word)

Excel / Word में html खोलते समय, ब्राउज़र से अंतर होते हैं, लेकिन वे छोटे होते हैं। और लेख उस बारे में नहीं है।

खरोंच से एक आकृति बनाएं।

स्रोत डेटा:
3 कार्य हैं
def snd (* संदेश, बिल्ली = 'snd'):
गलती (* संदेश, बिल्ली = 'सब'):
def dbg (* msg, cat = 'snd'):
, जो कम या ज्यादा समान रूप से पूरे कोड में वितरित किए जाते हैं और लॉग फ़ाइल में त्रुटि संदेश और अन्य बकवास लिखते हैं।
संदेश का प्रारूप लॉगिंग करने के लिए दिया जाता है।
'% (asctime) s% (levelname) s [% (नाम) s]% (संदेश) s'
फ़ाइल संदेशों से भर जाती है
...
09/02/2018 17:50:07 DEBUG [http-server] addr ('127.0.0.1', 49964), "GET / आर्म HTTP / 1.1" 200 -
09/02/2018 17:54:07 INFO [मुक्त स्थान] अनुलग्नक "। \ DB \ फ़ाइलों" में सहेजे गए हैं
09/02/2018 17:58:07 ERROR [do_get.py] getScript: [Errno 2] ऐसी कोई फ़ाइल या निर्देशिका नहीं: 'sova / api / फ़ॉर्म / o / oo.js'
...
तिथि-समय, फिर स्तर, फिर वर्ग कोष्ठक के स्तर के अंदर एक श्रेणी, फिर एक संदेश।

उद्देश्य:
लॉग फ़ाइल देखने के लिए एक पेज बनाएँ। किस प्रकार का

हम फॉर्म को "एलएम" कहेंगे, यह एपी / फॉर्म / एलएमडीएमओ मॉड्यूल में पेज फ़ंक्शन द्वारा बनाया जाएगा

 def page(dbAlias, mode, userName, multiPage): return dict( style(background='url(/image?bg51.jpg)', backgroundSize='100% 100%'), div=[ dict( style(width='200px', float='left', background='rgba(210,218,203, 0.5)', padding='0 5px'), div=[ _field('type', 'list', [' |all', '|err', '|info', '|debug'], saveAlias=1, **style(margin='10px auto', width=170, height=110) ), _field('cat', 'list', 'TYPE_ALIAS|||api.get?loadDropList&logger|keys_{FIELD}', listItemClassName='repName', listItemSelClassName='repNameSel', **style(height='calc(100vh - 133px)', overflow='auto') ) ], ), _field('msg', 'fd', br=1, **style(overflow='auto', height='100vh', font='bold 12px Courier', background='rgba(255,255,255, 0.8)') ), ] )

बाईं ओर 2 फ़ील्ड हैं, दोनों प्रकार की सूची के साथ: प्रकार और बिल्ली (संदेश प्रकार और श्रेणी)।
दाईं ओर एक संदेश फ़ील्ड है fd (forDisplayOnly)।
मैसेज विवरण फ़ील्ड विवरण में लिखे गए हैं ([are ऑल लॉग | ऑल ’, | त्रुटियां | त्रुटी’,…) |
श्रेणियों को वैश्विक शब्दकोश से एक आकर्षक यूआरएल कॉल के साथ xhr द्वारा खींचा जाता है:
api.get; loadDropList और logger | keys_err json प्रारूप में वैश्विक शब्दकोश से श्रेणियों की एक सरणी (सूची) को लौटाएगा। कुछ इस तरह से ('लकड़हारा', 'keys_err')।
जब कोई दस्तावेज़ lO.py में क्वेरीओपेन फ़ंक्शन द्वारा खोला जाता है, तो संदेश उत्पन्न होते हैं

 def queryOpen(d, mode, ground): logParser() ls = well('logger_all', 'AL L') s = '\n'.join(reversed(ls)) d.msg = s d.type_alias = 'all'

logParser लॉग फ़ाइल को पढ़ता है और पार्स करता है। यह परिणामों को कई सरणियों में विघटित करता है और उन्हें वैश्विक शब्दकोश में बचाता है। कुछ भी दिलचस्प नहीं: 2 सरल फिर से और पुनरावृत्त लूप।
वैश्विक शब्दकोश के साथ काम करने के लिए कार्य:
toWell (o, Key1, [key2]) - वैश्विक शब्दकोश में ऑब्जेक्ट "o" को सहेजें
अच्छी तरह से (की 1, [की 2]) - कुंजी (दो कुंजी द्वारा) वैश्विक शब्दकोश से एक वस्तु लें।
यह पहली ड्राइंग के लिए पर्याप्त है। वांछित प्रकार और श्रेणी के संदेश प्रदर्शित करने में सक्षम होने के लिए, लोड करने योग्य js बनाना आवश्यक है।
Lm.py में लाइन जोड़ें
javaScriptUrl = 'jsv? api / forms / lm / lm.js'
और lm.js बनाएं:

 window.sovaActions = window.sovaActions || {}; window.sovaActions.lm = { //   "lm" init: doc => doc.changeDropList('CAT'), recalc: { TYPE: (doc, label, alias) => { doc.changeDropList('CAT'); getLogData(doc, alias + '|AL L'); }, CAT: (doc, label) => getLogData(doc, doc.getField('type_alias') + '|' + label), }, }; // *** *** *** let getLogData = (doc, keys) => { fetch('api.get?getLogData&' + keys, {method: 'get', credentials: 'include'}) .then( response => response.text() ) .then( txt => doc.setField('msg', txt) ) .catch( err => doc.setField('msg', err.message) ); };

getLogData वांछित प्रकार और श्रेणी के सर्वर से संदेश खींचता है:

 def getLogData(par, un): lg, _, cat = par.partition('|') msg = well('logger_' + lg, cat) return 200, 'text/html; charset=UTF-8', '\n'.join(reversed(msg))

आप यहां फॉर्म का आनंद ले सकते हैं।
प्रारंभ में, लॉगिंग मानक लॉगिंग मॉड्यूल के आधार पर किया गया था
logging.FileHandler, .addHandler और अन्य getLogger और setFormatter का उपयोग करके।
कैसे सिखाना है? लेकिन एक ही समय में यह छोटी गाड़ी थी। आप पत्थर फेंक सकते हैं, लेकिन जब मैंने लॉगिंग को फेंक दिया और बस एक फाइल पर लिखना शुरू कर दिया, तो कोड छोटा हो गया, अधिक समझ में आ गया और गड़बड़ गायब हो गई।

शामिल डाइजेस्ट प्राधिकरण के साथ एक स्व-लिखित बहु-थ्रेडेड wsgi सर्वर है। यह साइटों के लिए नहीं है। उसकी आखिर जरूरत क्यों थी?
ग्राहक के पास 40 जूर हैं। व्यक्तियों, ज्यादातर मामलों में 1-2-3 लोग सिस्टम के साथ काम करते हैं। इंटरनेट पर स्टोर डेटा प्रतिबंधित है। सभी जीत 7. स्थापना और विन्यास में आसानी की आवश्यकता है।
समाधान: cx-Freeze और Inno सेटअप का उपयोग करके हम इंस्टॉलर बनाते हैं, इसे सबसे अधिक जिम्मेदार के कंप्यूटर पर चलाते हैं और Windows सेवा के रूप में शुरू करते हुए स्थानीय नेटवर्क के लिए एक मिनी-http सर्वर प्राप्त करते हैं। और कुछ नहीं। आप पाइथन में निर्मित wsgiref.simple_server या wsgi_Werkzeug का उपयोग नहीं कर सकते, क्योंकि वे सिंगल-थ्रेडेड हैं: जबकि एक अनुरोध विफल हो जाता है, अन्य इंतजार करेंगे।
यह संभावना नहीं है कि मैं किसी को रिपोर्ट करके आश्चर्यचकित कर दूंगा कि बिल्ट-इन Django WSGIServer / 0.2 CPython / 3.5.3 स्व-लिखित पायथन की तुलना में कई गुना तेज है। केवल इससे कोई फर्क नहीं पड़ता - रूप और निर्देशिका क्लाइंट पर कैश्ड हैं, केवल डेटाबेस डेटा स्थानीय नेटवर्क पर बहुत तेज़ी से प्रसारित होता है।
एक और कारण है: डेस्कटॉप एप्लिकेशन में कंप्यूटर संसाधनों (डिजिटल हस्ताक्षर, फाइलें, स्कैनर ...) तक पहुंच है। ब्राउज़र से समान पहुंच प्राप्त करने के लिए, आपको या तो प्लग-इन लिखना होगा या सेवाओं में एक छोटा http-सर्वर लटका देना होगा, जो मुख्य सर्वर से सूँघ सकता है और स्थानीय क्षेत्र पर आवश्यक कार्रवाई कर सकता है।

उल्लू डेटाबेस के साथ काम करने के लिए फ्रेमवर्क टूल का उपयोग नहीं करता है। DbToolkit निर्देशिका में, SQLite3 में MongoDB (या लोटस नोट्स) की संरचना में कुछ समान है:
पुस्तक वर्ग - db (मोंगोडीबी और लोटस नोट्स शब्दावली में)
कक्षा DocumentCollection - पुस्तक से दस्तावेजों का एक संग्रह
दस्तावेज़ वर्ग एक दस्तावेज़ (फ़ील्ड के किसी भी संख्या से युक्त ऑब्जेक्ट) है।

स्थापना:
Sova.online से उल्लू डाउनलोड करें

संग्रह में उल्लू निर्देशिका शामिल है, जिसमें से आप django, बाज़ या बिना चौखटे के उल्लू को चला सकते हैं।

डाउनलोड, अनज़िप।
पायथन 3 (3.5+) स्थापित करें

1. उल्लू - चौखटे के बिना। चेतावनी! लॉगिन: 1, पासवर्ड: 1

linux:
cd ./owl
python3 wsgi_sova.py

या एक अलग विंडो में
स्क्रीन -Udm python3 wsgi_server.py

विंडोज:
cd ./owl
wsgi_sova.py

2. Django

linux:
Django स्थापित करें:
pip3 स्थापित django
cd ./owl
python3 manage.py runserver

या एक अलग विंडो में
स्क्रीन -UDM python3 मैनेजडोमर रनसर 127.0.0.1:8000

विंडोज:
Django स्थापित करें:
पाइप स्थापित django
cd ./owl
प्रबंधित करें चलाने वाला

3. बाज़

linux:
pip3 स्थापित फाल्कन
cd ./owl
python3 wsgi_sova.py falconApp: api 8001 log_falcon / बाज़

विंडोज:
पाइप स्थापित फाल्कन
cd ./owl
wsgi_sova.py falconApp: api 8001 log_falcon / बाज़

*********************

- लेख का शीर्षक अजीब है, क्या आप समझते हैं कि "मल्टीपज एसपीए" क्या है?
- सामान्य विपणन चाल
- बिना Redux के क्यों? हर कोई Redux का उपयोग करता है।
- मुझे "reducer" शब्द पसंद नहीं है
- लेकिन गंभीरता से? पदानुक्रम के किसी भी स्तर पर ombineReducers ... यह बहुत सुंदर है
बहु है, बच्चा है। कमान संचालकों को फॉर्म के अंदर होना चाहिए, न कि हिरण के सींगों की तरह
- आपने एक लेख भी क्यों लिखा?
- पीआर

पायथन में बहु-पृष्ठ एसपीए

More articles: