Anda di halaman 1dari 5

MODUL 9 PEMROGRAMAN WEB

Koneksi PHP dan MySQL

Bagian 2

Aplikasi web Sistem Informasi Universitas (SIUNIV)

1. Buka XAMPP Control Panel dan aktifkan modul MySQL dan Apache

Menampilkan hyperlink untuk fungsi Edit

2. Buka file read.php


3. Tambahkan judul kolom untuk kolom Edit dan Hapus setelah No. Telepon, seperti berikut.

4. Tambahkan sintaks berikut untuk membuat hyperlink fungsi Edit di setiap baris data

 Alamat tujuan adalah halaman form-update.php


 Ingat bahwa setiap baris data yang dikeluarkan disimpan pada array $data
 ?id_dosen=" . $data['id_dosen'] digunakan untuk mengirimkan nilai id_dosen ke
form_update
 Nilai ini digunakan untuk memilih dan menampilkan data dosen yang akan diubah ke dalam
form update
 Ingat bahwa form update seharusnya sudah memiliki data di dalam setiap kolom isiannya,
seperti berikut.

Menampilkan data yang diubah pada form update

5. Buka file form-update.php


6. Tambahkan sintaks berikut.
 Baris 5 : menyimpan nilai id_dosen yang dikirimkan melalui hyperlink. Ingat bahwa data yang
dikirimkan melalui hyperlink disimpan di dalam $_GET
 Baris 7 : variabel $query menyimpan query untuk memilih data dengan id_dosen yang sama
dengan nilai variabel $id_dosen
 Baris 9 : mengeksekusi query SELECT
 Baris 11 : menyimpan hasil SELECT ke dalam array $row

7. Setelah baris kode yang ditambahkan pada langkah no.6 , tambahkan struktur dasar HTML (dimulai
dari <!DOCTYPE html> )
8. Di dalam <body> tambahkan sintaks dasar untuk membuat tampilan tabel, seperti berikut.

9. Untuk menampilkan data di dalam kolom isian, tambahkan sintaks berikut di dalam tag <input>,
seperti berikut.
value="<?php echo $row['nama_dosen']; ?>"  tag <input> untuk nama dosen
value="<?php echo $row['telp']; ?>"  tag <input> untuk nomor telepon
value="<?php echo $row[id_dosen']; ?>"  tag <input> untuk id_dosen
 Komponen input bertipe hidden berfungsi untuk mengirim nilai id_dosen. Tanpa id_dosen,
pengubahan data tidak dapat diterapkan pada baris yang diinginkan
 Nilainya tidak perlu ditampilkan pada halaman form sehingga tipe yang digunakan adalah
hidden

Menyimpan hasil pengubahan data

10. Buka file update.php


11. Tambahkan sintaks berikut.

 Baris 5-7 : tiga variabel yang menampung hasil pengiriman data dari form, masing-masing
untuk id_dosen, nama_dosen, dan nomor telepon
 Baris 9 : query untuk mengupdate data berdasarkan nilai id_dosen yang ditampung di variabel
$id_dosen
 Baris 11 : mengeksekusi query UPDATE
 Baris 13 : menyimpan jumlah baris yang berhasil dieksekusi oleh query UPDATE

12. Untuk menampilkan pesan berhasil atau gagal update, tambahkan sintaks berikut.

13. Simpan dan lihat hasilnya pada browser


14. Pastikan proses update berhasil dengan memilih data yang akan diubah (klik link Update pada salah
satu baris data), mengisi form-update.php, dan menekan tombol Simpan
Menampilkan hyperlink fungsi update

15. Buka file read.php


16. Tambahkan sintaks untuk menampilkan hyperlink hapus setelah hyperlink edit, seperti berikut.

17. Dibutuhkan kotak dialog untuk mengkonfirmasi apakah user benar-benar akan menghapus data
18. Untuk menampilkannya, ditambahkan sintaks (yang di-highlight) berikut di dalam tag <a> untuk
hapus

19. Jika user menekan ‘Cancel’, maka proses hapus dibatalkan. Jika user menekan ‘OK’, data dihapus

Menghapus data dosen

20. Buka file delete.php


21. Tambahkan sintaks berikut.

 Baris 5 : variabel $id_dosen menyimpan data id_dosen yang dikirim melalui hyperlink Hapus
pada halaman read.php
 Baris 7 : variabel $query menyimpan sintaks untuk menghapus data dosen dengan id_dosen
yang sesuai dengan variabel $id_dosen
 Baris 9 : mengeksekusi query DELETE
 Baris 11 : menyimpan jumlah baris data yang berhasil dieksekusi query DELETE
22. Untuk menampilkan pesan berhasil atau gagal hapus data, tambahkan sintaks berikut.

Anda mungkin juga menyukai