Django टेम्पलेट नेविगेशन

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

मैं Django परियोजनाओं में नेविगेशन विकसित करते समय एक बहुत ही तुच्छ कार्य के लिए एक गैर-तुच्छ समाधान प्रदान करता हूं।

जो रोगी नहीं हैं, उनके लिए आप तुरंत प्रोजेक्ट पर एक नज़र डाल सकते हैं।

सबसे तुच्छ निर्णय

प्रत्येक दृश्य में हम एक निश्चित चर पास करते हैं, इसे "स्थान" होने दें और फिर निर्दयता से हार्डकोड करें:

<ul> <li {% if location=='random_page' %} class="active" {% endif %}> <a href="{% url 'random_page' %}"> {% trans 'random page' %} </a> </li> </ul> 

यह पता चलता है कि प्रत्येक लिंक का एक विशिष्ट "स्थान" मूल्य है, जो बहुत सारे अतिरिक्त कोड उत्पन्न करता है, जब लिंक \ view को यह याद रखना असंभव हो जाता है कि किस लिंक को "स्थान", साथ ही साथ टाइप करने वाला व्यक्ति पायथन लॉजिक में देरी करने की आवश्यकता से बेहद असंतुष्ट हो सकता है। देखें और संदर्भ में कहाँ से क्या मूल्य है।

आप "स्थान" को इस दृश्य के नाम लिंक के समान पास कर सकते हैं और नेविगेशन थोड़ा स्पष्ट हो जाएगा।

एक सरल "टेम्पलेट फिल्टर" के माध्यम से कार्यान्वयन

स्वयं फ़िल्टर करें:

 from django import template register = template.Library() def active(url, request): if url == request.get_full_path(): return True else: return False register.filter('active', active) 

टेम्पलेट में आगे:

 {% load active %} <ul> {% url 'random_page' as random_page %} <li {% if random_page|active:request %} class="active" {% endif %}> <a href="{{ random_page }}"> {% trans 'random page' %} </a> </li> </ul> 

आपको अब दृश्य के साथ चर पास करने की आवश्यकता नहीं है, आप तुलना को .startswith () के साथ या यहां तक ​​कि नियमित के साथ बदल सकते हैं और मेनू के लिए समर्थन जोड़ सकते हैं, उदाहरण के लिए, उपयोगकर्ता / पृष्ठ / मेनू / सबमेनू / "पर एक लिंक को" / मेनू / "पर लिंक करें। लेकिन दिनचर्या अभी भी यहाँ है ...

मेरी बाइक - django-activeurl

कोई नियमित क्रिया नहीं हैं, अर्थात्:

 {% load activeurl %} {% activeurl %} <ul> <li> <a href="{% url 'random_page' %}"> {% trans 'random page' %} </a> </li> </ul> {% endactiveurl %} 

कुछ जादू ...

 <ul> <li class="active"> <a href="/random_page/"> random page </a> </li> </ul> 

सभी अजगर बैटरी की तरह स्थापना:

 pip install django-activeurl 

सभी बारीकियों का वर्णन यहां किया गया है ।

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

कार्यान्वित विशेषताएं:

• HTML तत्व चयन जिसमें लिंक देखना है
• सीएसएस शैली चयन जोड़ा जाना है
• मेनू का समर्थन
• Lxml के अनावश्यक हेरफेर से बचने के लिए कैशिंग
• Jinja2 टेम्पलेट का समर्थन

सभी के लिए कम नियमित कार्य!