url_for static ile Varlıklara Bağlanma
CSS ve JS’ye sabit kodlanmış yollar olmadan başvurun.
url_for static ile Varlıklara Bağlanma, CoddyKit'te ücretsiz bir Flask Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Flask Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Flask Academy kursu toplamda 4 dersten oluşur.
Yolları Sabit Kodlamayı Bırakın
Her şablonda /static/style.css yazmak kolay görünür, ancak bu yöntem kırılgandır. Flask, varlık bağlantılarını sizin için oluşturmak üzere url_for sağlar. 🔧
static Uç Noktası
Flask, varlıklarınız için static adlı yerleşik bir uç nokta kaydeder. Ham yolu kendiniz yazmak yerine url_for ile bunu istersiniz.
Dosya Adını Aktarın
Uç noktayı ve bir filename bağımsız değişkenini url_for ile çağırın. Flask, static klasörünüzdeki doğru dosyaya işaret eden URL'yi döndürür.
url_for("static", filename="style.css")
# -> /static/style.cssŞablonda Kullanın
Bir Jinja2 şablonunun içinde çağrıyı çift süslü parantezlerle çevreleyin. Ardından link etiketi, oluşturulmuş ve her zaman doğru bir href alır.
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">Alt Klasörler de Çalışır
Alt yolu doğrudan filename içine yazın. Değerdeki eğik çizgiler, static içindeki klasörlere doğrudan karşılık gelir.
url_for("static", filename="css/style.css")
# -> /static/css/style.cssNeden Uğraşmalı?
static_url_path değerini değiştirirseniz her url_for bağlantısı kendini günceller. Sabit kodlanmış yollar ise bunun yerine sessizce bozulur.
Doğru Ön Ekler Ücretsiz
Uygulamanız bir sunucuda alt yol altında çalıştığında url_for, doğru ön eki otomatik olarak ekler; böylece bağlantılar her yerde çalışmaya devam eder.
JavaScript'inize Bağlantı Verin
Aynı çağrı betikleri de bağlar. script etiketini url_for sonucuna yönlendirin; JS, sabit kodlanmış bir yol olmadan static klasöründen yüklenir.
<script src="{{ url_for('static', filename='js/app.js') }}"></script>Görseller de Aynı Şekilde
Görseller de aynı kalıbı izler. Dosya adını url_for'a verin ve sonucu img etiketinin kaynağına yerleştirin.
<img src="{{ url_for('static', filename='img/logo.png') }}">Python'da da Çağırın
url_for yalnızca şablonlara özgü değildir. Bir görünümün içinde url_for çağırarak bir varlık URL'si hesaplayabilir ve bunu döndürebilir veya günlükleyebilirsiniz.
from flask import url_for
link = url_for("static", filename="style.css")Koruyacağınız Bir Alışkanlık
Şunu kural haline getirin: her varlık bağlantısı url_for üzerinden geçsin. Gelecekteki yeniden adlandırmalar, ön ekler ve önbellek yenileme işlemleri böylece kendiliğinden çalışır. ✅
Hızlı Kontrol
static içindeki css/style.css dosyasına temiz bir bağlantı vermek istiyorsunuz. Hangi çağrı doğrudur?
Özet: Varlıklara Bağlantı Verme
Artık her varlık bağlantısını static uç noktasıyla birlikte url_for kullanarak oluşturuyorsunuz. Böylece yapılandırma değişse bile yollar doğru kalıyor. 🎯
Sıkça Sorulan Sorular
“url_for static ile Varlıklara Bağlanma” dersi ücretsiz mi?
Evet — “url_for static ile Varlıklara Bağlanma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Flask Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Flask Academy kursu toplamda 4 dersten oluşur.
“url_for static ile Varlıklara Bağlanma” dersinde ne öğreneceğim?
CSS ve JS’ye sabit kodlanmış yollar olmadan başvurun. Flask Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Flask Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Flask Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“url_for static ile Varlıklara Bağlanma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Flask Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Flask Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- static Klasörü Kuralı
- url_for static ile Varlıklara Bağlanma
- Dosya Sürümleriyle Önbellek Yenileme
- Üretimde Statik Dosyaların Gerçekliği