Cara Membuat CRUD Dengan PHP MySQL

05:51:00 19 Comments
Belajar CRUD 
Disini saya akan menjelaskan Cara Membuat CRUD Dengan PHP MySQL, (CRUD) sendiri merupakan singkatan dari Create, Read, Update, Delete, jadi di tutorial kali ini kita akan membuat aplikasi sederhana mulai dari Membuat Data, Menampilkan Data, Mengedit Data, dan Menghapus Data 
Tutorial kali ini saya masih menggunakan bahasa PHP native dan MySQL sehingga mudah dimengerti untuk pemula
Oke, berikut adalah file-file yang akan kita buat pada aplikasi CRUD kali ini:

file CRUD

Nah, itu dia file-file yang nantinya kita buat.
Langsung saja kita mulai tutorial yang panjang ini..

1. Database
    buat database latihan di dalam phpmyadmin,  lalu tuliskan script sql di bawah ini 

 -- phpMyAdmin SQL Dump
-- version 4.2.11
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Aug 31, 2015 at 12:10 AM
-- Server version: 5.6.21
-- PHP Version: 5.6.3

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `latihan`
--

-- --------------------------------------------------------

--
-- Table structure for table `crud`
--

CREATE TABLE IF NOT EXISTS `crud` (
`id` int(11) NOT NULL,
  `nama` varchar(50) NOT NULL,
  `umur` int(50) NOT NULL,
  `alamat` text NOT NULL,
  `telp` int(20) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;

--
-- Dumping data for table `crud`
--

INSERT INTO `crud` (`id`, `nama`, `umur`, `alamat`, `telp`) VALUES
(1, 'Chairul Anwar', 17, 'Jakarta lah', 2147483647),
(2, 'Bayu setiawan', 15, ' jl Bekasi', 2147483647),
(3, 'administrator', 17, 'Jl. Sunutar', 896756756);

--
-- Indexes for dumped tables
--

--
-- Indexes for table `crud`
--
ALTER TABLE `crud`
 ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `crud`
--
ALTER TABLE `crud`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=4;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;



2. Koneksi Database
    jika kita sudah membuat database sekarang tinggal kita koneksikan, buat file config.php,
    lalu ketikkan kode berikut

 <?php
mysql_connect('localhost','root','') or die (mysql_error());
mysql_select_db('latihan') or die (mysql_error());
?> 
 #Jangan lupa untuk sesuakan dengan punya anda

3. Membuat File Index.php
selanjutnya kita buat file indexnya dulu, lalu tuliskan script berikut


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

<!DOCTYPE html>
<html>
<head>
 <title>Belajar Crud</title>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
 <p>Belajar PHP Crud </p>
</div>
<div class="isi"> 
 <?php 
  $page = @$_GET['page'];
  $action =@$_GET['action'];
  if ($page == "") {
  if($action == "") {
   include "tampil.php";
    
  } else if ($action == "tambah") {
   include "tambah.php";
  } else if ($action == "edit") {
   include "edit.php";
  } else if ($action == "hapus") {
   include "hapus.php";
  }
 }
 ?>
</div>


</body>
</html>

4. Menampilkan Data (READ) 
Buat file bernama tampil.php lalu ketikkan script berikut


<a href="?page=&action=tambah"><button>Tambah Data</button></a>
<br />
<br />
<br />
<table border="1px">
 <tr>
  <th>No</th>
  <th>Nama</th>
  <th>Umur</th>
  <th>Alamat</th>
  <th>No HP</th>
  <th colspan="2">Aksi</th>
 </tr>
  <?php 
   include "config.php"; 

   $hasil=mysql_query("select * from crud"); 
   $no = 1; 
   while ($data=mysql_fetch_array($hasil)) {    
  ?>
 <tr align="center">
  <td><?php echo $no; ?></td>
  <td><?php echo $data['nama'] ?></td>
  <td><?php echo $data['umur'] ?></td>
  <td><?php echo $data['alamat'] ?></td>
  <td><?php echo $data['telp'] ?></td>
  <td><a href="?page=&action=edit&id=<?php echo $data['id'] ?>"><button>Edit</button></a></td>
  <td><a href="?page=&action=hapus&id=<?php echo $data['id'] ?>" onclick="return confirm('Yakin Hapus !')"><button>Hapus</button></a></td>
 </tr>
  <?php 
   $no++; 
   } 
  ?>
</table>


5. Menambahkan Data (CREATE)
    setelah kita menampilkan data selanjutnya kita buat file tambah data.php
    silahkan ketikkan script berikut

  <?php 
  if(isset($_POST['tambah'])){
 $nama = @$_POST['nama'];
 $umur = @$_POST['umur'];
 $alamat = @$_POST['alamat'];
 $telp = @$_POST['telp'];
 $hasil=mysql_query("insert into crud values ('','$nama','$umur','$alamat','$telp')");
 if ($hasil) {
  ?>
  <script type="text/javascript">
  alert("Tambah Data Berhasil");
  window.location.href="?page=";
  </script>
  <?php
 } else {
  echo mysql_error();
 }
}
?>
<!DOCTYPE html>
<html>
<head>
 <title>Tambah</title>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Tambah Data</h1><br/><br/>
 <form action="" method="post">
  <table>
   <tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type="text" name="nama" class="in" /></td>
   </tr>
   <tr>
    <td>Umur</td>
    <td>:</td>
    <td><input type="text" name="umur" class="in" /></td>
   </tr>
   <tr>
    <td>Alamat</td>
    <td>:</td>
    <td><input type="text" name="alamat" class="in" /></td>
   </tr>
   <tr>
    <td>No.Hp</td>
    <td>:</td>
    <td><input type="text" name="telp" class="in" /></td>
   </tr>
   <tr>
    <td></td>
    <td></td>
    <td><input type="submit" name="tambah" value="Tambah Data" class="btn" /></td>
   </tr>
  </table>
 </form>
</body>
</html>

6. Mengedit Data (UPDATE)
    Setelah membuat file tambah data, selanjutnya kita buat file edit.php untuk mengedit
    suatu data 

  <?php  
$id = @$_GET['id'];
$sql = mysql_query("select * from crud where id = '$id'") or die(mysql_error()); 
$data = mysql_fetch_array($sql);
?>

<!DOCTYPE html>
<html>
<head>
 <title>Tambah</title>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php 
  if(isset($_POST['edit'])){
 $nama = @$_POST['nama'];
 $umur = @$_POST['umur'];
 $alamat = @$_POST['alamat'];
 $telp = @$_POST['telp'];
 $hasil=mysql_query("update crud set nama = '$nama', umur = '$umur', alamat = '$alamat', telp = '$telp' where  id = '$id'");
 if ($hasil) {
  ?>
  <script type="text/javascript">
  alert("Edit Data Berhasil");
  window.location.href="?page=";
  </script>
  <?php
 } else {
  echo mysql_error();
 }
}
?>
<h1>Edit Data</h1><br/><br/>



 <form action="" method="post">
  <table>
   <tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type="text" name="nama" class="in" value="<?php echo $data['nama']; ?>" /></td>
   </tr>
   <tr>
    <td>Umur</td>
    <td>:</td>
    <td><input type="text" name="umur" class="in" value="<?php echo $data['umur']; ?>" /></td>
   </tr>
   <tr>
    <td>Alamat</td>
    <td>:</td>
    <td><input type="text" name="alamat" class="in" value="<?php echo $data['alamat']; ?>" /></td>
   </tr>
   <tr>
    <td>No.Hp</td>
    <td>:</td>
    <td><input type="text" name="telp" class="in" value="<?php echo $data['telp']; ?>"/></td>
   </tr>
   <tr>
    <td></td>
    <td></td>
    <td><input type="submit" name="edit" value="Edit Data" class="btn" /></td>
   </tr>
  </table>
 </form>
</body>
</html>


7. Menghapus Data (DELETE)
    Jangan lupa untuk membuat file hapus.php, silahkan ketikkan script berikut :

  <?php 
$id = @$_GET['id']; 

mysql_query("delete from crud where id = '$id'") or die (mysql_error()); 
?>

<script type="text/javascript">
window.location.href="?page" 
</script>

8. Mempercantik Tampilan
    tutorial yang terakhir membuat file css agar tampilannya lebih menarik, silahkan
    ketikkan script berikut

  *{
  margin: 0;
  padding: 0;
 }

 #header{
     background-color: #2ecc71;
  position: fixed;
  height: 50px;
  text-align:center;
  width: 100%;

 }

 #header p{
  color: #ffffff;
  line-height: 50px;
  font-size: 35px;
  color: #000000;
 }
 .isi{
  clear: both;
  padding-top: 70px;
  padding-left: 30px;
  padding-right: 30px;
  
 }

 button {
  padding: 5px;
  border-radius: 5px;
  background-color: #19B5FE;
 }

 table{
  border-collapse: collapse;
  width: 100%;
  border-radius: 5px;
 }

 th{
  background-color: #19B5FE;
  padding: 5px;
 }

 .in{
  padding: 5px;
  border: 2px #19B5FE solid;

 }

 .btn{
  padding: 5px;
  background-color: #19B5FE;
  border-radius: 5px;
 }


Akhirnya kelar juga nih tutorial :D
Semoga bermanfaat bagi Anda semua :D

Download

SHARE THIS
Unknown

Author:

Previous Post
Next Post
Anonymous
31 August 2015 at 06:45

kern gan kode bikin ane pusing hehehe:D . . . ..

Reply
avatar
Anonymous
31 August 2015 at 06:45

sip gan artikelnya memukau sekali

Reply
avatar
Desuzone
31 August 2015 at 09:07

mantep gan, dari dulu ane pingin tahu caranya buat seperti itu, tapi gak tahu sama sekali dasarnya, :) simpan dulu

Reply
avatar
svshare7
1 September 2015 at 07:53

oke gan tutorialnya, lanjutkan |o|

Reply
avatar
Ahlan Saputra
1 September 2015 at 08:13

ane lagi belajar juga nih gan hehehehe thanks infonya

Reply
avatar
Unknown
1 September 2015 at 12:00

Susah gan belajar php aku dari dulu belum bisa

Reply
avatar
Unknown
2 September 2015 at 12:54

makasih gan sangat detail sekali step by stepnya LANJUTKAN :-D

Reply
avatar
Anonymous
2 September 2015 at 13:55

blognya ok punya, thanks bwat share disini gan.. :)

Reply
avatar
Unknown
3 September 2015 at 03:40

harus latihan terus gan . .

Reply
avatar
Unknown
3 September 2015 at 03:41

heheh sama-sama gan ^_^

Reply
avatar
Maszgalang
6 October 2015 at 20:42

gan :/ cara buat admin panel post artikel dong :3 saya buat susah bener :3

Reply
avatar
Unknown
14 March 2016 at 08:24

Mantep gan.
Kalau mau lihat tutorial yang lain bisa kunjungi..
http://inetsu.blogspot.com/

Reply
avatar
alat antrian
13 May 2016 at 10:19

wokee gan, berjalan dengan baik

kunjungi hargaalatantrianc2000.blogdetik.com pusatmesinantrianc2000.blogspot.co.id
pusat alat antrian otomatis +software dan alat survey kepuasan pelanggan
kami menjual alat antrian:

-alat antri sederhana
-alat antri berbasis android
-survey kepuasaan layanan
-kiosk
-dan juga berbagai macam type tentunya

hubungi www.alatantrian.com
denny@cendana2000.com 082130345677

Reply
avatar
Unknown
16 May 2016 at 14:45

mantap, langsung jalan gan

kunjungi aplikasipbbonline.wordpress.com
kami penyedia aplikasi sistem informasi PBB Online:

- SIMPBB (Sistem Informasi Manajemen Pajak Bumi dan Bangunan)
- SIBPHTB (Sistem Informasi Bea Perolehan Hak Tanah dan Banguan)
- SIG (Sistem Informasi Geografis)

Informasi lebih lanjut hubungi www.aplikasipemda.com
brahmanto@cendana2000.co.id Telp. 089691540880

Reply
avatar
Monsipa Collection
11 October 2016 at 22:31

Penjelasannya sgt enak untuk dipahami gan, ane ijin coba dulu yak..
Ditunggu jg kehadirannya di blog ane di christianfridhobenz.blogspot.com
trimakasih

Reply
avatar
Monsipa Collection
12 October 2016 at 21:02

Gan, itu databasenya diberi nama apa ?
lalu, bagaimana utk menampilkannya di browser?

Reply
avatar
Unknown
9 November 2017 at 21:57

Terima Kasih Gan sangat bermanfaat

Reply
avatar
Andrian Antonius
11 June 2020 at 01:22

Terima kasih kak atas blognya sangat membantu saya dalam memahami cara membuat CRUD pada php ke mysql dan terus berkarya kak. Perkenalkan nama saya Andrian Antonius nim 1922500215 dan ling Kampus saya https://www.atmaluhur.ac.id/

Reply
avatar
Subscribe to: Post Comments (Atom)