Cara membuat halaman CRUD (Create, Read, Update, Delete) dengan PHP dan MySQL - tutorialarry

Pada kesempatan kali ini saya akan berbagi sebuah artikel tentang Cara membuat halaman CRUD (Create, Read, Update, Delete) dengan PHP dan MySQL.

Karena jika kita ingin menjadi seorang programmer khususnya pada pemograman PHP dan MySQL ini adalah pelajaran dasar yang wajib anda kuasai,karena jika kita tidak menguasai yang sederhana bagaimana mungkin kita bisa menguasai script yang lebih rumit lagi nantinya.

Sebelum itu kita harus tau apa itu PHP dan MySql

Apa itu PHP ?

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

Apa itu MySql ?

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Relational Database Management System (RDBMS)

Nah gimana sekarang sudah pada tau kan apa itu PHP dan MySql .

Pada setiap aplikasi,baik berbasis Dekstop atau Web,Tidak terlepas dengan fungsi  CRUD (Create, Read, Update, Delete).CRUD berfungsi sebagai interaksi antara user dengan aplikasi.CRUD di dasari dengan pembuatan Database sebagai tempat penyimpanan data hasil inputan.

Membuat Database

Database merupakan tempat penyimpanan data hasil inputan dari Form input.

Untuk membuat database hidupkan dahulu Xampp anda,lalu buka browser dan ketikkan http://localhost/phpmyadmin. Buat Database dengan nama data-kampus, dan buat table dangan nama datamhs. 

create table datamhs (

npm int (9) not null PRIMARY KEY,

nama varchar (25) not null,

alamat varchar (35) not null,

sex varchar (15) not null,

prodi varchar (25) not null,

status varchar (10) not null

);

Membuat Koneksi

Koneksi ini adalah jalur untuk menghubugkan data inputan yang di input di form input agar tersimpan ke dalam database.

masukkan Script berikut Simpan Dengan nama:koneksi.php

<?php
$server ="localhost";
$user ="root";
$pass ="";
$dbame="data-kampus";

$koneksi = mysql_connect("$server","$user","$pass")
or die ("ada yang salah dengan koneksi,periksa lagi");
$database =mysql_select_db ("dbname");
?>

Membuat Form input

Form input berguna untuk menginput data yang akan di simpan ke dalam database.

masukan script berikut  simpan dengan nama : form-mhs.php

<center>

 <font size="5" face="arial">BIODATA MAHASISWA</font><hr width="800"/>

</center>

<form action="" name="myform" method="post">

 <table width="400" align="center">

 <tr>

   <td width="140" valign="top">NPM</td>

   <td width="248" valign="top">:

     <input type="text" name="npm" maxlength="9"></td>

 </tr>

 <tr>

   <td valign="top">Nama Mahasiswa </td>

   <td valign="top">: <input name="nama" type="text" size="30"></td>

 </tr>

 <tr>

   <td valign="top">Alamat</td>

   <td valign="top">: <textarea name="alamat"></textarea></td>

 </tr>

 <tr>

   <td valign="top">Jenis Kelamin </td>

   <td valign="top">:

   <input name="jk" type="radio" value="Laki-laki" checked>Laki-laki

    <input type="radio" name="jk" value="Perempuan">Perempuan</td>

 </tr>

 <tr>

   <td valign="top">Program Studi </td>

   <td valign="top">:

     <select name="prodi">

            <option value="">--Select--</option>

            <option value="TI">Teknik Informatika</option>

            <option value="SI">Sistem Informasi</option>

            <option value="TK">Teknik Komputer</option>

            <option value="MI">Manajemen Informatika</option>   

   </select></td>

 </tr>

 <tr>

   <td height="30" valign="top">Status</td>

   <td valign="top">:

    <select name="stt">

      <option value="">--Select--</option>

      <option value="Aktif">Aktif</option>

      <option value="Cuti">Cuti</option>

      <option value="Alpa Studi">Alpa Studi</option>

      <option value="Drop Out">Drop Out</option>

    <option value="Alumni">Alumni</option>

    </select></td>

 </tr>

 <tr>

   <td height="40" colspan="2" align="center">

<input type="submit" name="submit" value="Simpan" onClick="return cek()"> |

<input type="reset" name="reset" value="Reset"></td>

 </tr>

</table>

</form>

<?php include "koneksi.php"; ?>

<?

//rincian proses simpan

if(isset($_POST['submit'])){

$npm=$_POST['npm'];

$nama=$_POST['nama'];

$alamat=$_POST['alamat'];

$jk=$_POST['jk'];

$prodi=$_POST['prodi'];

$status=$_POST['stt'];

$simpan="INSERT INTO datamhs(npm, nama, alamat, sex, prodi, status) VALUES ('$npm','$nama','$alamat','$jk','$prodi','$status')";

$hasil = mysql_query($simpan);

if ($hasil) {

echo "<script language='JavaScript'> alert ('Terima kasih data tersimpan');</script>";} else {

echo "<script language='JavaScript'> alert ('Maaf input gagal,ulangi');</script>";}

}

?>

Membuat Laporan

laporan berfungsi sebagai tempat untuk melihat data yang kita input dan juga tempat kita untuk mengedit,menghapus ,mecetak data .

masukan Script berikut simpan dengan nama:laporan.php

<?php include "cek_session.php" ?>

<link rel="stylesheet" href="style.css" type="text/css">

<script language="JavaScript">

  function konfirmasi(npm)

  {

      tanya = confirm('Anda yakin ingin menghapus data Mahasiswa NPM : '+ npm + '?');

      if (tanya == true) return true;

      else return false;

  }

</script>

<?php

// koneksi ke mysql

include "koneksi.php";

?>

<?php

$op = $_GET['op'];

if ($op == "edit")

{

  $npm = $_GET['npm'];

  $query = "SELECT * FROM datamhs WHERE npm = '$npm'";

  $hasil = mysql_query($query);

  $data  = mysql_fetch_array($hasil);

  if ($data['sex'] == "Laki-laki")

  {

      $option1 = "<input type=\"radio\" name=\"jk\" value=\"Laki-laki\" checked>";

      $option2 = "<input type=\"radio\" name=\"jk\" value=\"Perempuan\">";

  }

  else if ($data['sex'] == "Perempuan")

       {

       $option1 = "<input type=\"radio\" name=\"jk\" value=\"Laki-laki\">";

       $option2 = "<input type=\"radio\" name=\"jk\" value=\"Perempuan\" checked>";

       }

echo "<form method=\"post\" action=\"".$_SERVER['PHP_SELF']."?op=update\">";

echo "<table border=\"1\" width=\"380\">";

echo "<tr>

       <td>NPM</td>

     <td>:<input type=\"text\" name=\"npm\" value=\"".$data['npm']."\"></td>

    </tr>";

echo "<tr>

        <td>Nama Mahasiswa</td>

      <td>:<input type=\"text\" name=\"nama\" value=\"".$data['nama']."\">

      </td>

    </tr>";

echo "<tr>

       <td valign='top'>Alamat</td>

       <td valign='top'>: <textarea name='alamat'>".$data['alamat']."</textarea></td>

    </tr>";

echo "<tr>

        <td>Jenis Kelamin</td>

       <td>: ".$option1." Laki-laki ".$option2." Perempuan </td>

    </tr>";

echo "<tr>

        <td>Program Studi</td><td>: ";

echo "<select name='prodi'>";

       if ($data['prodi'] == 'TI') echo "<option value=\"TI\" selected>Teknik Informatika</option>";

       else

echo '<option value="TI">Teknik Informatika</option>';

       if ($data['prodi'] == 'SI') echo "<option value=\"SI\" selected>Sistem Informasi</option>";

       else

echo '<option value="SI">Sistem Informasi</option>';

       if ($data['prodi'] == 'TK') echo "<option value=\"TK\" selected>Teknik Komputer</option>";

       else

echo '<option value="TK">Teknik Komputer</option>';

       if ($data['prodi'] == 'MI') echo "<option value=\"MI\" selected>Manajemen Informatika</option>";

          else

echo '<option value="MI">Manajemen Informatika</option>';

echo "</select>";

echo "</td></tr>";

echo "<tr>

       <td>Status</td>

       <td>: ";

echo "<select name='status'>";

     if ($data['status'] == 'Aktif') echo "<option value=\"Aktif\" selected>Aktif</option>";

     else

echo '<option value="Aktif">Aktif</option>';

     if ($data['status'] == 'Cuti') echo "<option value=\"Cuti\" selected>Cuti</option>";

     else

echo '<option value="Cuti">Cuti</option>';

     if ($data['status'] == 'Alpa Studi') echo "<option value=\"Alpa Studi\" selected>Alpa Studi</option>";

     else

echo '<option value="Alpa Studi">Alpa Studi</option>';

     if ($data['status'] == 'Drop Out') echo "<option value=\"Drop Out\" selected>Drop Out</option>";

     else

echo '<option value="Drop Out">Drop Out</option>';

     if ($data['status'] == 'Alumni') echo "<option value=\"Alumni\" selected>Alumni</option>";

     else

echo '<option value="Alumni">Alumni</option>';

echo "</select>";

echo "</td></tr>";

echo "</table>";

echo "<input type=\"hidden\" name=\"npmLama\" value=\"".$data['npm']."\">";

echo "<br>";

echo "<center><input type=\"submit\" name=\"submit\" value=\"Simpan Perubahan\"></center>";

echo "</form>";

     }

else if ($op == "update")

     {

       $npm = $_POST['npm'];

       $nama = $_POST['nama'];

     $alamat=$_POST['alamat'];

     $jk = $_POST['jk'];

     $prodi=$_POST['prodi'];

     $status=$_POST['status'];

     $npmLama = $_POST['npmLama'];

       $query = "UPDATE datamhs SET npm = '$npm', nama = '$nama', alamat = '$alamat', sex = '$jk', prodi = '$prodi', status = '$status' WHERE npm = '$npmLama'";

       $hasil = mysql_query($query);

      if ($hasil)

echo "<center><p>Proses Update Sukses</p></center>";

      else

echo "<center><p>Proses Update Gagal</p></center>";

    }

?>

<?php

// penghapusan via link delete

include "koneksi.php";

$op = $_GET['op'];

if ($op == "delete")

{

  $npm = $_GET['npm'];

  $query = "DELETE FROM datamhs WHERE npm = '$npm'";

  $hasil = mysql_query($query);

}

?>

<!--- header tabel -->

<br />

<table width="900" border="1" align="center" cellpadding="0" cellspacing="0">

 <tr>

   <td width="4%" align="center" bgcolor="#CCCCCC">No.</td>

   <td width="12%" bgcolor="#CCCCCC">NPM</td>

   <td width="18%" bgcolor="#CCCCCC">Nama Mahasiswa </td>

   <td width="17%" bgcolor="#CCCCCC">Alamat</td>

   <td width="14%" bgcolor="#CCCCCC">Jenis Kelamin </td>

   <td width="12%" align="center" bgcolor="#CCCCCC">Prodi</td>

   <td width="11%" align="center" bgcolor="#CCCCCC">Status</td>

   <td width="12%" colspan="2" align="center" bgcolor="#CCCCCC">Aksi</td>

 </tr>

<?php

// nilai awal untuk no urut data dalam tabel

$no = 1;

$query = "SELECT * FROM datamhs ORDER BY npm ASC";

$hasil = mysql_query($query);

while ($data = mysql_fetch_array($hasil))

{

  echo "<tr>";

  echo "<td align=center>".$no."</td>";

  echo "<td>".$data['npm']."</td>";

  echo "<td>".$data['nama']."</td>";

  echo "<td>".$data['alamat']."</td>";

  echo "<td>".$data['sex']."</td>";

  echo "<td align=center>".$data['prodi']."</td>";

  echo "<td align=center>".$data['status']."</td>";

  echo "<td align=center><a href=\"".$_SERVER['PHP_SELF']."?op=edit&npm=".$data['npm']."\"><img src='image/edit.ico' width='16' height='16'></a></td>";

echo "<td align=center>

<a href=\"".$_SERVER['PHP_SELF']."?op=delete&npm=".$data['npm']."\" onclick=\"return konfirmasi('".$data['npm']."')\"><img src='image/delete.ico' width='16' height='16'></a></td>";

echo "</tr>";

// increment untuk no. urut

$no++;

}

?>

</table>

<div align="center"><br/><font face="arial" size="2">Cetak Ke </font><a href="cetakto-excel.php"><img src="image/excel.ico" width="18" height="18" border="0" align="texttop"/></a></div>

Maka hasilnya dapat terlihat seperti gambar berikut

Jika Form edit yang muncul di atas Table letaknya di sebelah kiri silahkan masukan script berikut simpan dengan nama: style.css

/* CSS Document */

table{margin:0 auto;border-collapse:collapse;background:#ecf3eb;}

caption h3{}

th, td{border:1px solid #999;}

th{padding:8px 0;background: #0cf;}

<style>

#leftmenu {width:50px;font:bold 12px arial,verdana,sans-serif;}

#leftmenu li a {text-decoration:none;border-top:1px solid #ffffff;

color:#000000;display:block;background-color:#e0e0e0;padding:10px;}

#leftmenu li a:hover {background-color:#35A400;}

#leftmenu ul {list-style:none;padding:0px;}

#leftmenu ul ul{position:absolute;top:75px;left:135px;visibility:hidden;}

#leftmenu ul li:hover ul{visibility:visible;}

</style>

dan sekarang kita coba refresh maka hasilnya akan sama seperti gambar di atas.

sekian artikel tentang Cara membuat halaman CRUD (Create, Read, Update, Delete). jika ada yang eror atau masalah silahkan di tanyakan pada kolom komentar di bawah pasti saya jawab.

untuk pembelajaran tentang pemograman web php mysql lainnya kunjungi terus www.tutorialarry.com.semoga artikel ini bermanfaat dan dapat menambah wawasan untuk kita semua khususnya yang ingin belajar pemograman web php dan mysql