url_for static से संसाधनों के लिंक बनाएँ
हार्डकोड किए पथों के बिना CSS और JS का संदर्भ दें
url_for static से संसाधनों के लिंक बनाएँ, CoddyKit पर Flask Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Flask Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Flask Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
पथों को सीधे लिखना बंद करें
हर टेम्पलेट में /static/style.css हाथ से लिखना आसान लगता है, लेकिन यह नाज़ुक तरीका है। Flask आपको संसाधनों के लिंक बनाने के लिए url_for देता है। 🔧
स्थिर एंडपॉइंट
Flask आपके संसाधनों के लिए स्थिर नाम का अंतर्निहित एंडपॉइंट पंजीकृत करता है। कच्चा पथ स्वयं लिखने के बजाय आप url_for से इसे माँगते हैं।
फ़ाइल नाम भेजें
एंडपॉइंट और filename तर्क के साथ url_for को बुलाएँ। Flask आपके स्थिर फ़ोल्डर के अंदर मौजूद सही URL लौटाता है।
url_for("static", filename="style.css")
# -> /static/style.cssइसे टेम्पलेट में उपयोग करें
Jinja2 टेम्पलेट के अंदर कॉल को दोहरे घुंघराले कोष्ठकों में रखें। फिर link टैग को स्वतः बना हुआ, हमेशा सही href मिल जाता है।
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">उपफ़ोल्डर भी काम करते हैं
उपपथ को सीधे filename के अंदर रखें। मान में मौजूद स्लैश स्थिर फ़ोल्डर के अंदर के फ़ोल्डरों से सीधे जुड़ जाते हैं।
url_for("static", filename="css/style.css")
# -> /static/css/style.cssइसकी ज़रूरत क्यों है
यदि आप कभी static_url_path बदलते हैं, तो हर url_for लिंक अपने-आप अपडेट हो जाता है। इसके बजाय हाथ से लिखे पथ चुपचाप काम करना बंद कर देते।
सही उपसर्ग अपने-आप
जब आपका ऐप सर्वर पर किसी उपपथ के अंतर्गत चलता है, तो url_for सही उपसर्ग अपने-आप जोड़ देता है, इसलिए लिंक हर जगह काम करते रहते हैं।
अपना JavaScript लिंक करें
यही कॉल स्क्रिप्ट को भी जोड़ती है। script टैग को url_for की ओर निर्देशित करें और आपका JS बिना हाथ से लिखे पथ के स्थिर फ़ोल्डर से लोड हो जाएगा।
<script src="{{ url_for('static', filename='js/app.js') }}"></script>चित्र भी इसी तरह
चित्र भी इसी पद्धति का पालन करते हैं। फ़ाइल नाम url_for को दें और उसके परिणाम को img टैग के स्रोत में रखें।
<img src="{{ url_for('static', filename='img/logo.png') }}">इसे Python में भी बुलाएँ
url_for केवल टेम्पलेट के लिए नहीं है। किसी दृश्य के अंदर आप संसाधन का URL निकालने और उसे लौटाने या लॉग करने के लिए url_for को बुला सकते हैं।
from flask import url_for
link = url_for("static", filename="style.css")एक आदत बनाए रखें
इसे नियम बना लें: हर संसाधन लिंक url_for के माध्यम से जाए। भविष्य में नाम, उपसर्ग और कैश बदलने पर भी सब कुछ अपने-आप ठीक काम करेगा। ✅
त्वरित जाँच
आप स्थिर फ़ोल्डर के अंदर css/style.css का साफ़ लिंक चाहते हैं। कौन-सी कॉल सही है?
दोहराव: संसाधनों के लिंक
अब आप हर संसाधन लिंक बनाने के लिए स्थिर एंडपॉइंट के साथ url_for का उपयोग करते हैं, इसलिए कॉन्फ़िगरेशन बदलने पर भी पथ सही रहते हैं। 🎯
एआई शिक्षक के साथ Python सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 30
- पाठ
- 120
अक्सर पूछे जाने वाले प्रश्न
क्या “url_for static से संसाधनों के लिंक बनाएँ” पाठ निःशुल्क है?
हाँ—“url_for static से संसाधनों के लिंक बनाएँ” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Flask Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Flask Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“url_for static से संसाधनों के लिंक बनाएँ” में मैं क्या सीखूँगा?
हार्डकोड किए पथों के बिना CSS और JS का संदर्भ दें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Flask Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Flask Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Flask Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“url_for static से संसाधनों के लिंक बनाएँ” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Flask Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Flask Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- static फ़ोल्डर की परंपरा
- url_for static से संसाधनों के लिंक बनाएँ
- फ़ाइल संस्करणों से कैश हटाना
- उत्पादन में स्थिर फ़ाइलों की वास्तविकता