12 | P a g e
PYTHON
Mengirim Data dari Form ke Model
10.1 Membuat Form
Langkah-langkah berikut ini adalah lanjutan dari modul sebelumnya.
1. Buat App baru dengan nama tamu.
Gambar 128 App baru
2. Buka settings.py pada folder project, tambahkan ‘tamu’ pada INSTALLED_APPS.
Gambar 129 settings.py
71 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
3. Buat file baru dengan nama forms.py pada app tamu.
Gambar 130 File baru forms.py
4. Ketik kode untuk forms.py seperti gambar di bawah.
Gambar 131 Kode forms.py
72 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
5. Buka file views.py pada app tamu, kemudian ketik kode seperti ini.
Gambar 132 Kode views.py
6. Buka file urls.py pada folder project, tambahkan kode sebagai berikut.
Gambar 133 urls.py folder project
73 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
7. Tambahkan file baru dengan nama urls.py pada app tamu. Ketik kode seperti
gambar di bawah.
Gambar 134 urls.py app tamu
8. Tambahkan link untuk Buku Tamu pada file index.html Halaman Utama.
Gambar 135 index.html Halaman Utama
74 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
9. Tambahkan link untuk Buku Tamu pada file index.html Halaman Data Buku.
Gambar 136 index.html Halaman Data Buku
10. Tambahkan link untuk Buku Tamu pada file index.html Halaman About.
Gambar 137 index.html Halaman About
75 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
11. Buat folder baru pada app tamu dengan nama templates dan tamu.
Gambar 138 Folder templates baru
12. Buat file index.html di dalamnya, dan ketik kode sebagai berikut.
Gambar 139 File index.html Halaman Buku Tamu
76 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
13. Jalankan server.
Gambar 140 Jalankan server
14. Tampilan Halaman Buku Tamu.
Gambar 141 Tampilan Buku Tamu
77 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
10.2 Membuat Model untuk Form
Langkah selanjutnya adalah membuat model dan mengintegrasikan dengan form.
1. Buka file models.py pada app tamu dan ketik kode sebagai berikut.
Gambar 142 models.py app tamu
2. Buka file admin.py pada app tamu dan ketik kode sebagai berikut.
Gambar 143 admin.py app tamu
78 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
3. Buka cmd, ketik manage.py makemigrations untuk membuat file migrasi
model tamu.
Gambar 144 Membuat file migrasi model tamu
4. Buka cmd, ketik manage.py makemigrate untuk eksekusi migrasi.
Gambar 145 Eksekusi migrasi
79 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
5. Cek database untuk mengecek hasil migrasi.
Gambar 146 Database
6. Jalankan server.
Gambar 147 Jalankan server.
80 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
7. Lakukan login pada Halaman Admin.
Gambar 148 Login.
8. Model Guests sudah muncul pada Halaman Admin.
Gambar 149 Model Guests.
81 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
9. Buka kembali views.py pada app tamu, tambahkan kode sebagai berikut.
Gambar 150 views.py app tamu
10. Isi data pada form.
Gambar 151 Isi form Buku Tamu
82 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
11. Silahkan buka Halaman Admin untuk mengecek data yang masuk.
Gambar 152 Halaman Admin
83 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
12. Cek data yang masuk di database.
Gambar 153 Cek database
13. Buka file admin.py pada app tamu, tambahkan kode seperti gambar di bawah.
Kode dibawah ini untuk memodifikasi model Guests di Halaman Admin.
Gambar 154 admin.py
84 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
PYTHON
14. Tampilan model Guests di Halaman Admin.
Gambar 155 Halaman Guests
85 | Page Kevin Perdana, ST
https://medium.com/@kevinperdana
