Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / PHP

Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

CRUD merupakan singkatan dari Create, Read, Update, dan Delete, crud adalah dasar dari perintah pada pemrograman yang digunakan untuk memanajemen basis data.

CRUD sangat penting untuk dipahami, oleh karena itu kali ini saya akan memeberikan cara mudah untuk membuat CRUD di PHP menggunakan MySQLi.

Sebelum dimulai, anda persiapkan dulu alat-alatnya sebagai berikut :
  • XAMPP, untuk mengaktifkan server;
  • Text Editor, untuk tempat ngoding (kalau saya pakai Sublime Text 3);
  • dan yang pastinya Browser (disarankan : Google Chrome/Mozilla).
 Jika sudah siap, langsung saja kita mulai.

Tutorial Membuat CRUD PHP MYSQli

Tutorial ini cukup singkat, mudah untuk diikuti dan dipahami. jika ada bagian yang tidak kamu mengerti, jangan malu-malu, kamu bisa tanyakan dikomentar.

Part #1 : Membuat Database dan Table

  1. Pertama, buka XAMPP, lalu aktifkan Apache dan MySQL.

    Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

  2. kemudian, buka phpmyadmin di browser dengan cara mengetikkan localhost/phpmyadmin.
  3. Lalu buat database baru dengan nama simplecrud.

    Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

  4. Setelah itu buka database yang tadi sudah dibuat, kemudian buat table dengan nama siswa.

    Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI
  5. Atur seperti dibawah ini.

    Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

  6. Lalu Simpan.
    7. Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI

Part #2 : Membuat Direktori (folder : simplecrud)

Sebelum ngoding, tentu saja yang perlu kita lakukan terlebih dahulu yaitu membuat direktorinya di xampp > htdocs. buat folder di dalam folder htdocs, misal : simplecrud.

Setelah folder dibuat kamu bisa mengeceknya dengan membuka localhost/simplecrud pada browser.

    Part #3 : Membuat Koneksi Database (koneksi.php)

    Setelah membuat folder di htdocs, buat file koneksi.php di dalam folder simplecrud(yang sudah kamu buat).
    1. Buka text editor, lalu ketikkan kode dibawah ini.

      <?php $server = 'localhost'; // Nama server $user = 'root'; // Nama user $pass = ''; // Password $db = 'simplecrud'; // Nama Database  // Membuat Koneksi $conn = mysqli_connect($server, $user, $pass, $db);  // Mengecek Koneksi if (!$conn) {  die("Koneksi Gagal: " . mysqli_connect_error()); } ?>

    2. Kemudian Simpan.
    Setelah disimpan bisa kamu cek koneksinya dengan membuka localhost/simplecrud/koneksi.php. Jika kosong berarti koneksi terhubung.

    Part #3 : Membuat Table Data (index.php)

    Disini adalah tempat dimana semua data yang ada di table siswa ditampilkan dan data tersebut bisa diedit maupun dihapus.

    Langsung saja buat file baru didalam folder simplecrud, dengan nama index.php. Lalu ketikkan kode dibawah ini.

    <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>CRUD Sederhana | daftartutorial.com</title> </head> <body>  <h1>Simple CRUD</h1>   <a href="tambah.php">Tambah Data</a>    <style>   th,td{padding:2px 6px;}  </style>  <table border='1' style="border-collapse: collapse;margin-top: 20px;margin-bottom: 20px">   <thead>    <th>No.</th>    <th>NIS</th>    <th>Nama Lengkap</th>    <th>Kelas</th>    <th>Tanggal Lahir</th>    <th>Jenis Kelamin</th>    <th>Alamat</th>    <th>Edit</th>    <th>Hapus</th>   </thead>   <tbody>    <?php    include'koneksi.php';    $no = 1;    $select = mysqli_query($conn, "SELECT * FROM siswa");    if(mysqli_num_rows($select) > 0){     while($data = mysqli_fetch_array($select)){     ?>      <tr>       <td><?=$no++;?></td>       <td><?=$data['nis'];?></td>       <td><?=$data['nama'];?></td>       <td><?=$data['kelas'];?></td>       <td><?=$data['tgl_lahir'];?></td>       <td><?=$data['jenis_kelamin'];?></td>       <td><?=$data['alamat'];?></td>       <td><a href="edit.php?nis=<?=$data['nis'];?>">Edit</a></td>       <td><a href="hapus.php?nis=<?=$data['nis'];?>">Hapus</a></td>      </tr>     <?php     }    }else{     ?>     <tr><td colspan="9" align="center">Data kosong, <a href="tambah.php">tambah data</a></td></tr>     <?php    }    ?>   </tbody>  </table>   <a style="text-decoration: none;" href="https://www.panduankompi.xyz" target="_blank">&copy; Daftar Tutorial</a> </body> </html>

    Penjelasan :
    • include 'koneksi.php', berfungsi untuk memanggil file koneksi.php;
    • $no = 1 adalah variabel yang berfungsi untuk memberi nomor disetiap baris pada tabel;
    • while digunakan untuk pengulangan;
    • $data['nama_kolom'] digunakan untuk memanggil data yang ada dikolom pada tabel siswa.

    Part #4 : Membuat Form Input (tambah.php)

    Halaman ini digunakan untuk menampilkan form untuk mengisi data pada siswa.

    <h1>Tambah Data</h1>  <a href="index.php">Kembali</a> <form action="proses-simpan.php" method="post"> <table style="margin-top: 10px">  <tr>   <td>NIS</td>   <td>:</td>   <td><input name="nis" type="number" placeholder="NIS"></td>  </tr>  <tr>   <td>Nama Lengkap</td>   <td>:</td>   <td><input name="nama" type="text" placeholder="Nama Lengkap"></td>  </tr>  <tr>   <td>Kelas</td>   <td>:</td>   <td><input name="kelas" type="text" placeholder="Kelas"></td>  </tr>  <tr>   <td>Tanggal Lahir</td>   <td>:</td>   <td><input type="number" min="1" max="31" name="tgl" placeholder="tanggal"> <input min="1" max="12" type="number" name="bln" placeholder="bulan"> <input type="number" min="1970" max="2030" name="thn" placeholder="tahun"></td>  </tr>  <tr>   <td>Jenis Kelamin</td>   <td>:</td>   <td>    <select name="jenis_kelamin">     <option value="" disabled selected>Pilih Jenis Kelamin</option>     <option value="laki-laki">Laki-laki</option>     <option value="perempuan">Perempuan</option>    </select>   </td>  </tr>  <tr>   <td>Alamat</td>   <td>:</td>   <td><textarea name="alamat" cols="30" rows="3" placeholder="Alamat"></textarea></td>  </tr>  <tr>   <td></td>   <td></td>   <td><button type="submit" name="simpan">Simpan</button></td>  </tr> </table> </form>  <a style="text-decoration: none;margin-top: 20px" href="https://www.panduankompi.xyz" target="_blank">&copy; Daftar Tutorial</a>


    Part #5 : Membuat Proses Simpan (proses-simpan.php)

    Halaman ini digunakan untuk memproses data yang sudah di-inputkan dan menyimpannya ke database.

    <?php include'koneksi.php';  if(isset($_POST['simpan'])){  $nis  = $_POST['nis'];  $nama   = $_POST['nama'];  $kelas   = $_POST['kelas'];  $tgl_lahir  = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];  $jenis_kelamin  = $_POST['jenis_kelamin'];  $alamat  = $_POST['alamat'];   $simpan = mysqli_query($conn, "INSERT INTO siswa(nis, nama, kelas, tgl_lahir, jenis_kelamin, alamat) VALUES('$nis','$nama','$kelas','$tgl_lahir','$jenis_kelamin','$alamat')");  if($simpan){   echo "<script>window.location.href='index.php'</script>";  }else{   echo "Gagal Menyimpan Data, <a href='tambah.php'>Kembali</a>";  } } ?>

    Penjelasan :
    • if(isset($_POST['simpan'])), maksudnya adalah jika button simpan sudah ditekan.

    Part #6 : Membuat Form Edit (edit.php)

    Halaman berfungsi untuk mengedit data pada tabel siswa.

    <?php include'koneksi.php';  $nis = @$_GET['nis']; $select = mysqli_query($conn, "SELECT * FROM siswa where nis = '$nis'"); $data = mysqli_fetch_array($select);  $tgl_lahir = explode('-', $data['tgl_lahir']); $thn = $tgl_lahir[0]; $bln = $tgl_lahir[1]; $tgl = $tgl_lahir[2]; ?>  <h1>Tambah Data</h1>  <a href="index.php">Kembali</a> <form action="proses-edit.php" method="post"> <table style="margin-top: 10px">  <tr>   <td>NIS</td>   <td>:</td>   <td>    <input name="oldnis" type="hidden" value="<?=$data['nis']?>">    <input name="nis" type="number" value="<?=$data['nis']?>" placeholder="NIS">   </td>  </tr>  <tr>   <td>Nama Lengkap</td>   <td>:</td>   <td><input name="nama" type="text" value="<?=$data['nama']?>" placeholder="Nama Lengkap"></td>  </tr>  <tr>   <td>Kelas</td>   <td>:</td>   <td><input name="kelas" type="text" value="<?=$data['kelas']?>" placeholder="Kelas"></td>  </tr>  <tr>   <td>Tanggal Lahir</td>   <td>:</td>   <td><input type="number" min="1" max="31" value="<?=$tgl?>" name="tgl" placeholder="tanggal"> <input min="1" max="12" type="number" value="<?=$bln?>" name="bln" placeholder="bulan"> <input type="number" min="1970" max="2030" value="<?=$thn?>" name="thn" placeholder="tahun"></td>  </tr>  <tr>   <td>Jenis Kelamin</td>   <td>:</td>   <td>    <select name="jenis_kelamin">     <option value="" disabled selected>Pilih Jenis Kelamin</option>     <option <?php if($data['jenis_kelamin']=='Laki-laki'){echo"selected";} ?> value="laki-laki">Laki-laki</option>     <option <?php if($data['jenis_kelamin']=='Perempuan'){echo"selected";} ?> value="perempuan">Perempuan</option>    </select>   </td>  </tr>  <tr>   <td>Alamat</td>   <td>:</td>   <td><textarea name="alamat" cols="30" rows="3" placeholder="Alamat"><?=$data['alamat']?></textarea></td>  </tr>  <tr>   <td></td>   <td></td>   <td><button type="submit" name="edit">Edit</button></td>  </tr> </table> </form>  <a style="text-decoration: none;margin-top: 20px" href="https://www.panduankompi.xyz" target="_blank">&copy; Daftar Tutorial</a>

    Part #7 : Membuat Proses Edit (proses-edit.php)

    Halaman ini berfungsi untuk proses menyimpan perubahan data.

    <?php include'koneksi.php';  if(isset($_POST['edit'])){  $oldnis   = $_POST['oldnis'];  $nis   = $_POST['nis'];  $nama    = $_POST['nama'];  $kelas    = $_POST['kelas'];  $tgl_lahir   = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];  $jenis_kelamin  = $_POST['jenis_kelamin'];  $alamat   = $_POST['alamat'];   $edit = mysqli_query($conn, "UPDATE siswa SET nis = '$nis', nama ='$nama', kelas='$kelas', tgl_lahir='$tgl_lahir', jenis_kelamin='$jenis_kelamin', alamat='$alamat' WHERE nis = '$oldnis'") or die(mysqli_error());  if($edit){   echo "<script>window.location.href='index.php'</script>";  }else{   echo "Gagal Mengedit Data, <a href='index.php'>Kembali</a>";  } } ?>

    Part #8 : Membuat Hapus Data (hapus.php)

    Halaman ini berfungsi untuk menghapus data pada tabel siswa.

    <?php include'koneksi.php';  $nis = @$_GET['nis']; $del = mysqli_query($conn, "DELETE FROM siswa where nis = '$nis'");  if($del){  echo "<script>alert('Data berhasil dihapus');window.location.href='index.php'</script>"; }else{  echo "Gagal Menghapus Data, <a href='index.php'>Kembali</a>"; } ?>

    Jika sudah semua, coba buka di browser dengan membuka localhost/simplecrud. jika ada yang error silahkan sampaikan di komentar. Jika masih belum faham bisa lihat video tutorial yang dibawah ini.


    Demikian tentang Cara Mudah Membuat CRUD Sederhana Menggunakan PHP MYSQLI. Semoga bermanfaat dan selamat mencoba :D