Kamis, 18 Februari 2016

Tutorial Script PHP Create, Read, Update, Delete (CRUD) Menggunakan Mysqli dan Bootstrap (Sederhana)


Assalamualaikum Wr. Wb

Sudah lama sekali saya tidak update blog ini hampir 1 tahun lamanya. Heheheh
Sesuai judul diatas saya akan membahas cara membuat Input (Create), Read (Baca / Tampil), Edit (Update), Hapus (Delete) bisa disebut juga dengan (CRUD) dan koneksi kita kali ini menggunakan Mysqli. Program Web menggunakan PHP ini masilah sangat sederhana, agar sobat" bisa belajar dan mengkembangkannya sendiri sehingga menjadi bagus. Langsung saja kita ke TKP nya .. heheh :D

Software yang diperlukan :

- Browser
- Xampp (Usahakan Terupdate)
- Notepad ++ / Dreamweaver

Pertama kita buat databasenya terlebih dahulu di xampp dengan nama database latihan kemudian buat nama table anggota dengan beberapa field dibawah sebagai berikut :


Selanjutnya buat koneksinya terlebih dahulu. buat dengan nama koneksi.php
 
<?php
$koneksi=mysqli_connect("localhost","root","","latihan");
?>

Kemudian kalau sudah buat halaman koneksi, selanjutnya kita buat halaman index.php 
 
<?php include "koneksi.php" ?>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
<link href="aset/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="aset/fonts/glyphicons-halflings-regular.ttf" type="text/css">
<title>Latihan Sederhana</title>
</head>

<body>
<div class="container">
 <div class="row">
     <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2" style="margin-top:30px;">
         <div class="panel panel-default">
          <div class="panel-heading">
           <div class="panel-title">Input Anggota Sederhana</div>
                </div>
                
                <div class="panel-body">
                <?php
if (!empty($_GET['message']) && $_GET['message'] == 'sukses') {
    echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Input data anggota berhasil dilakukan</center></div>';
}
?>
                 <form action="proses.php" method="post" enctype="multipart/form-data">
                  <div class="form-group">
          <label>NIM</label>
          <input type="text" class="form-control" placeholder="NIM" name="nim" required autofocus>
        </div>  
      <div class="form-group">
          <label>NAMA</label>
          <input type="text" class="form-control" placeholder="NAMA" name="nama" required >
        </div>  
                        <div class="form-group">
        <label>TANGGAL LAHIR </label><br>
         <select name="tgl" size="1"  id="tgl" class="input-tgl" required>
        <?php
        for ($i=1;$i<=31;$i++)
         {
        echo "<option  value=".$i.">".$i."</option>";
         }
        ?>
        </select> 
               
                            <select  name="bln" size="1" id="bln" class="input-tgl" required>
        <?php
         $bulan=array("","Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
         for ($i=1;$i<=12;$i++)
         {
         echo "<option  value=".$i.">".$bulan[$i]."</option>";
         }
        ?>
        </select>
        
                            <select  name="thn" size="1" id="thn" class="input-tgl" required>
        <?php
         for ($i=1960;$i<=2016;$i++)
         {
         echo "<option  value=".$i.">".$i."</option>";
         }
        ?>
        </select>
        </div>   
                        
                        <div class="form-group">
          <label>ALAMAT</label>
          <textarea name="alamat" placeholder="Alamat" class="form-control"></textarea>
        </div>    
                        <button type="submit" name="input_anggota" class="btn btn-primary">SIMPAN</button>
                        <a href="data-anggota.php" class="btn btn-success">DATA ANGGOTA</a>
                                   
                 </form>
                </div>
         </div>
        </div>
    
    </div>
</div>

<script src="aset/js/jquery.js"></script>
<script src="aset/js/bootstrap.min.js"></script>
</body>
</html> 
Selanjutnya kita buat halaman proses.php untuk membuat proses Input, Edit, Hapus langsung saja buat script seperti dibawah :
 

<?php 
include "koneksi.php";

if(isset($_POST['input_anggota'])){
 $nim = $_POST['nim'];
 $nama = $_POST['nama'];
 $tgl_lahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];
 $alamat = $_POST['alamat'];
 
 $sql = "INSERT INTO anggota (nim, nama, tgl_lahir, alamat) VALUES ('$nim', '$nama', '$tgl_lahir', '$alamat')";
 if (mysqli_query($koneksi, $sql)) {
    header('location:index.php?message=sukses');
 } else {
     echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
 }
 mysqli_close($koneksi);
}

if(isset($_POST['edit_anggota'])){
 $id = $_POST['id'];
 $nim = $_POST['nim'];
 $nama = $_POST['nama'];
 $tgl_lahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];
 $alamat = $_POST['alamat'];
 
 $sql = "UPDATE anggota SET 
  id='$id',
  nim='$nim', 
  nama='$nama', 
  tgl_lahir='$tgl_lahir', 
  alamat='$alamat'
  WHERE id='$id'";
  
 if (mysqli_query($koneksi, $sql)) {
    header('location:data-anggota.php?message=sukses');
 } else {
     echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
 }
 mysqli_close($koneksi);
}

if(isset($_GET['id'])){
$id = $_GET['id'];
 
 $sql = "DELETE FROM anggota WHERE id='$id'";
 if (mysqli_query($koneksi, $sql)) {
    header('location:data-anggota.php?message=hapus-sukses');
 } else {
     echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
 }
 mysqli_close($koneksi);
}

?>
Selanjutnya kita buat halaman tampil data dengan nama data-anggota.php dengan kode sebagai berikut
 
<?php include "koneksi.php" ?>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
<link href="aset/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="aset/fonts/glyphicons-halflings-regular.ttf" type="text/css">
<title>Latihan Sederhana</title>
</head>

<body>
<div class="container">
 <div class="row">
     <div class="col-md-12" style="margin-top:30px;">
        <a href="index.php" class="btn btn-info">+ Tambah Data</a>
        <br>
        <br>
        <?php
if (!empty($_GET['message']) && $_GET['message'] == 'sukses') {
    echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Data Anggota berhasil di edit</center></div>';
}

if (!empty($_GET['message']) && $_GET['message'] == 'hapus-sukses') {
    echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Data Anggota berhasil di Hapus</center></div>';
}
?>
         <table class="table table-bordered table-striped table-responsive">
          <thead style="text-align:center;">
                 <tr class="info">
                     <td>NIM</td>
                        <td>NAMA</td>
                        <td>TANGGAL LAHIR</td>
                        <td>ALAMAT</td>
                        <td>EDIT</td>
                        <td>HAPUS</td>
                    </tr>
                </thead>
             <?php 
    $namabulan = array("","Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
    $sql = mysqli_query($koneksi,"SELECT * FROM anggota");
    while($data = mysqli_fetch_array($sql)){
     list($thn,$bln,$tgl)=explode('-',$data['tgl_lahir']);
    ?>
                <tbody style="text-align:center;">
                <tr>
                     <td><?php echo $data['nim'];?></td>
                        <td><?php echo $data['nama'];?></td>
                        <td><?php echo $tgl.' '.$namabulan[(int)$bln].' '.$thn; ?></td>
                        <td><?php echo $data['alamat'];?></td>
                        <td><a href="edit.php?id=<?php echo $data['id']?>&nama=<?php echo $data['nama']?>" class="btn btn-info">Edit</a></td>
                        <td><a href="proses.php?id=<?php echo $data['id'];?>" class="btn btn-danger" onclick="return confirm('Apakah yakin Data Ingin Di Hapus?');">Hapus</a></td>
                    </tr>
                </tbody>
                <?php } ?>
         </table>
        </div>
    
    </div>
</div>

<script src="aset/js/jquery.js"></script>
<script src="aset/js/bootstrap.min.js"></script>
</body>
</html>
 
Lumayan Panjang yah scriptnya, tapi semoga aja bisa dipahami untuk pemula yang mau belajar web .. heheh :D
Untuk riviewnya silakan download dibawah ini untuk aplikasinya alias untuk pembelajaran juga ..
Download Script 
Sekian Terima Kasih, ditunggu tutorial selanjutnya yah .. hehehe



Artikel Terkait

3 komentar

pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.

Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.

Thz, Eddy - 0823 020 73513

pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.

Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.

Thz, Eddy - 0823 020 73513

pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.

Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.

Thz, Eddy - 0823 020 73513


EmoticonEmoticon