Membuat CRUD sederhana menggunakan PHP Mysql ~ FAJAR AL

Selamat siang para pembaca yang budiman.

Tak terasa hari telah siang. Ditemani segelas es teh manis, kali ini saya akan membagikan sedikit artikel tentang membuat CRUD menggunakan PHP MySql dan dengan validasi input fieldnya.

Oke langsung saja kita ke pembahasannya.

CRUD (Create Read Update Delete) merupakan suatu metode untuk menginput membaca dan menghapus suatu data. Data itu berasal dari inputan user.

Dalam tutorial kali ini data yang diinputkan ada Nama, Username, Password, dan Email.
Oke, kali ini ada beberapa file yang akan kita buat diantaranya :

index.php
koneksi.php
tambah.php
tambah-proses.php
edit.php
edit-proses.php
hapus.php

Langsung saja kita ke pokok pembahasan. Cekibroot....

Pertama kita akan membuat database terlebih dahulu

Beri nama database "quiz1fajar"

Berikut sourcecode nya...

Kedua buat file koneksi

File koneksi ini berguna untuk menghubungkan form dengan database. Dibawah ini sourcecode nya :

Kemudian buat file index.php

File ini merupakan file yang pertamakali dieksekusi saat menjalankan aplikasi dan untuk menampilkan hasil yang telah diinputkan sebelumnya.
Berikut sourcecode nya ;

<!DOCTYPE html>
<html>
<head>
 <title>CRUD || YuniarFajar</title>
</head>
<body>
 <h2>
Quiz 1</h2>
<p>
<a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>
Daftar Data</h3>
<table cellpadding="5" cellspacing="0" border="1">
<tr bgcolor="#CCCCCC">
   <th>No.</th>
   <th>Nama</th>
   <th>Username</th>
   <th>Password</th>
   <th>Email</th>
   <th>Action</th>
  </tr>
<?php
  //iclude file koneksi ke database
  include('koneksi.php');
  
  //query ke database dg SELECT table siswa diurutkan berdasarkan id
  $query = mysql_query("SELECT * FROM data ORDER BY id DESC") or die(mysql_error());
  
  //cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)
  if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong
   
   //jika data kosong, maka akan menampilkan row kosong
   echo '
<tr><td colspan="6">Tidak ada data!</td></tr>
';
   
  }else{ //else ini artinya jika data hasil query ada
   
   //jika data tidak kosong, maka akan melakukan perulangan while
   $no = 1; //membuat variabel $no untuk membuat nomor urut
   while($data = mysql_fetch_assoc($query)){ //perulangan while dg membuat variabel $data yang akan mengambil data di database
    
    //menampilkan row dengan data di database
    echo '
<tr>';
     echo '<td>'.$no.'</td>';
     echo '<td>'.$data['nama'].'</td>';
     echo '<td>'.$data['username'].'</td>';
     echo '<td>'.$data['password'].'</td>';
     echo '<td>'.$data['email'].'</td>';
     echo '<td><a href="edit.php?id='.$data['id'].'">Edit</a> / <a href="hapus.php?id='.$data['id'].'" onclick="return confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=siswa_id
    echo '</tr>
';
    
    $no++; //menambah jumlah nomor urut setiap row
    
   }
   
  }
  ?>
 </table>
</body>
</html>

Dalam sourcecode tersebut telah saya beli koment untuk menandai setiap fungsi masing - masing koding.
Berikut tampilan screenshootnya....

Setelah itu kita buat file dengan nama "tambah.php"

Berikut sourcecode nya :

Begini screenshoot eksekusinya :

Setelah membuat file tambah.php, barulah kita membuat file "tambah-proses.php" sebagai file ekseskusi dari data yang telah diinputkan pada form tambah.php tadi. Selain itu juga terdapat validasi teks input. Jadi setiap masukan akan divalidasi. Sistem tidak akan menerima jika inputan kita kosong dan setiap field memiliki validasi yang berbeda.

Berikut saya tampilkan sourcecodenya :

<?php
//mulai proses tambah data

//cek dahulu, jika tombol tambah di klik
if(isset($_POST['tambah'])){
 
 //inlcude atau memasukkan file koneksi ke database
 include('koneksi.php');
 
 //jika tombol tambah benar di klik maka lanjut prosesnya
 $nama  = $_POST['nama'];
 $username  = $_POST['username'];
 $password  = $_POST['password'];
 $email = $_POST['email'];
 //validasi input
  if($nama=="" ||$username=="" ||$password=="" ||$email=="")
   {
    echo"<script>alert('Formulir Belum Lengkap, Mohon isi data dengan lengkap !!!');window.location.href='tambah.php';</script>";
    }
    elseif (!preg_match("/^[a-zA-Z ]*$/",$nama)) {
    echo"Nama hanya boleh diisi huruf dan titik";
    }
    elseif (!preg_match("/^[a-zA-Z0-9]*$/",$username)) {
    echo"Username hanya boleh kombinasi huruf dan angka tanpa spasi";
    }
    elseif (!preg_match("/^[a-zA-Z0-9]*$/",$password)) {
    echo"Password hanya boleh kombinasi huruf dan angka tanpa spasi";
    }
    elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
     echo"Alamat email tidak valid. Contoh yang benar : fmyuniar@gmail.com";
    }
    else{

//melakukan query dengan perintah INSERT INTO untuk memasukkan data ke database
 $input = mysql_query("INSERT INTO data VALUES(NULL, '$nama', '$username', '$password', '$email')") or die(mysql_error());
    }
 //jika query input sukses
 if($input){
  
  echo 'Data berhasil di tambahkan! ';
  echo '<a href="index.php">Kembali</a>'; 
  
 }else{
  
  echo 'Gagal menambahkan data! ';  //Pesan jika proses tambah gagal
  echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
  
 }

}else{ //jika tidak terdeteksi tombol tambah di klik

//redirect atau dikembalikan ke halaman tambah
 echo '<script>window.history.back()</script>';

}

Dan ini tampilan setelah dijalankan...

Nah hampir sama seperti tadi, tetapi kali ini kita akan membuat file "edit.php" dan "edit-proses.php". File edit ini fungsinya untuk mengedit data yang telah kita buat. Berikut sourcecodenya:

File "edit.php"

<!DOCTYPE html>
<html>
<head>
 <title>CRUD || Yuniar Fajar</title>
</head>
<body>
 <h2>
Quiz 1</h2>
<p>
<a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>
Form Edit Data</h3>
<?php
 //include atau memasukkan file koneksi ke database
 include('koneksi.php');
 
 $id = $_GET['id'];
 $show = mysql_query("SELECT * FROM data WHERE id='$id'");
 //cek apakah data dari hasil query ada atau tidak
 if(mysql_num_rows($show) == 0){
  //jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda -> index.php
  echo '<script>window.history.back()</script>';
 }else{
  //jika data ditemukan, maka membuat variabel $data
  $data = mysql_fetch_assoc($show); //mengambil data ke database yang nantinya akan ditampilkan di form edit di bawah
 }
 ?>
 
 <form action="edit-proses.php" method="post">
  <input type="hidden" name="id" value="<?php echo $id; ?>">
  <table cellpadding="3" cellspacing="0">
<tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type="text" name="nama" value="<?php echo $data['nama']; ?>" required></td> 
   </tr>
<tr>
    <td>Username</td>
    <td>:</td>
    <td><input type="text" name="username" size="30" value="<?php echo $data['username']; ?>" required></td> 
   </tr>
<tr>
    <td>Password</td>
    <td>:</td>
    <td><input type="text" name="password" size="30" value="<?php echo $data['password']; ?>" required></td>
   </tr>
<tr>
    <td>Email</td>
    <td>:</td>
    <td><input type="text" name="email" size="30" value="<?php echo $data['email']; ?>" required></td>
   </tr>
<tr>
    <td> </td>
    <td></td>
    <td><input type="submit" name="simpan" value="Simpan"></td>
   </tr>
</table>
</form>
</body>
</html>

File "edit-proses.php"

Tampilan screenshoot ketika di run...

Tampilan ketika ada inputan yang tidak sesuai dengan format yang telah disetting pada sourcode...

Terakhir adalah membuat file "hapus.php". File ini ditujukan untuk menghapus inputan yang telah kita masukkan. File ini berkerja dengan mengeksekusi perintah $del = mysql_query("DELETE FROM data WHERE id='$id'"); dengan field id sebagai identitynya.

Berikut sourcecodenya :

<?php

//cek dahulu, apakah benar URL sudah ada GET id -> hapus.php?id=id
if(isset($_GET['id'])){

include('koneksi.php');
 
 //membuat variabel $id yg bernilai dari URL GET id -> hapus.php?id=id
 $id = $_GET['id'];
 
 $cek = mysql_query("SELECT id FROM data WHERE id='$id'") or die(mysql_error());
 
 //jika data siswa tidak ada
 if(mysql_num_rows($cek) == 0){
  //jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda
  echo '<script>window.history.back()</script>';
 }else{
  //jika data ada di database, maka melakukan query DELETE table data dengan kondisi WHERE id='$id'
  $del = mysql_query("DELETE FROM data WHERE id='$id'");
  //jika query DELETE berhasil
  if($del){
   echo 'Data berhasil di hapus! ';  //Pesan jika proses hapus berhasil
   echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
  }else{
   echo 'Gagal menghapus data! ';  //Pesan jika proses hapus gagal
   echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
  }
 }
 
}else{
 
 //redirect atau dikembalikan ke halaman beranda
 echo '<script>window.history.back()</script>';
 
}
?>

Dan ini tampilan ketika di run :

Sekian yang dapat saya sampaikan. Bagaimana? mudahkan?.....

Terimakasih atas perhatiannya. Mohon maaf jika ada kekurangan, maklum masih newbie hehehe... :)

Bye...

FAJAR AL - JAWI

Inilah goresan dari tinta penaku

Sabtu, 01 Oktober 2016

Membuat CRUD sederhana menggunakan PHP Mysql

0 komentar:

Posting Komentar

Popular Posts

Recent Posts

Blog Archive

Inilah Saya

Total Tayangan Halaman

Konten yang Tersedia

Member of Fajar Media Group

Tentang Kami