Belajar PHP : Membuat PHP CRUD Tutorial Lengkap Penjelasan Bag. 1

Tutorial Membuat Program CRUD PHP MySQL dengan mudah bag. 1 - Selamat Subuh Sobat Angkringan (karena tutorial ini di buat pada subuh hari .. *alah subuh hari :p)..selamat berjumpa kembali di blog agkringan pandu, lama sekali tidak posting artikel semenjak post pertama saya publikasikan.. heheh sory sob harap maklum sama mahasiswa tingkat akhir ini. gawe cuman di depan komputer ngoding, revisi laporan..hehehe.. lho lho malah curhat. oke sob karna program Tugas Akhir saya intinya adalah membuat CRUD. apa sih itu CRUD?? CRUD adalah singkatan dari Create, Read, Update, Delete. nah bagian dasar ini harus dan wajib programmer tau. karna inti dari sebuah program dimana program tersebut sudah terintegrasi dengan database ya harus paham itu bagaiman cara membuat CRUD. dalam postingan kali ini saya mencoba berbagi ilmu nih buat sobat semua yang  baru belajar atau pengin belajar membuat CRUD dengan menggunakan PHP dan databse MySQL..insyallah saya akan mencoba menjelaskan tahap demi tahap agar sobat angkringan paham tentang alur progamnya.

Nah, sekarang Langkah-langkahnya adalah sebagai berikut :

1. MEMBUAT DATABASE 

Nah langkah yang pertama yang harus kita buat adalah database. kenapa harus database??? karena data yang nanti akan kita kelola di program berasal dari database ini. Database yang saya gunakan adalah database MySQL. jangan tanya kenapa pake MySQL??? ....  oke langsung ke intinya saja. ada beberapa opsi ketika sobat angkringan ingin membuat sebuah database :  Lewat Command Prompt (CMD), phpMyAdmin, atau dibuat dengan syntax php.. pada tutorial ini agar kita lebih mudah kita dalam proses pembuatan database kita buat menggunakan phpMyAdmin saja. Nah langkah yang pertama kita masuk terlebih dahulu ke phpmyadmin, masuk ke web browser ketik localhost/phpmyadmin. setelah itu masuk ke tab Basis Data. sehingga muncul seperti gambar di bawah ini :

agar dalam tutorial ini bisa maksimal hasilnya, kita samakan saja nama databasenya. buat database dengan nama crud_sederhana seperti pada gambar diatas. setelah anda klik buat maka secara otamatis sidebar yang ada disamping kiri  akan muncul crud_sederhana. KLIK database tersebut. setelah itu buat tabel mahasiswa dengan jumlah kolom 4. sehingga menjadi seperti gambar dibawah ini:

klik kirim untuk membuat tabel. sehingga muncul gambar dibawah ini :

muncul form untuk mengisi field pada tabel mahasiswa. silahkan buat field untuk tabel mahasiswa dengan nama seperti digambar. gambar diatas menunjukan bahwa field nim memiliki indeks PRIMARY, ini digunakan agar pada saat data di masukan kedalam database record dari field nim harus tidak sama, atau harus memiliki nilai karakteristik sendiri. hal ini untuk mengantisipasi terjadinya redudansi data. atau multivalue. oke selanjutnya klik Simpan dan muncul seperti gambar di bawah ini :

Database dan tabel sudah kita buat, sekarang kita masuk ke coding PHPnya. oh iyah kode PHP yang saya buat ini menggunakan PHP versi 5.4.xxx dan PHP ini pun sudah satu paket ketika saya install server XAMPP...oke g usah bertele-tele... pada kasus ini saya mencoba untuk memisahkan beberapa kontrol create update deletenya agar sobat angkringan tau alur program ketika form mengksekusi query database. pertama kita akan buat halaman utamanya terlebih dahulu. di halaman utama ini akan menampilkan semua data atau record yang ada di database crud_sederhana pada tabel mahasiswa. sebelumnya sobat harus buat folder latihan_crud pada htdocs didalam xampp. lebih tepat sobat bisa lihat gambar di bawah ini :

2. MEMBUAT koneksi.php

selanjutnya kita buat koneksi.php terlebih dahulu. file ini meungkinkan kita agar dalam membuat file lain yang membutuhkan koneksi database, tidak terus mengulang membuat kode koneksi kembali. cukupdengan kode include ke file koneksi saja.  bayangin aja  kita  punya puluhan file yang membutuhkan koneksi database dalam sebuah program,,, ga kebayang kan..hehehe file koneksi ini cukup mudah ko. silahkan ketik kode koneksi.php seperti di bawah ini. dan simpan pada direktori/folder latihan_crud yang tadi suda dibuat.

koneksi.php

<?php
/**
  * author Pandu Aldi Pratama
  * Copyright 2015. angkringanblogpandu.blogspot.com
  */ 

 $host    = "localhost"; //nama host pada server
 $username = "root"; //username mysql
 $pass   = ""; // karna saya menggunakan xampp maka secara default password pada mysql kosong
 $db_nama  = "crud_sederhana"; //nama database yang tadi kita buat

  //mulai koneksi
  mysql_connect($host,$username,$pass) or die("Koneksi Error");
  mysql_select_db($db_nama) ;

?>  

3. MEMBUAT index.php

setelah itu kita akan membuat file index. dimana file ini akan menjadi homepage atau halaman utama saat browser dengan sitename latihan_crud di akses. sekarang ketik kode dibawah ini kemudian simpan dengan nama index.php.
index.php

<?php  
/**
  * author Pandu Aldi Pratama
  * Copyright 2015. angkringanblogpandu.blogspot.com
  */ 

 error_reporting(E_ALL^E_NOTICE); // ode ini digunakan untuk menyembunyikan pesan/notice error. 
 include "koneksi.php"; //menyertakan file koneksi didalam file inde ini.
?>
<!DOCTYPE html> <!-- kode ini mnggunakan HTML 5  -->
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan CRUD</title>
</head>
<body>
 <h1>LATIHAN CRUD PHP dan DATABASE MySQL</h1>
 <a href="index.php">Home</a> | <a href="?hal=tambah">Tambah Data</a> <!-- menggunakan method GET untuk membuat sebuah link -->
 <br>
 <hr>
 <?php  
  $hal = $_GET['hal']; //menginisialisasikan method GET
  switch ($hal) { // kondisi dimana ketika memilih sebuah halaman pada menu maka konten menyesuaikan
   default:
    # default ini untuk halaman home atau konten yang pertam kali di eksekusi/baca oleh switch
    ?>
    <!-- tabel untuk menampilkan keseluruhan data -->
    <table border="1" align="center">
     <thead> <!-- judul kolom -->
      <tr>
       <th width="200">NIM</th>
       <th width="200">Nama</th>
       <th width="200">Tanggal Lahir</th>
       <th width="200">Alamat</th>
       <th width="100">#</th>
      </tr>
     </thead>
     <tbody>
      <?php  
       //seleksi query database crud_latihan
       $query_select = mysql_query("select * from mahasiswa") or die(mysql_error()); //query untuk menampilkan data di tabel mahasiswa
       $cek_data     = mysql_num_rows($query_select); //query untuk menghitung jumlah record pada tabel mahasiswa

       if ($cek_data > 0) { // jika jumlah data lebih dari 0 atau dalam hal ini data ada
        while ($fetch_data = mysql_fetch_array($query_select)) { // selama data dari field belum habis maka akan terus mengambil nilai ata record tabel
         echo '<tr>
           <td>'.$fetch_data[0].'</td>
           <td>'.$fetch_data[1].'</td>
           <td>'.$fetch_data[2].'</td>
           <td>'.$fetch_data[3].'</td>
           <td>
            <a href="?hal=edit&id='.$fetch_data[0].'">Ubah Data</a> ||
            <a href="?hal=hapus&id='.$fetch_data[0].'">Hapus</a>
           </td>
            </tr>';
        }
       } else { //jika tidak ada data pada tabel
        echo '<tr>
          <td colspan="5" align="center">Data pada tabel mahsiswa kosong..!!!</td>
           </tr>';
       }
      ?>
     </tbody>
    </table>
    <?php
    break;

    case 'tambah': // nilai tambah untuk konten tambah data
     //menyertakan file tambah.php 
     include "tambah.php";
     break;

    case 'edit':
     # code...
     include "edit.php";
     break;

    case 'hapus':
     # code...
     include "hapus.php";
     break;
  }

 ?>
</body>
</html> 

file index.php sudah di buat, sekarang kita priview terlebih hasil dari kode diatas. silahkan ke web browser sobat. dan ketikan url .. localhost/nama_site(folder), dalam tuttorial ini menggunkan site latihan_crud maka ditulis localhost/latihan_crud. sehingga muncul gambar dibawah ini :

4. MEMBUAT tambah.php

nah kita sudah membuat READ'nya nih.terlihat belum ada data yang masuk dalam table tersebut. sekarang kita buat form tambah agar data pada tabel tersebut terisi... oke ini masuk ke CREATE sekarang. nah pada file index tadi terdapat struktur case tambah yang berisi inlcude "tambah.php" kan.. file tambah.php itu lah yang nanti kita akan buat. silahkan ketik kode dibawah ini dan simpan dengan nama tambah.php .... tentunya masih didalam folder latihan_crud yah...

tambah.php

<!-- 
 author Pandu A.P
 Copyright 2015. angkringanblogpandu.blogspot.com.
-->
<form action="aksi_tambah.php" method="post" name="ftambah"> <!-- action mengarah ke file aksi_tambah.php -->
 <table> <!-- agar dalam form jauh terlihat rapih -->
  <tr>
   <td width="100">NIM</td>
   <td width="50">:</td>
   <td><input type="text" name="nim" size="15"></td>
  </tr>
  <tr>
   <td width="100">Nama</td>
   <td width="50">:</td>
   <td><input type="text" name="nama" size="25"></td>
  </tr>
  <tr>
   <td width="100">Tanggal Lahir</td>
   <td width="50">:</td>
   <td>
    <select name="tgl" size="1">
     <?php  
      $tgl = 1;
      while ($tgl <= 31) { // mengulang tanggal setiap kurang dari sama dengan 31
       echo '<option value='.$tgl.'>'.$tgl.'</option>';
       $tgl++;
      }
     ?>
    </select>
    <select name="bulan" >
     <?php  
      $bulan = array("","Januari", "Februari","Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); // array menentukan bulan
      for ($i=1; $i <= 12 ; $i++) { // menginisiasikan nilai array dengan angka agar terbaca oleh databse
       # code...
       echo '<option value='.$i.'> '.$bulan[$i].'</option>';
      }
     ?>
    </select>
    <select name="tahun" width="100">
     <?php  
      $thn = 1990;
      while ($thn <= 2015) { // mengulang tanggal setiap kurang dari sama dengan 31
       echo '<option value='.$thn.'>'.$thn.'</option>';
       $thn++;
      }
     ?>
    </select>   
   </td>
  </tr>
  <tr>
   <td width="100" valign="top">Alamat</td>
   <td width="50" valign="top">:</td>
   <td><textarea name="alamat" id="" cols="40" rows="5"></textarea></td>
  </tr>
  <tr>
   <td width="100" valign="top"></td>
   <td width="50" valign="top"></td>
   <td><input type="submit" name="simpan" value="Simpan"></td>
  </tr>  
 </table> 
</form>

oke sekarang tambah.php sudah kita buat sekarang kita lihat terlebi dahulu hasil dari kode diatas adalah silahkan klik menu tambah data pada halaman utama tadi sehingga akan muncul tampilan sebagai berikut :

setelah muncul form tersebut. kita tidak bisa lansung menyimpan data yang sudah kita isi pada form tersebut. hal yang selajutnya kita lakukan adalah membuat aksi ketika form tersebut di isi dan hendak kita simpan. kita bisa lihat pada file tambah.php terdapat element form dengan action aksi_tambah.php ..  kita buat file aksi_tambah.php untuk mengeksusi form tersebut agar data yang dikirimkan masuk ke database. silahkan ketik kode di bawah ini :

aksi_tambah.php
 

<?php 
/**
  * author Pandu Aldi Pratama
  * Copyright 2015. angkringanblogpandu.blogspot.com
  */ 
 error_reporting(E_ALL^E_NOTICE);
 include "koneksi.php";

 $nim  = $_POST['nim']; //membuata variabel nim mengambil nilai post dengan nama nim pada form di file tambah.php
 $nama   = $_POST['nama'];
 $tgl_lhr  = $_POST['tahun']."-".$_POST['bulan']."-".$_POST['tgl']; //dalam form tmbah terdapat 3 tag select untuk memilih tanggal. di database tanggal default adalah Tahun-bulan-tanggal. maka kita ketik seperti itu agar data dapat terbaca. di inisialisasikan dengan variabel $tanggal
 $alamat  = $_POST['alamat'];

 if(isset($_POST['simpan'])) //jika tombol simpan di klik maka akan mengeksekusi di bawah ini
 {
  //cek nim terlebih dahulu apakah data sudah di inputkan atau belum
  $query_cek   = mysql_query("select * from mahasiswa where nim='$nim'");
  $cek_data   = mysql_num_rows($query_cek);

  if ($cek_data > 0) { // kondisi dimana cek pada tabel mahasiswa jika data sudah ada
   echo '<script>
      alert("Data NIM sudah ada silahkan input kembali");
      location.href = "?hal=tambah"; 
      </script>'; //ketika data di cek ada, maka akan muncul peringatan seperti diatas dan langsung teredirect ke halaman tambah.
  } else { // jika ada belum ada
   $query_simpan  = mysql_query("insert into mahasiswa(nim,nama,tgl_lahir,alamat) values('$nim','$nama','$tgl_lhr','$alamat')");

   if ($query_simpan) { //jika quuery simpan berhasil maka enuju peroses di bawah ini
    echo '<script>
      alert("Data Berhasil disimpan");
      location.href = "index.php"; 
      </script>';
   } else {
    echo 'query gagal';
   }
  }
 }

?>

file sudah dibuat sekarang kita coba masukan data diri sobat ke form. seperti gambar dibawah ini :

nah saya kasih contoh seperti gambar pada gambar diatas. setelah itu klik simpan untuk menyimpan data. sehingga muncul alert seperti berikut :

alert tersebut menujukan data yang tadi di inputkan sudah tersimpan database. kemudian klik OK dan langsung redirect ke halaman utama yaitu inde.php... seperti gamabr di bawah ini :;

siiippp... gimana okee kaann... sekarang kita cek dulu di PHPMyAdmin'y apakah benar-benartersimpan di database. cara melihatnya adalah : 
- buka terlebih dahulu phpmyadminnya : localhost/phpmyadmin
- click database crud_sederhana, kemudian klik tabel mahasiswa
- sekarang lihat deh data sudah masuk atau malah ilang.. hehehe.. contohnya gambar dibawah ini.

siippp ,, data masuk di database. oke kalu gitu untuk sesi pertama ini cukup dulu, mohon maaf bila tulisannya terlalu panjang dan bertele-tele.. hehehe maklum lahh pendatang baru di blog baru.. :p . dan untuk sobat yang masih newbie nih dalam belajar pemrograman, saya saranin untuk mengetik semua kode yang saya berikan. jangan di ctrl+c terus ctrl+v ... supaya sobat memahami tiap alur kode yang saya buat ini dan pastinya tau fungsi2 dari kode tersebut.. . .ehehehe karna prinsip seorang programmer adalah ATM (Amati, Tiru, Modifikasi) bukan cuman tirunya saja ya yang di ambil...oke nanti pada sesi berikutnya saya akan membahas tentang Update dan Delete dari contoh program yang sama,, so, ikutin terus angkringan blog pandu ini.. Salam semagat untuk sobat angkringan semua dan salam blogger .. :) 

oh iya  kalo sudah berhasil atau jika ada masalah dalam listing program ini lupa komen dibawah ya... 

lanjutan artikel : TUTORIAL MEMBUAT PROGRAM CRUD PHP MYSQL DENGAN MUDAH Bag. 2


oke bagi sobat yang ingin mendownload filenya silahkan klik link dibawah: 

- Via 4shared  :
  Download File Latihan CRUD

- Via mediafire :
Dowload File Latihan CRUD 

NB : Tunggu 5 detik kemudian klik Lewati atau SKIP bila sobat jumpai adf.ly .

Tweet