Scribd
Unggah
153 tayangan19 halaman

Python Django - Modul 2

Dokumen tersebut menjelaskan tentang pola kerja Django framework, struktur aplikasi Django, dan cara membuat URL, views, dan template untuk halaman utama dan aplikasi tambahan dalam Django.

Diunggah oleh

dimas aryamukhti
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
153 tayangan19 halaman

Python Django - Modul 2

Dokumen tersebut menjelaskan tentang pola kerja Django framework, struktur aplikasi Django, dan cara membuat URL, views, dan template untuk halaman utama dan aplikasi tambahan dalam Django.

Diunggah oleh

dimas aryamukhti
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 19

12 | P a g e

PYTHON

Pola Django Framework

4.1 Pola Django


Berikut gambar Pola Django Framework.

Gambar 26 Pola Django Framework

4.2 Struktur App Django


Berikut gambar Struktur App Django.

Gambar 27 Struktur App Django

12 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON

Gambar 28 Detail Struktur App Django

13 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON

URL, Views, dan Template

5.1 Jalankan Server


Jalankan terlebih dahulu server website menggunakan cmd seperti di tutorial
sebelumnya.

Gambar 29 Menjalankan Server Website

14 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
5.2 Buka Project ke Dalam VS Code
Ikuti langkah-langkah di bawah ini untuk membuka project website ke dalam VS Code.
1. Pada Menu, klik File Open Folder.

Gambar 30 Open Folder

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

Gambar 31 Cari Folder Virtual Env

15 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
5.3 URL, Views, dan Template untuk Halaman Utama
Langkah-langkah.
1. Pada project (websiteku) klik file urls kemudian ketik kode seperti gambar
dibawah.

Gambar 32 File urls Project

2. Klik kanan project directory, klik New File.

Gambar 33 New File Project

16 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
3. Ketik views.py

Gambar 34 New File views.py

4. Ketik kode untuk views.py

Gambar 35 Isi Kode views.py

17 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
5. Klik kanan pada Base Directory, kemudian New Folder.

Gambar 36 New Folder pada Base Directory

6. Buat folder baru dengan nama templates.

Gambar 37 Folder templates

18 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
7. Klik file settings.py pada project. Dan ketik kode seperti gambar di bawah.

Gambar 38 settings.py

8. Buat file baru dengan nama index.html di dalam folder templates project.

Gambar 39 Buat File index.html

19 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
9. Ketik kode index.html seperti gambar di bawah.

Gambar 40 Isi Kode index.html

10. Halaman Utama selesai. Cek di browser Anda.

Gambar 41 Halaman Utama

20 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
5.4 URL, Views, dan Template untuk App
Pada langkah ini akan dibuat app dengan nama about.
1. 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.

Gambar 42 Membuat App pada cmd

2. Apabila pembuatan App berhasil, hasilnya seperti gambar di bawah.

Gambar 43 App about

21 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
3. Tambahkan kode pada file urls yang ada di dalam Project Directory seperti
gambar di bawah.

Gambar 44 Kode urls pada Project Directory

4. Klik kanan pada App about. Kemudian New File.

Gambar 45 New File App about

22 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
5. Tambahkan file urls.py pada about

Gambar 46 urls.py pada about

6. Ketik kode pada file urls.py seperti gambar di bawah.

Gambar 47 Isi Kode urls.py pada about

23 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
7. Buka settings.py pada Project Directory dan sesuaikan dengan nama App yang
telah dibuat seperti gambar dibawah.

Gambar 48 settings.py

8. Klik kanan pada about, kemudian New Folder.

Gambar 49 New Folder pada about

24 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
9. Buat folder templates di dalam App about.

Gambar 50 Folder templates pada App about

10. Tambahkan folder lagi di dalam templates dengan nama about (sesuai dengan
nama App).

Gambar 51 Folder about di dalam Folder templates

25 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
11. Klik kanan pada folder about kemudian New File.

Gambar 52 New File

12. Buat file dengan nama index.html

Gambar 53 File baru dengan Nama index.html

26 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
13. Ketik kode index.html seperti gambar di bawah.

Gambar 54 Isi Kode index.html

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

Gambar 55 Isi Kode views.py

27 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
15. Tambahkan satu baris kode pada index.html di dalam folder templates utama.
Ikuti gambar di bawah.

Gambar 56 File index.html di dalam folder templates utama

16. Tampilan Halaman Utama website.

Gambar 57 Halaman Utama website

28 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana
PYTHON
17. Tampilan Halaman App about.

Gambar 58 Halaman App about

29 | Page Kevin Perdana, ST


https://medium.com/@kevinperdana

Anda mungkin juga menyukai