Jak tworzyć szablony Django?

Jak tworzyć szablony Django?
Szablon zawiera dane HTML, które są generowane z widoku i wyświetlane w przeglądarce. Statyczne i dynamiczne strony HTML można tworzyć za pomocą szablonu. Logika i projekt były przechowywane osobno w aplikacji Django. Kod Pythona nie może być używany bezpośrednio w szablonie Django, ponieważ przeglądarka nie może interpretować kodu Pythona. Projektant może projektować strony HTML tylko z niezbędnym formatem lub stylem, a koder dodaje dane statyczne lub dynamiczne do szablonu za pomocą Język szablonu Django (DTL).

Jak można utworzyć szablon Django i jak można użyć DTL do dodawania zawartości statycznej lub dynamicznej do szablonu, pokazano w tym samouczku.

Zalety korzystania z DTL:

Istnieje wiele zalet stosowania DTL w szablonach Django. Niektóre z nich są wymienione poniżej.

  1. Część logiczna i część prezentacyjna aplikacji są tworzone osobno.
  2. Łatwiej jest przedłużyć aplikację.
  3. Pomaga zmniejszyć nadmiarowość danych.
  4. Zapewnia bezpieczeństwo aplikacji.

Wymagania wstępne:

Przed ćwiczeniem scenariusza tego samouczka musisz wykonać następujące zadania:

  1. Zainstaluj wersję Django 3+ na Ubuntu 20+ (najlepiej)
  2. Utwórz projekt Django
  3. Uruchom serwer Django, aby sprawdzić, czy serwer działa poprawnie, czy nie

Skonfiguruj aplikację Django:

Uruchom następujące polecenie, aby utworzyć aplikację Django o nazwie TEMPAPP:

$ Python3 Zarządzaj.PY startApp tempapp

Uruchom następujące polecenie, aby utworzyć użytkownika w celu uzyskania dostępu do bazy danych DJANGO, ale jeśli wcześniej utworzyłeś użytkownika, nie musisz uruchamiać polecenia pokazanego poniżej:

$ Python3 Zarządzaj.PY CreateSuperuser

Dodaj nazwę aplikacji w Zainstalowany_app część Ustawienia.py Plik, jak pokazano poniżej:

Instalowane_apps = [

„Tempapp”
]

Utwórz folder o nazwie szablony w środku TEMPAPP folder i ustaw szablon Lokalizacja aplikacji w Szablony część Ustawienia.py Plik, jak pokazano poniżej:

Szablony = [

… .
„Dirs”: ['/home/fahmida/django_pro/tempapp/szablony']],
… .
,
]

Utwórz prosty szablon Django:

Utwórz indeks.html plik wewnątrz tempapp/szablony/ folder z następującym skryptem HTML, aby wyświetlić sformatowany tekst statyczny dwóch linii w przeglądarce. Plik HTML nie może być wyświetlany bezpośrednio w przeglądarce i widoki.py Plik służy do renderowania pliku HTML w aplikacji Django.

indeks.html





Samouczki Django



Naucz się języka szablonu Django


Django to popularna platforma Python do projektowania aplikacji internetowej




Otworzyć wyświetlenia.py plik z TEMPAPP folder i dodaj następujący skrypt. Rander () metoda jest stosowana w widoki.py plik do wyświetlenia dowolnego pliku szablonu w przeglądarce.

W poniższym skrypcie indeks() Funkcja jest zdefiniowana w celu wyświetlania zawartości indeks.html plik. Kiedy ta funkcja wywoła z URL.py plik, wówczas plik szablonu zostanie wyświetlony w przeglądarce.

wyświetlenia.py

# Importuj moduł renderowania z Django
z Django.KRÓTKI IMPORTOWANE RENDER
# Utwórz funkcję indeksu, aby wyświetlić plik HTML w przeglądarce
indeks def (żądanie):
return render (żądanie ”, indeks.html ”)

Zmodyfikuj zawartość URL.py Plik z następującym skryptem. Według skryptu, indeks() funkcja wyświetlenia.py zostanie wezwany do ścieżki, 'indeks/'.

URL.py

# Moduł ścieżki importu
z Django.URL ścieżki importu
# Importuj widoki
Z TEMPAPP Import Views
# Zdefiniuj metodę ścieżki indeksu
urlpatterns = [
ścieżka („indeks/”, widoki.indeks) Python3 Manage.PY CreateSuperuser
]

Uruchom następujący adres URL z przeglądarki, aby uzyskać następujące dane wyjściowe. Dane statyczne są wyświetlane na wyjściu.

http: // localhost: 8000/index/

Utwórz szablon Django z DTL:

Utwórz klienci.html plik wewnątrz tempapp/szablony/ folder z następującym skryptem HTML. DTL jest używany w tym skrypcie do wyświetlania danych zmiennej słownikowej, która jest inicjowana przez dane zagnieżdżonych list w Widoki2.py plik. Pierwszy Do pętla służy do odczytu wartości listy zewnętrznej i drugiej Do pętla służy do odczytu wartości listy wewnętrznej.

klienci.html





Informacje dla klientów




Lista klientów






% dla rzędów w klientach %

% dla col w wierszach %

% endfor %

% endfor %
IDNazwaE-mailTelefon
col



Utwórz inny plik widoku o nazwie Widoki2.py pod TEMPAPP folder z następującym skryptem. Zmienna słownika wymieniona dane jest zadeklarowany w skrypcie, który zawiera zagnieżdżoną listę w celu wygenerowania danych tabelarycznych z 4 wierszy i 4 kolumn. dane zmienna zostanie wysłana do szablonu, gdy klienci() funkcja tego skryptu zostanie wywołana z URL.py plik.

Widoki2.py

# Importuj moduł renderowania z Django
z Django.KRÓTKI IMPORTOWANE RENDER
# Utwórz funkcję, aby wysłać dane tabelaryczne do szablonu
Klienci def (żądanie):
# Zdefiniuj słownik listy zagnieżdżonych
data = „klienci”: [[6745 ”,„ Monir Hossain ”,„ [email protected] ', „880191345234”],
[„7845”, „Keya Akter”, „[email protected] ', „880189045673”],
[„9056”, „Mohammed Ali”, „[email protected] ', „880179893922”],
[„4536”, „Mostafa kamal”, „[email protected] ', „880157665433']]

# Odpowiedź zwrotna z szablonem i danymi
renderowanie zwrotu (żądanie, „Klienci.html ", dane)

Zmodyfikuj URL.py Plik z następującym skryptem. 'klienci/„Ścieżka jest zdefiniowana w skrypcie, aby załadować klienci.html Plik w przeglądarce z danymi słownika.

URL.py

# Moduł ścieżki importu
z Django.URL ścieżki importu
# Importuj widoki
Z TEMPAPP Import Views
# Import Views2
z Tempapp Import Views2
# Zdefiniuj metody ścieżek indeksu i klientów
urlpatterns = [
ścieżka („indeks/”, widoki.indeks),
ścieżka („klienci/”, widoki2.klienci)
]

Uruchom następujący adres URL z przeglądarki, aby uzyskać następujące dane wyjściowe. Zapisy wszystkich klientów z tabel bazy danych zostały wyświetlone w przeglądarce za pomocą DTL.

http: // localhost: 8000/klienci/

Wniosek:

W tym samouczku pokazano sposoby tworzenia prostego szablonu i szablonu z językiem szablonu Django (DTL). Nowi użytkownicy Django będą mogli poprawnie utworzyć szablon aplikacji Django po ćwiczeniu skryptu tego samouczka.