URL, Views, dan Template Django

Django Lifecycle


Untuk memahami Django lifescycle (Siklus Hidup) mari kita perhatikan gambar berikut :

URL, Views, dan Template  Django

Seperti sudah kita bahas sebelumnya, Django merupakan sebuah Framework berbasis web Python. seperti framework yang paling modern pada umumnya, Django juga mengikuti pola MVC. Pertama mari kita lihat apa pola Model-View-Controller (MVC) namun ada sedikit perbedaan pada Django Framework yaitu menganut polas Model-View-Template (MVT).

Jika diartkan secara bahasa Framework = kerangka kerja, merupakan sebuah software untuk memudahkan para pengembang membuat aplikasi webiste didalam framewok tersebut terditi dari berbagai plugin,fungsi dan konsep-konsep sehingga terbentuklah sebuah sistem, keuntungan penggunaan framework ketika membuat aplikasi akan terstruktur dan tersusun rapi sehingga jika ada kesalahan akan mudah untuk menangani atau jika berkeja dengan team akan memeudahkan dalam membaca kode program.

Django memiliki filosofy  “The web framework for perfectionists with deadlines” dengan filosofy tersebut Django ingin menunjukan bahwa dengan menggunakan framework tersebut pembuatan aplikasi website dapat dikerjakan dengan cepat selama  memungkinkan. Dengan memiliki konsep yang mudah dipelajari dan dipahami tetapi powerfull, Semua orang yang belajar Django akan mudah membangun webiste.

Django App Structure

Django memiliki struktur sebagai berikut :

Django Tutorial

Aplikasi Django adalah paket mandiri yang hanya melakukan satu hal. Misalnya, blog, aplikasi keanggotaan, atau kalender acara.  Django sendiri adalah kumpulan aplikasi, masing-masing dirancang untuk melakukan satu hal. Dengan aplikasi bawaan Django, semuanya dirancang untuk membuat hidup Anda lebih mudah.

Django Tutorial

Praktek URL, Views, dan Template

Langkah 1 : 
Jalankan terlebih dahulu server website menggunakan cmd seperti di tutorial sebelumnya  pada project yang udah kita buat sebelumnya pada materi : Mengenal django dan instalasi. jika lupa silahkan ikuti langkah-langkah gambar berikut :

Django Tutorial

Langkah 2 :
Ikuti langkah-langkah di bawah ini untuk membuka project website ke dalam VS Code, Pada Menu, klik File Open Folder :
Django Tutorial


Cari Folder Virtual Env yang sudah dibuat sebelumnya, dan klik Select Folder.

Django Tutorial

Django Tutorial
Langkah 3 :
Pada project (websiteku) klik file urls kemudian ketik kode seperti gambar dibawah.  
Django Tutorial

Kemudian :

Django Tutorial
Buatlah sebuah file baru dengan nama view.py
Django Tutorial

Tambahkan coding seperti berikut :

Django Tutorial
Kemudian Klik kanan pada Base Directory, kemudian New Folder  berikan nama pada folder tersebut dengan nama templates 
Django Tutorial
Klik file settings.py pada project. Dan ketik kode seperti gambar di bawah. 
Django Tutorial


Buat file baru dengan nama index.html di dalam folder templates project :
Django Tutorial


Ketik kode index.html seperti gambar di bawah.

Django Tutorial

Halaman Utama selesai. Cek di browser Anda.
Django Tutorial

Membuat Halaman About :

Buka cmd baru atau terminal (Klik View>Terminal) yang ada di VS Code Anda, kemudian ketik manage.py startapp about seperti gambar di bawah. Jangan lupa masuk ke dalam Virtual Environment dan masuk ke Base Directory terlebih dahulu.
Django Tutorial

Apabila pembuatan App berhasil, hasilnya seperti gambar di bawah
Django Tutorial
Tambahkan kode pada file urls yang ada di dalam Project Directory seperti gambar di bawah. 
Django Tutorial
Klik kanan pada App about. Kemudian New File kemudian berikan nama urls.py kemudian masukan coding berikut :
Django Tutorial
Buka settings.py pada Project Directory dan sesuaikan dengan nama App yang telah dibuat seperti gambar dibawah.
Django Tutorial


Klik kanan pada about, kemudian New Folder kemudian berikan nama templates kemudian buat lagi sebuah folder pada folder templates tersebut dengan nama about, sehingga menjadi seperti berikut :
Django Tutorial

tambahkan sebuah file baru pada folder about dengan cara Klik kanan pada folder about kemudian New File  kemudian berikan nama index.html
Django Tutorial

Ketik kode index.html seperti gambar di bawah  :
Django Tutorial


 Ketik kode pada file views.py di dalam folder App about.
Django Tutorial


Tambahkan satu baris kode pada index.html di dalam folder templates utama. Ikuti gambar di bawah.
Django Tutorial

hailnya sebagai berikut :
Django Tutorial



Sekian Praktek kita mengenai URL, Views, dan Template  Django, jika ada pertanyaan silahkan isi dikolom komentar