XSLT पर पेजिनेटर (पृष्ठ पर अंक लगाना)

समय-समय पर, मरने वाले XSLT प्रौद्योगिकी पॉप अप करते हैं और कठिन प्रश्न पूछते हैं। कैसे, उदाहरण के लिए, एक अभिव्यक्ति में अधिकतम 2 संख्या लेने के लिए या एक चक्र को कैसे व्यवस्थित किया जाए। इन मुद्दों में से कई का संयोजन पेजिनेटर है - कई पृष्ठों पर नेविगेशन का निष्कर्ष और, यदि संभव हो तो, सुविधाजनक। जावास्क्रिप्ट में सरल और सुविधाजनक पेजिनेटर के कई उदाहरण हैं। लेकिन अगर सर्वर से पेज एक्सएमएल में आउटपुट होते हैं, तो राजसी सोच पैदा होती है: पेजल्स के सभी लेआउट, क्यों नहीं, पेजलाइटर सहित, एक्सएसएलटी में? कुछ भी नहीं है कि आप जेएस को इस स्टैटिक्स में शामिल कर सकते हैं और सब कुछ सरल बना सकते हैं। कोषेर दृष्टिकोण आसान तरीकों की तलाश में नहीं है।

एक्सएसएलटी के पेशेवरों और विपक्ष

जेएस पर एक पंक्ति के बजाय, आपको कई विशेषताओं के साथ एक दर्जन लाइनों को पुनरावृत्ति लिखने की आवश्यकता है। इसे माइनस होने दें। फिर भी, यह कार्य संभव है, जिसका अर्थ है कि कभी-कभी ऐसा समाधान कहीं न कहीं पॉप होगा।

वेब पर, उत्तर बहुत सराहना करते हैं, 2 नंबर जोड़ने के तरीके के बारे में प्रश्नों के समान: " एक्सएसएलटी पर टिप्पणी कैसे करें ताकि एचटीएमएल से टिप्पणियां नष्ट न हों ।" तो, न्यूनतम ज्ञान के साथ, एसओ के लिए एक प्रतिष्ठा आपको प्रदान की जाएगी।

XSLT के अस्तित्व के वर्षों में, बहुत पुराने और सरल लोगों के अलावा, कई ब्राउज़रों ने XML + XSLT को संसाधित करने की क्षमता प्राप्त की है। इसका उपयोग सर्वर से क्लाइंट (ब्राउज़र) में काम शिफ्ट करने के लिए किया जा सकता है, भले ही घोषित कोड को समझने में मुश्किल की अतिरिक्त सैकड़ों लाइनों द्वारा।

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

Habré पर एक समान विषय यहां उठाया गया था: habrahabr.ru/post/138740 (पेजिनेटर का कार्यान्वयन)।

पेजिनेटर से आपको क्या चाहिए

XML से, यह केवल वर्तमान पृष्ठ संख्या और (संभवतः) सूची का अंतिम पृष्ठ नंबर प्राप्त करता है। सब कुछ * .xsl में पेजिनेटर स्टैटिक्स में कॉन्फ़िगर किया गया है। बहुत "बाकी" नहीं है, जैसा कि उत्पादन से देखा जाएगा। बस वर्तमान पृष्ठ के लिंक के चारों ओर लिंक की संख्या। लेकिन फिर एक एक्सटेंशन जोड़ा गया - दर्जनों या किसी अन्य अंतराल के माध्यम से निम्नलिखित पृष्ठों का आउटपुट। ऐसा लग रहा था कि एक पेजिनेटर की संभावनाओं का अच्छा चित्रण है।

1) वर्तमान पृष्ठ प्रदर्शित करें (लिंक के साथ, यदि कभी-कभी इसे स्वयं या लिंक के बिना अपडेट करना आवश्यक है);
2) आस-पास के पृष्ठों के कई लिंक प्रदर्शित करें (वर्तमान एक के पहले और बाद में);
3) पहले और आखिरी (चरम) पृष्ठ, यदि वे "पड़ोसी" में नहीं आते हैं;
4) दीर्घवृत्त, यदि पड़ोसी और चरम के बीच में पृष्ठ नहीं दिखाए गए हैं;
5) वैकल्पिक - दिखाए गए पृष्ठ अंतराल के मध्य तक जाने के लिए दीर्घवृत्त पर लिंक नहीं दिखाया गया है;
6) यदि कुछ लिंक प्रदर्शित नहीं होते हैं, क्योंकि किनारों पर मिलते हैं, तो वर्तमान पृष्ठ के लिंक के दूसरी तरफ लिंक की एक अनिर्धारित संख्या जोड़ें। दूसरे शब्दों में, यदि कोई लिंक की संख्या के भीतर दिखाना है तो क्या करना है। उदाहरण के लिए, हम 5 लिंक "पहले" और 5 "बाद" दिखाते हैं, लेकिन तीसरे पृष्ठ को देखते समय 2 लिंक "पहले" प्रदर्शित होते हैं। इसलिए, यदि कोई हो तो 8 लिंक "बाद" दिखाएं (वे अधिकतम पृष्ठों से आगे नहीं जाएंगे)।

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

7) आखिरकार, पेजिनेटर फ़ंक्शन का दोहरा उपयोग - पहले के बाद दर्जनों (या फ़ाइव, सब कुछ कॉन्फ़िगर किया गया) के माध्यम से पृष्ठों का आउटपुट। यह उपयोगी हो सकता है यदि आपको बहुत बड़ी सूची में, दर्जनों पृष्ठों तक जल्दी जाने की आवश्यकता है, लेकिन हम आमतौर पर पहले पृष्ठों पर हैं। यदि कोई अंतिम पृष्ठ निर्दिष्ट है, तो दसियों की सूची प्रदर्शित नहीं की जाती है।

XSLT ताओ में गोता लगाएँ

कहानी को उपयोगी बनाने के लिए, हम इसे इस घोषणात्मक भाषा में प्रोग्रामिंग तकनीकों में प्रशिक्षण के रूप में बनाएंगे। हम साधारण मॉडल से लेकर तेजी से जटिल लोगों तक एक पेजिनेटर का निर्माण करेंगे।

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

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

जबकि हमारे लॉग में लगभग 500 प्रविष्टियाँ हैं, पेजेट करने का सबसे आसान तरीका केवल एक पृष्ठ पर 10 लिंक प्रदर्शित करना और मैन्युअल रूप से HTML में पेज नंबर लिखना है, जैसे:

<a href="page.xml?page=2"/>2</a> 

यदि 500 ​​या अधिक गहरे रिकॉर्ड हैं, तो वे शायद ही कभी दिखते हैं, पृष्ठ संख्या दर्ज करने के लिए फ़ॉर्म को विशेषता देना पर्याप्त है। साथ ही एक रास्ता भी। इसके लिए XSLT में गहरीकरण की आवश्यकता नहीं होती है और यह सामान्य आधार पर xsl फ़ाइल में किया जाता है।

 <?xml version="1.0"?> <!DOCTYPE html> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <head><title>Someone Log</title> <meta http-equiv="x-ua-compatible" content="IE=8"/> <style> body{ ..../*   , ,        */ } </style> <script type="text/javascript"> ... </script> </head> <body> <!--    ,   ,   --> <table class="tb1" id="tb1"> <tr> <th>ip + <span class="n">#</span></th> <th>path</th> <th>browser</th> <th>accType</th> <th>fileName</th> <th>settings</th> <th>date</th> </tr> <xsl:for-each select="/ha/actions/action"> <tr class="account-{accountType} {fileName}"> <td class="help leftJust" title2="{@id}"> <div class="full"> <span><xsl:value-of select="@id"/></span> </div> <div class="brief"><xsl:value-of select="ip"/></div> </td> <td class="leftJust"><a href="http://habrahabr.ru{path}" target="_blank"> <xsl:value-of select="path"/> </a></td> <td class="help UA" title2="{agent}" align="center"> <div class="full"> <div class="fullRel"> <span><xsl:value-of select="agent"/></span> </div> </div> <div class="brief"><xsl:value-of select="browser"/></div> </td> <td><xsl:value-of select="accountType"/></td> <td class="fileName {fileName}"><xsl:value-of select="fileName"/></td> <td> <span class="{settings/property/@value}"> <xsl:value-of select="settings/property/@name"/> </span> </td> <xsl:variable name="dt" select="date"/> <td><span title="{substring($dt,1,10)}"> <xsl:value-of select="substring($dt,12,10)"/> </span></td> </tr> </xsl:for-each> </table> <div class="pagination"> <!--    --> <!--      HTML: --> <span class=""> <a href="page.xml?page=1"/>1</a> </span> <span class=""> <a href="page.xml?page=2"/>2</a> </span> <span class=""> <a href="page.xml?page=3"/>3</a> </span> ...<!--   - 10  --> </body> </html> 

पहली समस्या यह है कि किसी तरह का चयन करना या उसे निष्क्रिय करने के लिए वर्तमान पृष्ठ की कक्षा को लिखना भी मुश्किल है। कोई बात नहीं, इसके लिए जेएस है। लेकिन योजनाओं में - XSLT के लिए लिंक लिखना। इसलिए, अनिच्छा से, लेकिन देखते हैं कि वे 10 लाइनों के इस अजीब लूप को कैसे लिखते हैं और शुरुआत में XSLT के लिंक की सूची के लिए व्यवस्थित करें।

एक पुनरावर्ती कार्य बनाएँ। एक टेम्पलेट फ़ंक्शन को टेम्पलेट बॉडी से कहा जाता है। इसके लिए सभी मापदंडों को स्थानांतरित किया जाना चाहिए - ये स्वतंत्र नाम स्थान हैं, इसलिए वैश्विक भाषाओं को परिभाषित करने के लिए, सामान्य भाषाओं की तरह यह असंभव है।

 <xsl:template match="/"> ... <xsl:comment>======   ,  10  ======</xsl:comment> <xsl:call-template name="paginate"> <xsl:with-param name="nLinks" select="10"/> <xsl:with-param name="p" select="/ha/page"/> <xsl:with-param name="url" select="$url"/> </xsl:call-template> </div></body></html> </xsl:template> <xsl:comment>====== - -     ======</xsl:comment> <xsl:template name="paginate"> <xsl:param name="i" select="1"/> <xsl:comment> () </xsl:comment> <xsl:param name="nLinks"/> <xsl:param name="p"/> <xsl:param name="url"/> <xsl:if test="$i <= $nLinks"> <span class="{concat('active', number($i = $p)) }"> <a href="{concat($url, $i)}"> <xsl:value-of select="$i"/> </a> </span> <xsl:call-template name="paginate"> <xsl:with-param name="i" select="$i + 1"/> <xsl:with-param name="nLinks" select="$nLinks"/> <xsl:with-param name="p" select="$p"/> <xsl:with-param name="url" select="$url"/> </xsl:call-template> </xsl:if> </xsl:template> 

हुर्रे, हमने एक चक्र बनाया! कॉल की 5 लाइनों और फ़ंक्शन की 15 लाइनों ने अपना काम किया - हम वर्तमान लिंक को चिह्नित कर सकते हैं और HTML की 30 लाइनें नहीं लिख सकते हैं! यह एक उपलब्धि है, पेजिंग पर विजय पाने की दिशा में पहला कदम। और कुछ भी नहीं है कि हम जेएस पर 5 खर्च करेंगे और बेहतर पढ़ें। मुख्य बात यह है कि अभ्यस्त होने के लिए, और फिर आत्मज्ञान आ जाएगा।

8 लाइनों के टुकड़ों के लिए कोड को छोटा करने के लिए, एक चाल चली गई - वर्ग को निर्दिष्ट करने के लिए, जब-जब-अन्यथा ब्लॉक नहीं लिखा गया था, लेकिन "सक्रिय" शब्द में 1 या 0 जोड़ा गया था, इसलिए वर्तमान पृष्ठ के "active1" = लिंक वर्ग।

इस खंड पर भाषा की विशेषताएं दिखाई देती हैं: डिफ़ॉल्ट पैरामीटर को लागू किए जाने पर छोड़ा जा सकता है; पुनरावृत्ति में, सभी आवश्यक पैरामीटर सूचीबद्ध होने चाहिए। select = "$ i + 1" वह महत्वपूर्ण स्थान है जिसके कारण चक्र चलता है, और परीक्षण = "$ i <= $ nLinks वह स्थान है जिसके कारण यह रुक जाता है।

& lt; - भाषा की ख़ासियत के अनुसार कुछ अक्षर (<,>, &, /) लिखने की आवश्यकता।

यदि पृष्ठों की संख्या परिवर्तनशील है और तत्व में संख्या से निर्धारित होती है, तो बस लिखें

 <xsl:with-param name="nLinks" select="/ha/pageLast"/> 

लिंक से पहले और बाद में सममित

अगला कार्य: लिंक की एक सीमित संख्या प्रदर्शित करें, जिनमें से आधे वर्तमान पृष्ठ के लिंक से पहले जाएंगे, और दूसरी छमाही - के बाद। हम उन अभिव्यक्तियों के लिए चर का उपयोग करते हैं जो कई बार दोहराए जाते हैं। हम अंतराल के माध्यम से लूप करते हैं, लेकिन 1. से कम संख्या के लिए लिंक प्रदर्शित नहीं करते हैं। यहां तक ​​कि लिंक की एक संख्या के लिए, हम मानते हैं कि "पहले" 1 और लिंक होंगे (सबसे अधिक संभावना है, यह संख्या हमेशा अजीब दी जाएगी, लेकिन सभी मामलों के लिए परीक्षण करना आवश्यक है)

कार्यान्वयन के लिए, एक अतिरिक्त "टू" पैरामीटर की आवश्यकता थी, जिसमें अधिकतम पृष्ठ संख्या को संग्रहीत किया जाएगा और पुनरावृत्ति द्वारा प्रेषित किया जाएगा।

 <div class="pagination"> : <xsl:variable name="url">http://37.230.115.43/actions/last.xml?page=</xsl:variable> <xsl:variable name="p" select="/ha/page"/> <xsl:comment> </xsl:comment> <xsl:variable name="nL" select="9"/> <xsl:comment>   </xsl:comment> <xsl:call-template name="paginate"> <xsl:with-param name="i" select="$p"/> <xsl:with-param name="nLinks" select="$nL"/> <xsl:with-param name="url" select="$u"/> </xsl:call-template> </div></body></html> </xsl:template> <xsl:template name="paginate"> <xsl:param name="i" select="1"/> <xsl:param name="nLinks"/> <xsl:param name="url"/> <xsl:param name="to" select="$i + $nLinks"/> <xsl:variable name="n2" select="floor($nLinks div 2)"/> <xsl:if test="$i < $to"> <xsl:if test="$i - $n2 >= 1"> <span class="{concat('active', number($i = $to - ceiling($nLinks div 2))) }"> <a href="{concat($url, $i - $n2)}"> <xsl:value-of select="$i - $n2"/> </a> </span> </xsl:if> <xsl:call-template name="paginate"> <xsl:with-param name="i" select="$i + 1"/> <xsl:with-param name="url" select="$url"/> <xsl:with-param name="nLinks" select="$nLinks"/> <xsl:with-param name="to" select="$to"/> </xsl:call-template> </xsl:if> </xsl:template> 

2 चीजें गायब हैं: पहले पृष्ठ पर लिंक, जब आवश्यक हो, और जब हम पहले पृष्ठ पर होते हैं, तो आधे से अधिक लिंक की पूरी संख्या प्रदर्शित करते हैं। हम सत्यापन फ़ंक्शन को कॉल करने से पहले जोड़ते हैं जब लिंक "1" प्रदर्शित करना आवश्यक होता है, और जब - एक दीर्घवृत्त, जिसका अर्थ है कि पृष्ठ लिंक का हिस्सा लंघन।

हम फ़ंक्शन में एक काउंटर जोड़ते हैं, जो गिनता है कि $ nLinks की संख्या के अनुसार चक्र को रोकने के लिए वास्तव में कितने लिंक जोड़े गए हैं, और अब पसंद नहीं है, $ nLinks की संख्या के अनुसार।

काउंटर के साथ समाधान सरल है। यह निर्णय एक तर्क बम की जोड़ी देता है, जिसे बाद में हल करना होगा।
1) चक्र कभी खत्म नहीं हो सकता है; ठीक है, यह सिर्फ है, हम एक संख्या के साथ एक और नियंत्रण काउंटर शुरू करेंगे, कहते हैं, 50, बस मामले में; हम्म, पहले से ही 2 काउंटर। समाधान उतना सुंदर नहीं है जितना यह लग रहा था;
2) पृष्ठों की शुरुआत की गणना करना आसान है, लेकिन पृष्ठों की सूची के अंत के पास - आपको यह अनुमान लगाने की आवश्यकता है कि कितने नंबर अनुमेय के किनारे से आगे जाएंगे और नहीं दिखाए जाएंगे। लेकिन एक बार में ही नहीं।

यह (सशर्त रूप से) पहला पृष्ठ है।

 <xsl:variable name="pn2" select="$p - floor($nL div 2)"/> <xsl:if test="$pn2 > 1"> <span class=""> <a href="{concat($url, 1)}">1</a> <xsl:if test="$pn2 > 2"> <a class="ellip" title="{floor(($pn2 +1) div 2)}" href="{concat($url, floor(($pn2 +1) div 2) )}">...</a> </xsl:if> </span> </xsl:if> 

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

सुरक्षा

एक डेवलपर से जो पैरामीटर में कुछ बदलना शुरू करता है और गलती से सेट करता है, उदाहरण के लिए, शून्य से एक मिलियन - हम स्टॉप पैरामीटर को 50 के बराबर दर्ज करके पुनरावृत्ति की संख्या को सीमित करते हैं। इसके साथ, पेजिनेटर 50 से अधिक पुनरावृत्तियों का प्रदर्शन नहीं करेगा।

अंतराल पर अंतराल (पैरा 7)

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

जारी रखने के लिए , लेकिन अगर पाठक एक तैयार किए गए पेजिनेटर को देखना और उपयोग करना चाहता है, तो वह spmbt.imtqy.com/spmbt/wk/37.20.115.43.xml पर स्थित है । लॉग पृष्ठ पर पते और लिंक बदल दिए जाते हैं, संयोग यादृच्छिक होते हैं। पृष्ठ स्विचर निष्क्रिय है, क्योंकि यह एक स्थिर उदाहरण है, हमेशा पृष्ठ 9 पर। लेकिन शीर्ष पर हम एक स्पैगिनेटर देखते हैं जो स्पंब्ट.गिथुबियो.आईओ / एसपीएमबीटी /wk/37.20.115.43.xsl के माध्यम से बनाया गया है। पेजिनेटर से संबंधित लाइनें:
। मुख्य कोड में 85 लाइनें लगीं - यह एक अच्छा परिणाम है, इस तथ्य के बावजूद कि 2 चक्र किए जाते हैं - पृष्ठों पर और दर्जनों पृष्ठों पर, माध्यिका लिंक के साथ दीर्घवृत्त शामिल होते हैं। IE8 + और अन्य आधुनिक ब्राउज़रों में समर्थित।