RichFaces 3.0, फ़ाइल निर्माण और अपलोड, jQuery और Crutches

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

कार्य यह है: हमारे पास एक प्रणाली है जिसमें एक पृष्ठ है जिस पर कुछ रिपोर्टिंग प्रदर्शित होती है। वहां एक्सेल फ़ाइल के गठन को लागू करने और इसे उपयोगकर्ता को अपलोड करना आवश्यक है।

पृष्ठ में निम्नलिखित अनुमानित संरचना है, जिसे ऊपरी छवि में प्रदर्शित किया गया है।

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

public void generatePatientsExcel() { try{ log.info("Generating patients excel"); FacesContext facesContext = FacesContext.getCurrentInstance(); ExternalContext externalContext = facesContext.getExternalContext(); HttpServletResponse response = (HttpServletResponse) externalContext.getResponse(); //Create excel file Workbook wb = new HSSFWorkbook(); // // // // // // Header response.setHeader("Content-disposition", "attachment; filename=1.xls"); response.setHeader("Cache-Control", "must-revalidate, post-check=0, pre-check=0"); response.setCharacterEncoding("UTF-8"); response.setContentType("application/vnd.ms-excel"); //Send Response ServletOutputStream responseOutputStream = response.getOutputStream(); wb.write(responseOutputStream); responseOutputStream.flush(); responseOutputStream.close(); facesContext.responseComplete(); log.info("Generating patients excel comlplete"); } catch (Exception ex) { ex.printStackTrace(); } } 

खैर, वास्तव में समस्या है

समस्या यह है कि जब फ़ाइल अपलोड की जाती है, तो इसके गठन में कुछ समय लगता है, और यदि उस क्षण में आप लाइन पर क्लिक करते हैं, तो हमें मिल जाएगा:

 org.jboss.seam.ConcurrentRequestTimeoutException: Concurrent call to conversation 

इसे होने से रोकने के लिए, आपको लोडर को प्रदर्शित करने वाली जावास्क्रिप्ट फ़ाइल फ़ंक्शन को उत्पन्न करने से पहले ऑनक्लिक को लटका देना होगा। और कार्रवाई के बाद, इसे छिपाएं, जावास्क्रिप्ट फ़ंक्शन के साथ भी अधूरा पर लटका दिया। सब कुछ सरल लगता है, है ना?

नुकसान

चूंकि हम फ़ाइल को गतिशील रूप से उत्पन्न करते हैं, इसलिए हम इसे डिस्क पर सहेजते नहीं हैं, जो कि HttpServletResponse नहीं जिसमें फ़ाइल स्थित है, को वापस करके कार्य को आसान बना सकता है, लेकिन उस लिंक पर क्लिक करके जहां फ़ाइल डिस्क पर संग्रहीत है। लेकिन यह, बदले में, सर्वर डिस्क स्थान होगा, इसलिए फ़ाइल का गतिशील गठन वह है जो हमें चाहिए।

पकड़ यह है कि h: कमांडबटन बटन में अपूर्ण नहीं है। सामान्य तौर पर, सभी "h:" तत्वों में यह घटना नहीं होती है। थोड़ा सोचकर: “सामान्य तौर पर, हमें इस h की आवश्यकता क्यों है: कमांडबटन? आखिरकार, हमारे पास एक जादुई a4j: कमांडबटन है। "

हम a4j के माध्यम से फाइल अपलोड करेंगे: कमांडबटन, यह इस तरह दिखता है:

 <a4j:commandButton onclick="showLoader();" image="exportExcel.png" action="#{importToExcelBean.getExcelFile()}" oncomplete="hideLoader();"/> 

और सब कुछ ठीक लग रहा है, लेकिन यह केवल पहली नज़र में है। चूंकि a4j: कमांडबटन वर्तमान पृष्ठ में HttpServletResponse को अनलोड करता है।

उपयोगकर्ता फ़ाइल को एक्सेल प्रारूप में उतारता है, और वह मैला के साथ एक पृष्ठ खोलता है। "विकार," उपयोगकर्ता ने कहा, कीबोर्ड को छिद्रण, शपथ ग्रहण। और जीवन के लिए हमारी प्रणाली में निराश।

आप a4j hing: h पर सपोर्ट कर सकते हैं: कमांडबटन, जो ऑनसुबमिट पर लोडर प्रदर्शित करेगा, एक्शन के दौरान एक फाइल बनाएगा, और एक लोडर को अपूर्ण पर छिपाएगा। लेकिन समस्या यह है कि a4j: समर्थन सर्वर से HttpServletResponse वापस नहीं कर सकता है। ऐसा वह पृष्ठ में भी करता है। चूंकि सभी a4j तत्व पृष्ठ पर एक HttpServletResponse लौटाते हैं।

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

समाधान, बैसाखी और jQuery

निर्णय एक सहकर्मी के लिए हुआ। सब कुछ बहुत सरल है।

1. हम फ़ाइल को दो में उत्पन्न करने के लिए प्रक्रिया को विभाजित करते हैं: पीढ़ी और अनुरोध की वापसी।
2. हम a4j बनाते हैं: कमांडबटन, जो फाइल को बिना लौटाए बनाने के लिए जिम्मेदार है, लोडर को प्रदर्शित करता है और इसे छिपाता है।
   
   

    <a4j:commandButton onclick="showLoader();" image="exportExcel.png" action="#{importToExcelBean.generateExcel()}" oncomplete="hideLoader()"/> 

3. हम एक छिपा हुआ एच बनाते हैं: कमांडबटन, जो फ़ाइल लौटाता है, और आगे की खोज के लिए एक आईडी भी प्रदान करता है।
   
   

    <h:commandButton id="exelFileButton" style=" visibility: hidden;" action="#{importToExcelBean.returnResponse()}" /> 

4. हम एक जावास्क्रिप्ट फ़ंक्शन बनाते हैं, जो jQuery का उपयोग करते हुए, छिपे हुए h को ढूँढता है: id द्वारा कमांडबटन और इसे क्लिक करता है।
   
   

    <script type="text/javascript" > function clickButtonGetExelFile(){jQuery("#exelFileButton").click();} </script> 

   
   
5. हम लोडर को छिपाने के बाद अपने जावास्क्रिप्ट फ़ंक्शन को संलग्न करते हैं।
   
   

    <a4j:commandButton onclick="showLoader();" image="exportExcel.png" action="#{importToExcelBean.generatePatientsExcel()}" oncomplete="hideLoader();clickButtonGetExelFile();"/> 

   
   
   

हो गया, उपयोगकर्ता फ़ाइल को उस रूप में प्राप्त करता है जिसमें उसे प्राप्त करना चाहिए। एक महत्वपूर्ण स्थिति हल हो गई है।