0% menganggap dokumen ini bermanfaat (0 suara)
80 tayangan16 halaman

Panduan Membuat Form di Django

Dokumen ini menjelaskan cara membuat form untuk mengirimkan data ke model database menggunakan Django. Langkah-langkahnya meliputi membuat form, model, dan mengintegrasikannya dengan menambahkan URL dan template. Form ditampilkan, data dikirim ke database, dan dapat dilihat di halaman admin.

Diunggah oleh

xxx
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
0% menganggap dokumen ini bermanfaat (0 suara)
80 tayangan16 halaman

Panduan Membuat Form di Django

Dokumen ini menjelaskan cara membuat form untuk mengirimkan data ke model database menggunakan Django. Langkah-langkahnya meliputi membuat form, model, dan mengintegrasikannya dengan menambahkan URL dan template. Form ditampilkan, data dikirim ke database, dan dapat dilihat di halaman admin.

Diunggah oleh

xxx
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

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 [Link] pada folder project, tambahkan ‘tamu’ pada INSTALLED_APPS.

Gambar 129 [Link]

71 | Page Kevin Perdana, ST


[Link]
PYTHON
3. Buat file baru dengan nama [Link] pada app tamu.

Gambar 130 File baru [Link]

4. Ketik kode untuk [Link] seperti gambar di bawah.

Gambar 131 Kode [Link]

72 | Page Kevin Perdana, ST


[Link]
PYTHON
5. Buka file [Link] pada app tamu, kemudian ketik kode seperti ini.

Gambar 132 Kode [Link]

6. Buka file [Link] pada folder project, tambahkan kode sebagai berikut.

Gambar 133 [Link] folder project

73 | Page Kevin Perdana, ST


[Link]
PYTHON
7. Tambahkan file baru dengan nama [Link] pada app tamu. Ketik kode seperti
gambar di bawah.

Gambar 134 [Link] app tamu

8. Tambahkan link untuk Buku Tamu pada file [Link] Halaman Utama.

Gambar 135 [Link] Halaman Utama

74 | Page Kevin Perdana, ST


[Link]
PYTHON
9. Tambahkan link untuk Buku Tamu pada file [Link] Halaman Data Buku.

Gambar 136 [Link] Halaman Data Buku

10. Tambahkan link untuk Buku Tamu pada file [Link] Halaman About.

Gambar 137 [Link] Halaman About

75 | Page Kevin Perdana, ST


[Link]
PYTHON
11. Buat folder baru pada app tamu dengan nama templates dan tamu.

Gambar 138 Folder templates baru

12. Buat file [Link] di dalamnya, dan ketik kode sebagai berikut.

Gambar 139 File [Link] Halaman Buku Tamu

76 | Page Kevin Perdana, ST


[Link]
PYTHON
13. Jalankan server.

Gambar 140 Jalankan server

14. Tampilan Halaman Buku Tamu.

Gambar 141 Tampilan Buku Tamu

77 | Page Kevin Perdana, ST


[Link]
PYTHON
10.2 Membuat Model untuk Form
Langkah selanjutnya adalah membuat model dan mengintegrasikan dengan form.

1. Buka file [Link] pada app tamu dan ketik kode sebagai berikut.

Gambar 142 [Link] app tamu

2. Buka file [Link] pada app tamu dan ketik kode sebagai berikut.

Gambar 143 [Link] app tamu

78 | Page Kevin Perdana, ST


[Link]
PYTHON
3. Buka cmd, ketik [Link] makemigrations untuk membuat file migrasi
model tamu.

Gambar 144 Membuat file migrasi model tamu

4. Buka cmd, ketik [Link] makemigrate untuk eksekusi migrasi.

Gambar 145 Eksekusi migrasi

79 | Page Kevin Perdana, ST


[Link]
PYTHON
5. Cek database untuk mengecek hasil migrasi.

Gambar 146 Database

6. Jalankan server.

Gambar 147 Jalankan server.

80 | Page Kevin Perdana, ST


[Link]
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


[Link]
PYTHON
9. Buka kembali [Link] pada app tamu, tambahkan kode sebagai berikut.

Gambar 150 [Link] app tamu

10. Isi data pada form.

Gambar 151 Isi form Buku Tamu

82 | Page Kevin Perdana, ST


[Link]
PYTHON
11. Silahkan buka Halaman Admin untuk mengecek data yang masuk.

Gambar 152 Halaman Admin

83 | Page Kevin Perdana, ST


[Link]
PYTHON
12. Cek data yang masuk di database.

Gambar 153 Cek database

13. Buka file [Link] pada app tamu, tambahkan kode seperti gambar di bawah.
Kode dibawah ini untuk memodifikasi model Guests di Halaman Admin.

Gambar 154 [Link]

84 | Page Kevin Perdana, ST


[Link]
PYTHON
14. Tampilan model Guests di Halaman Admin.

Gambar 155 Halaman Guests

85 | Page Kevin Perdana, ST


[Link]

Anda mungkin juga menyukai