Nama : Devi Rahmania

Nim : 312110206
Kelas : TI.21.C5
Matkul : Pemrograman Web

CRUD dengan PHP dan Bootstrap

1. Langkah pertama membuat database dan tabelnya di http://localhost/phpmyadmin ,

Buat database baru (crud) di menu New – SQL.

Setelah itu masuk kedalam database crud kemudian buat tabel anggota didalam
database tersebut dengan mengetikan di menu SQL :
2. Membuat folder crud untuk folder projectnya. Didalam folder crud buat folder
bootstrap yang berisikan folder css dan js yang sudah didownload

3. Langkah selanjutnya untuk menghubungkan database yang telah dibuat , dibutuhkan

sebuah koneksi untuk menghubungkan keduanya. Buat file koneksi.php dengan
mengetikan pada visual studio code sebagai berikut:
4. Untuk menginput data yang di inginkan, kita akan membuat file create.php dengan
menggunakan bootstrap. Lalu dibuatkan sebagai berikut:
5. Untuk menampilkan mengedit, dan menghapus data (Read, Update and Delete) kita
buat file index.php. dengan memasukan script berikut :
6. Untuk menjalankan perintah update pada index.php diutuhkan script update.php seperti
dibawah ini :
7. Masuk pada browser dengan mengetikan http://localhost/crud dan lihat hasilnya
8. Untuk menambahkan data klik bootsrap/ pada halaman tersebut lalu muncul halaman
sebagai berikut

Kemudian Klik tambah data

Isi data sesuai dengan apa yang kita inginkan , dibawah ini adalah contoh data yang
saya isi
9. Untuk mengupdate data pada halaman tersebut masuk kedalam halaman phpmyadmin
, klik crud lalu klik anggota kemudian klik browse pada halaman seperti berikut

Klik edit pada data yang ingin diupdate, muncul halaman sebagai berikut
 Disini saya mengubah alamat Cikarang Timur menjadi Bekasi klik go setelah
mengubahnya , Lalu masuk kehalaman browser crud refresh dan hasilnya sebagai
berikut

10. Untuk menghapus data diatas masuk ke halaman browser phpmyadmin seperti berikut
Klik delete pada data yang ingin dihapus pada halaman tersebut lalu muncul seperti
berikut

Klik ok kemudian data berhasil dihapus , masuk kedalam halaman browser crud refresh
muncul halaman seperti berikut ini