Selasa, 02 Mei 2017

Program CRUD Dengan PHP dan MySQL Sangat Mudah

Assalammu'alaikum warahmatullahi wabarakatuh..
Pada artikel kali ini saya akan mengulang membuat sebuah program CRUD yang sudah pernah saya posting sebelumnya. Namun kali ini akan lebih simple..Oke kita langsung kerjakan.

Pertama: kita buat terlebih dahulu database pada phpmyadmin seperti berikut :


selain seperti gambar diatas,kalian bisa atur fieldnya sesuai yang kalian inginkan..

Kedua : Buka text editor anda, lalu yang pertama sekali kita buat adalah file koneksi.php seperti berikut
<?php 
// isi nama host, username mysql, dan password mysql anda
$host = mysql_connect("localhost","root","");

// isikan dengan nama database yang akan di hubungkan
$db = mysql_select_db("ujian_crud");
?>
Fungsi dari script diatas sebagai koneksi saja antara database dengan script php.

Ketiga :kita akan buat script untuk halaman index.php .. halaman ini akan tampil pertama apabila kita menjalankan program ini.. berikut script dan tampilannya :
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
</head>
<body>

<div class="page-header">
<center> <h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
</div>
<br/>

<?php 
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>
<br/>

<center><a href="tambah.php" class="btn btn-primary btn-small">Tambah</a>
<table border="1" class="table" align="center">
<th colspan="7" align="center">Data User</th>
<tr>
<th><center>No</th></center>
<th><center>NPM</center></th>
<th><center>Nama</center></th>
<th><center><center>Kelas</center></th>
<th><center>Jurusan</center></th>
<th><center>Usia</center></th>
<th><center>Opsi</center></th>
</tr>
<?php 
include "koneksi.php";
$query_mysql = mysql_query("SELECT * FROM tbl_ujian_crud")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><center><?php echo $nomor++; ?></center></td>
<td><center><?php echo $data['npm']; ?></center></td>
<td><center><?php echo $data['nama']; ?></center></td>
<td><center><?php echo $data['kelas']; ?></center></td>
<td><center><?php echo $data['jurusan']; ?></center></td>
<td><center><?php echo $data['usia']; ?></center></td>
<td><center>
<a class="edit" href="edit.php?npm=<?php echo $data['npm']; ?>">Edit</a> |
<a class="hapus" onclick="javascript: return confirm('Anda yakin hapus ?')" href="hapus.php?npm=<?php echo $data['npm']; ?>">Hapus</a>
</center></td>
</tr>
<?php } ?>
</table>
</body>
</html>

Dan ini tampilannya :
AAAAABMc/n-PvvCIyKLgczjD9kM30r5QjLnu-6_hkwCLcB/s1600/2.JPG" />



Oke bagaimana sudah berhasil oia saya lupa.. silahkan anda isi datanya secara manual terlebih dahulu secara otomatis yaa.. Next

Keempat : nah pada tahap keempat ini kita akan buat proses create yaa atau tambah data.. Bagaimana caranya? begini adalah scriptnya, beri nama tambah.php 
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1 align="center">Membuat CRUD Dengan PHP Dan MySQL</h1>
</div><p>

<a href="index.php"><center>Lihat Semua Data</a><p>

<table width="30%" height="100" border="1" align="center">
<form action="proses_tambah.php" method="post">
<tr>
<th colspan="2">Tambah Data</th>
</tr>
<tr>
<td>NPM</td>
<td><input type="text" name="npm" size="45"></td>
</tr>
<tr>
<td>Nama</td>
<td><input type="text" name="nama" size="45"></td>
</tr>
<tr>
<td>Kelas</td>
<td><input type="text" name="kelas" size="45"></td>
</tr>
<tr>
<td>Jurusan</td>
<td><input type="text" name="jurusan" size="45"></td>
</tr>
<tr>
<td>Usia</td>
<td><input type="text" name="usia" size="45"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>

</html>

dan beginilah tampilannya apabila kalian klik button tambah :

Bagaimana berhasil??? apabila ada yang bingung masalah codingan bisa ditanyakan yaa.. Oke next..

Kelima : Setelah kita berhasil membuat tampilan sederhana untuk tambah data, nah pastinya kita akan membuat script proses tambahnya kan. Oke buat file dengan nama proses_tambah.php dan berikut script beserta hasilnya :
<?php 
include 'koneksi.php';
$npm = $_POST['npm'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$jurusan = $_POST['jurusan'];
$usia = $_POST['usia'];

mysql_query("INSERT INTO tbl_ujian_crud VALUES('$npm','$nama','$kelas','$jurusan','$usia')");

header("location:index.php?pesan=input");
?>

Oke kita coba yaa proses tambah datanya :




Oke bagaimana sampai sini berhasil?? kalau yang belum silahkan tanya yaa.Kalau sudah kita lanjut yaaa

Kelima : okee selanjutnya kita buat proses edit atau update yaa.. buat file dengan nama edit.php dan berikut script dan tampilannya :
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1 align="center">Membuat CRUD Dengan PHP Dan MySQL</h1>
</div>
<center><a href="index.php">Lihat Semua Data</a>


<?php 
include "koneksi.php";
$id = $_GET['npm'];
$query_mysql = mysql_query("SELECT * FROM tbl_ujian_crud WHERE npm='$npm'")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<form action="update.php" method="post">
<table border="1" align="center" width="200">
<tr>
<th colspan="2">Edit Data</th>
</tr> <tr>
<td>NPM</td>
<td>
<input type="text" name="npm" value="<?php echo $data['npm'] ?>">
</td>
</tr>
<tr>
<td>Nama</td>
<td>
<input type="text" name="nama" value="<?php echo $data['nama'] ?>">
</td>
</tr>
<tr>
<td>Kelas</td>
<td><input type="text" name="kelas" value="<?php echo $data['kelas'] ?>"></td>
</tr>
<tr>
<td>Jurusan</td>
<td><input type="text" name="jurusan" value="<?php echo $data['jurusan'] ?>"></td>
</tr>
<tr>
<td>Usia</td>
<td><input type="text" name="usia" value="<?php echo $data['usia'] ?>"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>

dan dibawah ini merupakan hasil tampilannya :

Oke silahkan anda ubah namanya sebagai contoh saya ubah namanya menjadi Komeng yaa dan hasilnya seperti berikut oia saya lupa.. untuk proses updae ini,kita harus buat script proses update yaa.. kita beri nama proses_update.php dan berikut scriptnya :
<?php 
include 'koneksi.php';
$npm = $_POST['npm'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$jurusan = $_POST['jurusan'];
$usia = $_POST['usia'];



mysql_query("UPDATE tbl_ujian_crud SET nama='$nama', kelas='$kelas', jurusan='$jurusan', usia='$usia' WHERE npm='$npm'");

header("location:index.php?pesan=update");
?>

Bagaimana berhasil kan??

 yo kita lanjut yaaaaa.. semangat belajar yaa

Keenam : Nah ini bagian akhir yaitu hapus.. buat file dengan nama hapus.php dan berikut scriptnya:
<?php 
include 'koneksi.php';
$id = $_GET['npm'];
mysql_query("DELETE FROM tbl_ujian_crud WHERE npm='$npm'")or die(mysql_error());

header("location:index.php?pesan=hapus");
?>

dan apabila berhasil akan seperti berikut :






Oke selesai.. bagaimana mudahkan?contoh diatas adalah yang paling dasar sekali.silahkan teman-teman kembangkan yaa.sukses selalu buat kita semua..

Wassalammu'alaikum warahmatullahi wabarakatuh

0 komentar:

Posting Komentar