🧑‍🤝‍🧑 🌷 👨‍👨‍👦 हम चयन के माध्यम से दस्तावेज़ दर्ज करने के लिए एक इंटरफ़ेस का निर्माण कर रहे हैं 👷 🦄 💝

विभिन्न व्यावसायिक अनुप्रयोगों में, दस्तावेज़ इनपुट का कार्य अक्सर उठता है। आमतौर पर, एक दस्तावेज़ में एक शीर्षक और कुछ पंक्तियाँ होती हैं, जिनमें से प्रत्येक किसी वस्तु (उदाहरण के लिए, उत्पाद) को संदर्भित करता है। सबसे अधिक बार, एक नियमित तालिका का उपयोग दस्तावेज़ में रिकॉर्ड दर्ज करने के लिए किया जाता है, जिसमें उपयोगकर्ता पंक्तियों को जोड़ और हटा सकता है, साथ ही साथ अपनी सामग्री को बदल सकता है।

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

कार्य

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

आइए तीन प्रकार के दस्तावेजों पर विचार करें जो अक्सर व्यावसायिक अनुप्रयोगों में पाए जाते हैं:

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

निर्णय

अगला, मैं दिखाऊंगा कि कैसे खुले और मुक्त lsFusion मंच के आधार पर इस तर्क को जल्दी और आसानी से लागू किया जाए । एक उदाहरण के रूप में, चलो खरीद आदेश दर्ज करने के लिए तर्क बनाते हैं।

आरंभ करने के लिए, मानक CRUD इंटरफ़ेस के माध्यम से एक उत्पाद गाइड जोड़ें:

CLASS Product '' ;
name '' = DATA STRING [ 50 ] (Product);

FORM product ''
OBJECTS p = Product PANEL
PROPERTIES (p) name

EDIT Product OBJECT p //
;

FORM products ''
OBJECTS p = Product
PROPERTIES (p) READONLY name
PROPERTIES (p) NEWSESSION NEW , EDIT , DELETE

LIST Product OBJECT p // ,
;

NAVIGATOR {
NEW products;
}

हम एक आपूर्तिकर्ता की अवधारणा बनाते हैं, और संपादन के रूप में हम उन उत्पादों को चुनने का अवसर देते हैं जिनके साथ वह काम करता है:

CLASS Supplier '' ;
name '' = DATA STRING [ 50 ] (Supplier);

in '' = DATA BOOLEAN (Supplier, Product); // TRUE,

FORM supplier ''
OBJECTS s = Supplier PANEL
PROPERTIES (s) name

OBJECTS p = Product //
PROPERTIES in(s, p), name(p) READONLY //

EDIT Supplier OBJECT s
;

FORM suppliers ''
OBJECTS s = Supplier
PROPERTIES (s) READONLY name
PROPERTIES (s) NEWSESSION NEW , EDIT , DELETE

LIST Supplier OBJECT s
;

NAVIGATOR {
NEW suppliers;
}

आदेश तर्क को लाइनों के साथ घोषित करें:

CLASS Order '' ;
date '' = DATA DATE (Order);
number '' = DATA INTEGER (Order);

supplier '' = DATA Supplier (Order);
nameSupplier '' (Order o) = name(supplier(o));

CLASS OrderDetail ' ' ;
order '' = DATA Order (OrderDetail) NONULL DELETE ;

लाइनों में उत्पाद और मात्रा जोड़ें:

product '' = DATA Product (OrderDetail);
nameProduct '' (OrderDetail d) = name(product(d));

quantity '-' = DATA NUMERIC [ 14 , 3 ] (OrderDetail);

हम ऑर्डर एडिटिंग फॉर्म के निर्माण के लिए सीधे आगे बढ़ते हैं जो हमें चाहिए। सबसे पहले, ऑर्डर को स्वयं और उसकी पंक्तियों को इसमें जोड़ें:

FORM order ''
OBJECTS o = Order PANEL
PROPERTIES (o) date, number, nameSupplier

OBJECTS d = OrderDetail
PROPERTIES (d) nameProduct, quantity, NEW , DELETE
FILTERS order(d) = o

EDIT Order OBJECT o
;

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

EXTEND FORM order
OBJECTS p = Product
PROPERTIES name(p) READONLY
FILTERS in(supplier(o), p) //
;

हमने डिज़ाइन सेट किया ताकि ऑर्डर लाइनों और चयन को एक कंटेनर के टैब के रूप में प्रदर्शित किया जाए:

DESIGN order {
OBJECTS {
NEW pane { //
fill = 1 ; //
type = TABBED ; // ,
MOVE BOX (d); //
MOVE BOX (p) { //
caption = '' ;
}
}
}
}

हम संबंधित कॉलम में उपयोगकर्ता द्वारा मात्रा प्रदर्शित और दर्ज करने के लिए सहायक गुण बनाते हैं:

quantity '-' (Order o, Product p) =
GROUP SUM quantity(OrderDetail d) BY order(d), product(d);
lastOrderDetail ' ' (Order o, Product p) =
GROUP LAST OrderDetail d ORDER d BY order(d), product(d);

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

changeQuantity ' -' (Order o, Product p) {
INPUT q = NUMERIC [ 14 , 3 ] DO { //
IF lastOrderDetail(o, p) THEN { // ,
IF q THEN //
quantity(OrderDetail d) <- q IF d = lastOrderDetail(o, p)
WHERE order(d) = o AND product(d) = p; //
ELSE // -
DELETE OrderDetail d WHERE order(d) = o AND product(d) == p;
} ELSE
IF q THEN
NEW d = OrderDetail { //
order(d) <- o;
product(d) <- p;
quantity(d) <- q;
}
}
}

अंत में, हम प्रपत्र में एक कॉलम जोड़ते हैं, जो उस क्रिया का संकेत देता है जिसे उपयोगकर्ता को उसके मूल्य को बदलने की कोशिश करते समय किया जाना चाहिए:

EXTEND FORM order
PROPERTIES (o, p) quantity ON CHANGE changeQuantity(o, p)
;

यह केवल आदेशों की एक सूची के साथ एक फॉर्म खींचने और नाविक को जोड़ने के लिए बनी हुई है:

FORM orders ''
OBJECTS o = Order
PROPERTIES (o) READONLY date, number
PROPERTIES (o) NEWSESSION NEW , EDIT , DELETE
;

NAVIGATOR {
NEW orders;
}

परिणामी रूप कुछ इस तरह दिखाई देगा:

किसी भी टैब में किए गए कोई भी परिवर्तन स्वचालित रूप से दूसरे को दिखाई देंगे।

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

आइए देखें कि यह कार्यक्षमता अन्य व्यावसायिक अनुप्रयोगों में कैसे लागू की जाती है।

1C

1 सी के विभिन्न विन्यासों में, चयन तर्क में कुछ अंतर हैं, लेकिन सिद्धांत कमोबेश एक ही है। दस्तावेज़ संपादन फ़ॉर्म पर एक चयन बटन है, जो माल की पसंद के साथ एक संवाद लाता है:

इस संवाद में, आप निम्नानुसार माल का चयन कर सकते हैं:

इस तंत्र में कम से कम दो असुविधाएँ हैं।

सबसे पहले, दस्तावेज़ में उत्पाद की मात्रा जोड़ने के लिए (और अक्सर उपयोगकर्ता पहले से ही उस मात्रा को जानता है जिसे वह जोड़ना चाहता है), आपको पहले उत्पाद पर डबल-क्लिक करना होगा, उसे लाइनों में जोड़ना होगा, और फिर लाइनों में मात्रा को बदलना होगा। इसके अलावा, उपयोगकर्ता उत्पादों की सूची में नहीं देखता है कि क्या यह उत्पाद पहले ही जोड़ा गया है और किस मात्रा में है। इसके अलावा, इस तरह की योजना अतिरिक्त स्थान को "खाती है", क्योंकि आपको एक के बजाय एक स्क्रीन पर दो तालिकाओं को प्रदर्शित करना होगा।

दूसरे, लाइनों को दस्तावेज़ में सीधे जोड़ दिए जाने के बाद, यदि आप फिर से चयन बटन पर क्लिक करते हैं, तो चयन "खरोंच से" शुरू हो जाएगा। यह नीचे दी गई तालिका में कोई पंक्तियाँ नहीं दिखाएगा, और पुन: चयन के समय यह स्पष्ट नहीं होगा कि दस्तावेज़ में पहले से क्या है और क्या नहीं है। इंटरफ़ेस का निर्माण करते समय यह एक महत्वपूर्ण नियम का भी उल्लंघन करता है: यदि उपयोगकर्ता से गलती हुई है, तो उसे वापस जाने और त्रुटि को ठीक करने का अवसर दिया जाना चाहिए। यहां यह पता चला है कि वह दस्तावेज़ में ऐड बटन दबाने से पहले उसी डेटा वाले सामानों के चयन पर वापस नहीं लौट पाएगा।

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

Microsoft Dynamics 365

समाधान के रूप में, मैंने रिटेल लिया (केवल इसमें मुझे https://trials.dynamics.com पर उपलब्ध समान कार्यक्षमता मिली)। इसमें, आप खरीद आदेश फॉर्म पर चयन को दो तरीकों से कॉल कर सकते हैं:

पहला बटन 1 सी योजना के अनुसार लागू किया गया है (हालांकि बहुत कम कॉलम हैं), इसलिए मैं उस पर ध्यान नहीं दूंगा।

दूसरा बटन उन उत्पादों की सूची के साथ एक संवाद लाता है जहां मात्रा पहले से ही कॉलम में दर्ज की जा सकती है। लेकिन यह बहुत अजीब तरीके से किया जाता है।

सबसे पहले, डिफ़ॉल्ट रूप से, केवल उत्पाद कोड वहां प्रदर्शित किए जाते हैं (नाम के बिना भी)। बेशक, मैं समझता हूं कि आप एक्सटेंशन बना सकते हैं और वहां अन्य कॉलम शामिल कर सकते हैं, लेकिन मूल संस्करण में इस व्यवहार को देखना थोड़ा अजीब है।

दूसरी बात यह है कि Microsoft स्पष्ट रूप से डिजाइन से इतना दूर चला गया था कि किसी कारण से वे स्क्रॉलिंग डेटा, प्रोसेसिंग ट्रिक्स और घटनाओं के सामान्य प्रसंस्करण पर रन बनाए। यह कुछ इस तरह दिखता है:

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

निष्कर्ष

एक अलग चयन टैब के माध्यम से वर्णित दस्तावेज़ इनपुट योजना हमारे उपयोगकर्ताओं द्वारा अच्छी तरह से सराहना की गई थी।

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

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

LsFusion प्लेटफ़ॉर्म में, यह कार्यक्षमता बॉक्स से बाहर कार्यान्वित की जाती है और इसके लिए केवल ऊपर वर्णित कोड की आवश्यकता होती है। आप यह कोशिश कर सकते हैं कि यह कैसे काम करता है, और यदि आप चाहें, तो आप कोड को संबंधित पेज पर ऑनलाइन संशोधित कर सकते हैं। यहाँ संपूर्ण स्रोत कोड है, जिसे प्लेटफ़ॉर्म टैब पर डाला जा सकता है और फिर प्ले पर क्लिक करके:

स्रोत कोड

CLASS Product '' ;
name '' = DATA STRING [ 50 ] (Product);

FORM product ''
OBJECTS p = Product PANEL
PROPERTIES (p) name

EDIT Product OBJECT p //
;

FORM products ''
OBJECTS p = Product
PROPERTIES (p) READONLY name
PROPERTIES (p) NEWSESSION NEW , EDIT , DELETE

LIST Product OBJECT p // ,
;

NAVIGATOR {
NEW products;
}

CLASS Supplier '' ;
name '' = DATA STRING [ 50 ] (Supplier);

in '' = DATA BOOLEAN (Supplier, Product); // TRUE,

FORM supplier ''
OBJECTS s = Supplier PANEL
PROPERTIES (s) name

OBJECTS p = Product //
PROPERTIES in(s, p), name(p) READONLY //

EDIT Supplier OBJECT s
;

FORM suppliers ''
OBJECTS s = Supplier
PROPERTIES (s) READONLY name
PROPERTIES (s) NEWSESSION NEW , EDIT , DELETE

LIST Supplier OBJECT s
;

NAVIGATOR {
NEW suppliers;
}

CLASS Order '' ;
date '' = DATA DATE (Order);
number '' = DATA INTEGER (Order);

supplier '' = DATA Supplier (Order);
nameSupplier '' (Order o) = name(supplier(o));

CLASS OrderDetail ' ' ;
order '' = DATA Order (OrderDetail) NONULL DELETE ;

product '' = DATA Product (OrderDetail);
nameProduct '' (OrderDetail d) = name(product(d));

quantity '-' = DATA NUMERIC [ 14 , 3 ] (OrderDetail);

FORM order ''
OBJECTS o = Order PANEL
PROPERTIES (o) date, number, nameSupplier

OBJECTS d = OrderDetail
PROPERTIES (d) nameProduct, quantity, NEW , DELETE
FILTERS order(d) = o

EDIT Order OBJECT o
;

EXTEND FORM order
OBJECTS p = Product
PROPERTIES name(p) READONLY
FILTERS in(supplier(o), p) //
;

DESIGN order {
OBJECTS {
NEW pane { //
fill = 1 ; //
type = TABBED ; // ,
MOVE BOX (d); //
MOVE BOX (p) { //
caption = '' ;
}
}
}
}

quantity '-' (Order o, Product p) =
GROUP SUM quantity(OrderDetail d) BY order(d), product(d);
lastOrderDetail ' ' (Order o, Product p) =
GROUP LAST OrderDetail d ORDER d BY order(d), product(d);

changeQuantity ' -' (Order o, Product p) {
INPUT q = NUMERIC [ 14 , 3 ] DO { //
IF lastOrderDetail(o, p) THEN { // ,
IF q THEN //
quantity(OrderDetail d) <- q IF d = lastOrderDetail(o, p)
WHERE order(d) = o AND product(d) = p; //
ELSE // -
DELETE OrderDetail d WHERE order(d) = o AND product(d) == p;
} ELSE
IF q THEN
NEW d = OrderDetail { //
order(d) <- o;
product(d) <- p;
quantity(d) <- q;
}
}
}

EXTEND FORM order
PROPERTIES (o, p) quantity ON CHANGE changeQuantity(o, p)
;

FORM orders ''
OBJECTS o = Order
PROPERTIES (o) READONLY date, number
PROPERTIES (o) NEWSESSION NEW , EDIT , DELETE
;

NAVIGATOR {
NEW orders;
}

हम चयन के माध्यम से दस्तावेज़ दर्ज करने के लिए एक इंटरफ़ेस का निर्माण कर रहे हैं

कार्य

निर्णय

1C

Microsoft Dynamics 365

निष्कर्ष

More articles: