Python

Cara Membuat Template Django?

Cara Membuat Template Django?
Template berisi data HTML yang dihasilkan dari tampilan dan ditampilkan di browser. Halaman HTML statis dan dinamis dapat dibuat menggunakan template. Logika dan desain telah disimpan secara terpisah dalam aplikasi Django. Kode python tidak dapat digunakan secara langsung dalam template Django karena browser tidak dapat menginterpretasikan kode python. Perancang dapat mendesain halaman HTML hanya dengan format atau gaya yang diperlukan, dan pembuat kode menambahkan data statis atau dinamis ke dalam template menggunakan Bahasa Template Django (DTL).

Bagaimana template Django dapat dibuat dan bagaimana DTL dapat digunakan untuk menambahkan konten statis atau dinamis ke template telah diperlihatkan dalam tutorial ini.

Keuntungan menggunakan DTL:

Ada banyak keuntungan menggunakan DTL dalam template Django. Beberapa di antaranya disebutkan di bawah ini.

  1. Bagian logis dan bagian presentasi dari aplikasi dibuat secara terpisah.
  2. Menjadi lebih mudah untuk memperpanjang aplikasi.
  3. Ini membantu mengurangi redundansi data.
  4. Ini menjamin keamanan aplikasi.

Prasyarat:

Sebelum mempraktikkan skrip tutorial ini, Anda harus menyelesaikan tugas-tugas berikut:

  1. Instal Django versi 3+ di Ubuntu 20+ (lebih disukai)
  2. Buat proyek Django
  3. Jalankan server Django untuk memeriksa apakah server bekerja dengan benar atau tidak

Siapkan aplikasi Django:

Jalankan perintah berikut untuk membuat aplikasi Django bernama tempa:

$ python3 kelola.py startapp tempapp

Jalankan perintah berikut untuk membuat pengguna untuk mengakses database Django, tetapi jika Anda telah membuat pengguna sebelumnya, maka tidak perlu menjalankan perintah yang ditunjukkan di bawah ini:

$ python3 kelola.py buat pengguna super

Tambahkan nama aplikasi di INSTALLED_APP bagian dari pengaturan.py file, seperti gambar di bawah ini:

INSTALLED_APPS = [

'tempapp'
]

Buat folder bernama template di dalam tempa folder dan atur template lokasi aplikasi di TEMPLATE bagian dari pengaturan.py file, seperti gambar di bawah ini:

TEMPLATE = [

… .
'DIRS': ['/home/fahmida/django_pro/tempapp/templates'],
… .
,
]

Buat Template Django Sederhana:

Buat indeks.html file di dalam tempapp/templat/ folder dengan skrip HTML berikut untuk menampilkan teks statis berformat dua baris di browser. File HTML tidak dapat ditampilkan langsung di browser dan pemandangan.py file digunakan untuk merender file HTML dalam aplikasi Django.

indeks.html





Tutorial Django



Pelajari Bahasa Template Django


Django adalah kerangka kerja python yang populer untuk mendesain aplikasi web




Buka dilihat.py file dari tempa folder dan tambahkan skrip berikut. Itu penggembala() metode yang digunakan dalam pemandangan.py file untuk menampilkan file template apa pun ke dalam browser.

Dalam skrip berikut, indeks() fungsi didefinisikan untuk menampilkan konten dari indeks.html mengajukan. Saat fungsi ini dipanggil dari url.py file, maka file template akan ditampilkan di browser.

dilihat.py

# Impor modul render dari Django
dari django.pintasan impor render
# Buat fungsi indeks untuk menampilkan file HTML ke dalam browser
indeks def (permintaan):
kembali render(permintaan, "indeks.html")

Ubah konten url.py file dengan skrip berikut:. Menurut naskah, Indeks() fungsi dari dilihat.py akan dipanggil untuk jalan, 'indeks/'.

url.py

# Modul jalur impor
dari django.jalur impor url
# Impor tampilan
dari tampilan impor tempapp
# Tentukan metode untuk jalur indeks
pola url = [
jalur('indeks/', tampilan.indeks) python3 kelola.py buat pengguna super
]

Jalankan URL berikut dari browser untuk mendapatkan output berikut. Data statis ditampilkan di output.

http://localhost:8000/index/

Buat Template Django dengan DTL:

Buat pelanggan.html file di dalam tempapp/templat/ folder dengan skrip HTML berikut:. DTL digunakan dalam skrip ini untuk menampilkan data variabel kamus yang diinisialisasi oleh data daftar bersarang di dilihat2.py mengajukan. Pertama untuk loop digunakan untuk membaca nilai-nilai dari daftar luar dan yang kedua untuk loop digunakan untuk membaca nilai-nilai dari daftar bagian dalam.

pelanggan.html





informasi pengguna




Daftar Pelanggan






% untuk baris di pelanggan %

% untuk col dalam baris %

% akhir untuk %

% akhir untuk %
IndoNamaSurelTelepon
kolom



Buat file tampilan lain bernama dilihat2.py dibawah tempa folder dengan skrip berikut:. Variabel kamus bernama data dideklarasikan dalam skrip yang berisi daftar bersarang untuk menghasilkan data tabular dari 4 baris dan 4 kolom. Itu data variabel akan dikirim ke template ketika pelanggan() fungsi skrip ini akan dipanggil dari url.py mengajukan.

dilihat2.py

# impor modul render dari Django
dari django.pintasan impor render
# buat fungsi untuk mengirim data tabular ke template
def pelanggan (permintaan):
# tentukan kamus daftar bersarang
data = "pelanggan": [['6745', 'Monir Hossain', '[email protected]', '880191345234'],
['7845', 'Keya Akter', '[email protected]', '880189045673'],
['9056', 'Mohammed Ali', '[email protected]', '880179893922'],
['4536', 'Mostafa Kamal', '[dilindungi email]', '880157665433']]

# kembalikan respons dengan templat dan data
mengembalikan render(permintaan, "pelanggan.html", data)

Ubah url.py file dengan skrip berikut:. 'pelanggan/' jalur didefinisikan dalam skrip untuk memuat pelanggan.html file di browser dengan data kamus.

url.py

# Modul jalur impor
dari django.jalur impor url
# Impor tampilan
dari tampilan impor tempapp
# Impor tampilan2
dari tampilan impor tempapp2
# Tentukan metode untuk jalur indeks dan pelanggan
pola url = [
jalur('indeks/', tampilan.indeks),
jalur('pelanggan/', tampilan2.pelanggan)
]

Jalankan URL berikut dari browser untuk mendapatkan output berikut. Catatan semua pelanggan dari tabel database telah ditampilkan di browser menggunakan DTL.

http://localhost:8000/customers/

Kesimpulan:

Cara membuat template sederhana dan template dengan Django Template Language (DTL) telah ditunjukkan dalam tutorial ini. Pengguna Django baru akan dapat membuat template untuk aplikasi Django dengan benar setelah mempraktikkan skrip tutorial ini.

Pertempuran untuk Tutorial Westnoth
The Battle for Wesnoth adalah salah satu game strategi open source terpopuler yang bisa kamu mainkan saat ini. Tidak hanya game ini telah dikembangkan...
0 A.D. tutorial
Dari sekian banyak game strategi di luar sana, 0 A.D. berhasil menonjol sebagai judul yang komprehensif dan permainan taktis yang sangat dalam meskipu...
Tutorial Unity3D
Pengantar Unity 3D Unity 3D adalah mesin pengembangan game yang tangguh. Ini adalah lintas platform yang memungkinkan Anda membuat game untuk seluler,...