Rabu, 16 Mei 2012


Studi Kasus : Membuat Fungsi untuk menghapus multiple data dalam database (mysql) dengan checkbox
Kebutuhan : Webserver Packages, already installed.
Checkbox multi delete seperti di Gmail, kita bisa memilih untukmenghapus message dalam inbox kita dengan mengklik tanda checkbox pada data – data yang ingin kita hapus. Tutorial kali ini akan membuat contoh aplikasi untuk menghapus data – data tertentu yang ditandai dengan checkbox (seperti di Gmail).
Ok, langsung praktik saja.
Step 1 : Persiapkan Database
  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_book, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!
Step 2 : Persiapkan Folder Kerja
  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.
Step 3 : Membuat script koneksi ke Database
  1. Ketikkan script berikut,
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    
  2. simpan dengan nama connect.php
Step 4 : Membuat Script untuk menampilkan data
  1. Ketikkan script berikut,
    <html><head>
    <title>Itx.Web.Id</title>
    <script type="text/javascript" src="pilihan.js"></script>
    <script type="text/javascript" src="warning.js"></script>
    </head>
    <body>
    <h2> The Data <h2>
    <?php
    include 'connect.php';
    $query = "SELECT * FROM tb_book"; //the query for get all data in tb_student
    $result = mysql_query($query);
    ?>
    
    <form name="myform" method="post" action="prosesdeletemulti.php">
    
    <?php
    echo "<table border='0' cellpadding='2' cellspacing='2'>";
    echo "<tr bgcolor='orange'>
            <td> <b> Title </b> </td>
            <td> <b> Author </b> </td>
    
         </tr>";
    
    $i = 0;
    while ($data = mysql_fetch_array($result)) { //mysql_fetch_array = get the query data into array
      echo "<tr>
                <td>".$data['title']."</td>
                <td>".$data['author']."</td> "; ?>
    <td><input type="checkbox" name="id[<?php echo $i;?>]" value="<?php echo $data['id'];?>" /></td>
    <?php
    $i++;
    }
    echo "</table>";
    ?>
    <td> <input type="submit" value="Delete" onClick="return warning();" name="submit">
    <input type="reset" value="Cancel" name="reset"> </td>
    </form>
    </body>
    
    </html> 
  2. simpan dengan nama student_data1.php
Step 5 : Membuat Javascript untuk menampilkan warning
  1. Ketikkan script berikut,
    function warning() {
     return confirm('Are You Sure to Delete This Data?');
    }
    
  2. simpan dengan nama formupdate.php
Step 6 : Membuat Javascript untuk mendapatkan komponen yang tercentang checkbox nya
  1. Ketikkan script berikut,
    function pilihan()
      {
         // read the component from 'myform'
         var jumKomponen = document.myform.length;
         // no check all
         if (document.myform[0].checked == false)
            {
                for (i=1; i<=jumKomponen; i++)
                {
                   if (document.myform[i].type == "checkbox") document.myform[i].checked = false;
                }
            }
      }
    
  2. simpan dengan nama pilihan.js
Step 7 : Membuat Script untuk Menghapus Data Multi
  1. Ketikkan script berikut,
    <?php
    include 'connect.php';
    $data = $_POST['id']; //get all the id book that will be deleted
    
    foreach($data as $data1) { //looping according to the total data that checked
     //echo $data1;
     $query = "DELETE FROM tb_book where id = $data1"; //the query to delete data according to id
     $result = mysql_query($query);
    }
    if ($result) {
     include "student_data1.php";
     echo "Delete sucess";
    }
    ?>
    
  2. simpan dengan nama prosesdeletemulti.php
Step 8 : Testing Code
  1. Pergi ke http://localhost/tutorphp/student_data1.php. Beri tanda centang pada data yang ingin anda delete.
  2. Muncul konfirmasi hapus data. Pilih OK untuk menghapus data
  3. Maka konfirmasi sukses delete ditampilkan. Cek juga database anda, pastikan bahwa data telah terhapus :D
Sumber Dari :

0 komentar: