Hello semuanyaaağŸ¤
Gimana nih kabarnya hari ini? sehat kan...
Pada blog kali ini kita akan mempelajari tentang CRUD. Emmmmmm apasih itu CRUD? dan bagaimana cara penggunannya. Baik, disini kita akan menjelaskan terlebih dahulu tentang CRUD.
Jadi teman-teman, CRUD itu adalah singkatan dari Create, Read, Update, dan Delete, dimana keempat istilah tersebut merupakan fungsi utama yang nantinya diimplementasikan ke dalam basis data.
Empat poin tersebut mengindikasikan bahwa fungsi utama melekat pada penggunaan database relasional beserta aplikasi yang mengelolanya, seperti Oracle, MySQL, SQL Server, dan lain – lain.
Jika dihubungkan dengan tampilan antarmuka (interface), maka peran CRUD sebagai fasilitator berkaitan dengan tampilan pencarian dan perubahan informasi dalam bentuk formulir, tabel, atau laporan. Nantinya, akan ditampilkan dalam browser atau aplikasi pada perangkat komputer user.
Seperti biasanya jangan lupa untuk membuka aplikasi Xampp dan jalankan Apache dan MySQL nya, hingga tampilannya seperti di bawah ini.
Kemudian kita beralih ke google chrome dan ketik di pencarian "localhost/phpmyadmin/", maka akan muncul tampilan seperti dibawah ini.
Untuk membuat database baru kita tinggal pilih bagian sebelah kiri yang tulisannya "Baru/New". Nah,disini saya buat nama databasenya "mitailhan" kemudian klik buat , untuk nama databasenya kalian bisa menyeseuaikannya sendiri. Untuk lebih jelasnya gambarnya seperti dibawah ini.
Setelah kita klik buat, maka akan muncul perintah untuk mengisi nama tabel seperti gambar dibawah.
Untuk nama tabel ini kalian sesuaikan saja dengan keinginan kalian kemudian tinggal klik buat dan tampilannya akan seperti gambar dibawah.
Nah, ketika tamppilannya sudah seperti ini, kita klik saja SQL di menu bar/tool bar dan ketikkan coding berikut kemudian klik kirim.
CREATE TABLE IF NOT EXISTS `user` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`nama` text NOT NULL,
`alamat` varchar(50) NOT NULL,
`status` varchar(50) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=64 ;
Ketika sudah tersimpan lanjut ketikkan perintah dibawah ini pada SQL.
INSERT INTO `user` (`id`, `nama`, `alamat`, `status`) VALUES
(Ilhan', 'Batu-Bara' , 'Mahasiswa'),
(Sulasmita Sari', 'Kisaran' , 'Mahasiswi'),
Berikut merupakan tampilan dari tabel database yang sudah kita buat.
Untuk menampilkan datanya ketikkan perintah di bawah ini di aplikasi notepad ataupun sejenisnya.
<?php
$db = "mitailhan";
$host = mysqli_connect("localhost", "root","", "mitailhan");
?>
Nah, setelah itu langsung saja kita save syntax di atas di "Local Disk C " kemudian kita pilih folder " xampp " lalu pilih folder "htdocs". Dsisni saya akan menyimpannya di folder yang telah saya buat yaitu nama foldernya "malasngoding", dan untuk nama filenya disini kita buat "koneksi.php". Jangan lupa untuk mengubah type nya menjadi All Files kemudian save.
Kemudian,Ketikkan coding berikut pada Notepad ataupun sejenisnya, kemudian simpan di folder yang sama pada perintah sebelumnya, dengan nama "index.php"
<!DOCTYPE html>
<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>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.malasngoding.com</h3>
</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/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>
<h3>Data user</h3>
<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Status</th>
<th>Opsi</th>
</tr>
<?php
include "koneksi.php";
$query_mysql = mysqli_query($host, "SELECT * FROM user")or die (mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++ ; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['status']; ?></td>
<td>
<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>
Kemudian,Ketikkan coding berikut pada Notepad ataupun sejenisnya, kemudian simpan di folder yang sama pada perintah sebelumnya, dengan nama "style.css"
body{
font-family: 'roboto';
color: #000;
}
.judul{
background: #87D1D8;
padding: 10px;
text-align: center;
}
.judul h1,h2,h3{
height: 15px;
}
a{
/*color: #fff;*/
padding: 5px;
text-decoration: none;
}
.table{
border-collapse: collapse;
}
table.table th th , table.table tr td{
padding: 10px 20px ;
}
Maka tampilannya akan seperti gambar dibawah ini.
Ketikkan kode dibawah ini untuk menambahkan data dan simpan di folder yang sama dengan nama input.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>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.malasngoding.com</h3>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php" method="post">
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>Status</td>
<td><input type="text" name="status"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
Maka tampilannya akan seperti ini. Disini kita bisa menambahkan data baru dan tinggal disimpan saja maka data akan tersimpan.
Ketikkan kode dibawah ini dan simpan di folder yang sama dengan nama input-aksi.php.
<?php
include 'koneksi.php';
$id = $_POST['id'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$status = $_POST['status'];
mysqli_query($host, "INSERT INTO user VALUES('$id','$nama','$alamat','$status')");
header("location:index.php?pesan=input");
?>
Dan ini tampilan setelah kita menambahkan data yang tadi kita buat.
Ketikkan kode dibawah ini untuk menegdit data dan simpan di folder yang sama dengan nama edit.php.
<!DOCTYPE html>
<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>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.malasngoding.com</h3>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Edit data</h3>
<?php
include "koneksi.php";
$id = $_GET['id'];
$query_mysql = mysqli_query($host, "SELECT * FROM user WHERE id='$id'")or die(mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<form action="update.php" method="post">
<table>
<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['id'] ?>">
<input type="text" name="nama" value="<?php echo $data['nama'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['alamat'] ?>"></td>
</tr>
<tr>
<td>Status</td>
<td><input type="text" name="Status" value="<?php echo $data['status'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>
Kita dapat mengubah datanya sesuai keinginan dan tampilannya akan seperti dibawah ini.
Ketikkan kode dibawah ini untuk menampilkan data yang telah di edit dan simpan di folder yang sama dengan nama update.php.
<?php
include 'koneksi.php';
$id = $_POST['id'];
$nama = $_POST['nama'];
$Status = $_POST['Status'];
mysqli_query($host, "UPDATE user SET nama='$nama', Status='$Status' WHERE id='$id'");
header("location:index.php?pesan=upate");
?>
Maka tampilannya pun akan berubah sesuai dengan data yang telah kita ubah sebelumnya.
Ketikkan kode dibawah ini untuk menghapus data dan simpan di folder yang sama dengan nama hapus.php.
<?php
include 'koneksi.php';
$id = $_GET['id'];
mysqli_query($host, "DELETE FROM user WHERE id='$id'")or die(mysql_error());
header("location:index.php?pesan=hapus");
?>
Dan inilah hasil akhir setelah kita hapus data yang ada pada tabel sebelumnya.
dan akan tertera tulisan data berhasil di hapus.
Tidak ada komentar:
Posting Komentar