Halo teman-teman pada tutorial kali ini saya akan menjelaskan tentang Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript Part 1, Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript, ada beberapa tahapan yang harus kita kerja terlebih dahulu yaitu yang pertama kita akan membuat database dan file koneksinya, berikutnya kita akan membuat file index dan kemudian yang terakhir prosesnya.
Oke teman-temaan pada pada tutorial Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript Part 1, kali ini kita akan membuat database dan file koneksi, file index dan file style untuk cssnya sedangkan proses nya akan kita bahas pada Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript Part 2
Yang pertama kita akan membuat databasenya, silahkan teman-teman buat database baru dengan nama databasenya misalkan sekolah berikutnya didalam database sekolah kita akan membuat sebuah tabel dengan nama tabel murid didalam table murid tersebut terdapat id, nama, alamat, tanggal, dan jenis_kelamin. Lebih kurang struktur tabenya seperti yang terlihat dibawah ini.
Kemudian silahkan teman-teman masukan datanya kedalam table yang telah kita buat tadi seperti dibawah ini,.
Selanjutnya kita akan membuat file koneksinya untuk menghubungkan script yang kita buat kedalam database, dan silahkan teman-teman simpan script dibawah ini dengan nama koneksi.php
|
1 2 3 4 5 6 7 8 9 10 11 |
<?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "sekolah"; $conn = mysqli_connect($servername, $username, $password, $dbname); if (!$conn) { die ("Connection failed: " .mysqli_connect_error()); } |
Setelah kita membuat data base dan file koneksinya berikutnya kita akan membuat file index, dan silahkan teman-teman simpan script dibawah ini dengan nama index.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script language="javascript" src="comment.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <?php include ('koneksi.php'); $result = mysqli_query($conn,"SELECT * FROM murid"); ?> </head> <body> <table> <form name="frmUser" method="post" action=""> <tr class="warna2"> <td>Pilih</td> <td>Nama</td> <td>Alamat</td> <td>Jenis kelamin</td> </tr> <?php $i=0; while($row = mysqli_fetch_array($result)) { if($i%2==0) $nama="warna1"; else $nama="warna2"; ?> <tr class="<?php if(isset($nama)) echo $nama;?>"> <td><input type="checkbox" name="murid[]" value="<?php echo $row["id"]; ?>" ></td> <td><?php echo $row["nama"]; ?></td> <td><?php echo $row["alamat"]; ?></td> <td><?php echo $row["jenis_kelamin"]; ?></td> </tr> <?php $i++; }?> <tr class="list"> <td colspan="4"><input type="button" name="delete" value="Delete" onClick="setDeleteAction();" /></td> </tr> </form> </table> </body> </html> |
Untuk mengatur layout atau tampilan kita memerlukan file style.css untuk mengatur layoutnya san silahkan teman-teman simpan script dibawah ini dengan nama style.css
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
body { font-family:Arial; } input { font-family:Arial; font-size:14px; } label{ font-family:Arial; font-size:14px; color:#999999; } .warna1 { background-color: #E2EDF9; font-size:12px; color:#101010; } .warna1:hover { background-color: #fc350e; color: #fff; } .warna2 { background-color: #B3E8FF; font-size:12px; color:#101010; } .warna2:hover { background-color: #fc350e; color: #fff; } .list { background-color: #929292; } |
Kemudian silahkan teman-teman simpan script yang terdapat diatas dan jika jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini.
Oke teman-teman sekian dulu tutorial saya kali ini tentang Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript Part 1, dan untuk proses nya akan kita bahas pada Cara Menghapus Banyak Data Menggunakan PHP dan JavaScript Part 2.
Semoga Bermanfaat
Terimakasih.