Django Academy · Lekcja

Tag url i tag static

Łączyć trasy i zasoby bez wpisywania ścieżek na sztywno

Lekcja 4 z 413 kroki

Tag url i tag static to bezpłatna lekcja Django Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Django Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Django Academy zawiera 4 lekcji w sumie.

Nigdy nie wpisuj ścieżek na stałe

Ręczne wpisywanie adresów URL i ścieżek plików przestaje działać, gdy tylko ulegną one zmianie. Django udostępnia tagi url i static do bezpiecznego ich tworzenia. 🔗

Tag url tworzy trasy

Tag url zamienia nazwę trasy na jej rzeczywistą ścieżkę. Jeśli później zmienisz wzorzec URL, każdy odnośnik zaktualizuje się automatycznie.

<a href="{% url 'home' %}">Home</a>

Najpierw nazwij swoje trasy

Aby url działał, nadaj każdemu wzorcowi nazwę w pliku urls.py. Ta nazwa jest stałym identyfikatorem, do którego odwołuje się szablon.

path("about/", views.about, name="about")

Przekazywanie argumentów URL

Jeśli trasa wymaga wartości, przekaż ją po nazwie. Django umieści argument w ścieżce w miejscu oczekiwanym przez konwerter.

{% url 'post_detail' post.id %}

Nazwy URL z przestrzeniami nazw

Gdy aplikacja ustawia app_name, odwołuj się do tras za pomocą prefiksu, takiego jak blog:detail, aby uniknąć konfliktów z innymi aplikacjami.

{% url 'blog:detail' post.id %}

Tag static dla zasobów

Tag static tworzy poprawny URL do pliku CSS, JS lub obrazu, nawet gdy ścieżki magazynu różnią się na produkcji.

{% static 'css/style.css' %}

Najpierw załaduj static

Przed użyciem tagu musisz załadować static w pobliżu początku szablonu. Spowoduje to udostępnienie tagu w tym pliku.

{% load static %}

Podłączanie arkusza stylów

Połącz te elementy, aby bezpiecznie podłączyć arkusz stylów i zachować poprawność ścieżki niezależnie od miejsca, z którego serwowane są pliki.

<link rel="stylesheet" href="{% static 'css/style.css' %}">

Wyświetlanie obrazu

Ten sam tag static działa w przypadku obrazów. Wskaż plik w folderze static, a Django ustali jego pełny URL.

<img src="{% static 'img/logo.png' %}">

Dlaczego static ma znaczenie

Na produkcji zasoby często trafiają do CDN-u lub do ścieżek zawierających skróty. Tag static ukrywa te szczegóły, więc szablony nigdy nie wymagają edycji.

Dwa tagi, jeden cel

Oba tagi mają wspólny cel: pozwalają Django obliczać ścieżki zamiast robić to samodzielnie. Używaj url dla widoków, a static dla plików.

Szybkie sprawdzenie

Wybierz właściwy tag do odpowiedniego zadania.

Podsumowanie: bezpieczne linki

Nauczyłeś się tworzyć ścieżki widoków za pomocą tagu url oraz ścieżki zasobów za pomocą static po wcześniejszym załadowaniu static. Na tym kończy się renderowanie HTML z danymi.

Bezpłatny start

Ucz się Python dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
30
Lekcje
120

Często zadawane pytania

Czy lekcja „Tag url i tag static” jest bezpłatna?

Tak — pełny tekst „Tag url i tag static” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Django Academy, przejdź na CoddyKit PRO. Kurs Django Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Tag url i tag static”?

Łączyć trasy i zasoby bez wpisywania ścieżek na sztywno Ćwiczysz Django Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Django Academy?

Nie wymagamy żadnego doświadczenia. Django Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Tag url i tag static”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Django Academy?

Tak. Każda lekcja Django Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. render() i kontekst szablonu
  2. Tagi i filtry szablonów
  3. Dziedziczenie szablonów z extends i block
  4. Tag url i tag static
← Powrót do Django Academy