Membuat Aplikasi CRUD Sederhana dengan PHP dan MYSQL
Assalamu alaikum Wr Wb.
Dalam pertemuan kali ini, saya akan memaparkan mengenai membuat aplikasi CRUD sederhana dengan PHP dan MYSQL.
PENGERTIAN
CRUD juga kadang-kadang digunakan untuk menggambarkan konvensi antarmuka pengguna yang memfasilitasi melihat, mencari, dan mengubah informasi; sering menggunakan bentuk berbasis komputer dan laporan. Istilah ini mungkin pertama kali dipopulerkan oleh James Martin pada tahun 1983 bukunya Mengelola data-base Lingkungan.
LATAR BELAKANG
Membuat aplikasi sederhana dengan PHP dan MYSQL yang bisa membuat , menampilkan, mengganti, dan bisa menghapus data dari database MYSQL.
MAKSUD DAN TUJUAN
Maksud saya membahas hal ini adalah agar sewaktu-waktu dalam membuat sebuah aplikasi bisa menerapkan aplikasi ini dalam pembuatannya.
ALAT DAN BAHAN
1. PC / Laptop / Notebook
2. Web Server (LAMP SERVER)
3. Web Browser (Mozilla Firefox)
4. Text Editor (Sublime Text)
5. PHP 7
Assalamu alaikum Wr Wb.
Dalam pertemuan kali ini, saya akan memaparkan mengenai membuat aplikasi CRUD sederhana dengan PHP dan MYSQL.
PENGERTIAN
CRUD juga kadang-kadang digunakan untuk menggambarkan konvensi antarmuka pengguna yang memfasilitasi melihat, mencari, dan mengubah informasi; sering menggunakan bentuk berbasis komputer dan laporan. Istilah ini mungkin pertama kali dipopulerkan oleh James Martin pada tahun 1983 bukunya Mengelola data-base Lingkungan.
LATAR BELAKANG
Membuat aplikasi sederhana dengan PHP dan MYSQL yang bisa membuat , menampilkan, mengganti, dan bisa menghapus data dari database MYSQL.
MAKSUD DAN TUJUAN
Maksud saya membahas hal ini adalah agar sewaktu-waktu dalam membuat sebuah aplikasi bisa menerapkan aplikasi ini dalam pembuatannya.
ALAT DAN BAHAN
1. PC / Laptop / Notebook
2. Web Server (LAMP SERVER)
3. Web Browser (Mozilla Firefox)
4. Text Editor (Sublime Text)
5. PHP 7
JANGKA WAKTU PELAKSANAAN
Untuk membuat aplikasi CRUD sederhana ini membututhkan waktu +-15 menit.
LANGKAH-LANGKAH
Sebelum menuju ke langkahnya, mengapa disini saya menggunakan PHP v 7 karena di saat penulisan nanti yang kita pakai adalah MYSQLi extension. Sebab, PHP 7 sudah tidak menggunakan lagi MYSQL extension, tapi versi di bawahnya yang bisa menggunakan MYSQL extension.
1. Buat Database
Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah membuat sebuah database dengan nama crud_simpel.
Jika database sudah di buat, sekarang Dumping script SQL di bawah ini.
table siswa
1 CREATE TABLE `siswa` (
2 `id` int(11) NOT NULL auto_increment,
3 `nis` int(20) NOT NULL,
4 `nama` varchar(50) NOT NULL,
5 `kelas` varchar(10) NOT NULL,
6 `jurusan` varchar(30) NOT NULL,
7 PRIMARY KEY (`id`)
8 ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;
Dari script SQL di atas Anda akan mendapatkan sebuah table dengan nama siswa dengan field id, nis, nama, kelas, dan jurusan.
Database dan Table sudah ada, biarkan saja datanya kosong.
2. Buat Koneksi ke Database
Tahap selanjutnya adalah melakukan koneksi ke database, file untuk ke database adalah koneksi.php
Silahkan buat file baru dan beri nama koneksi.php kemudian isi dari file seperti di bawah ini.
<?php
$koneksi = mysqli_connect("localhost","root","allif","crud_simpel") or die("Gagal Koneksi!");
mysqli_select_db($koneksi,"crud_simpel");
?>
Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya silahkan di ganti dengan password Anda.
3. Menampilkan Data (Read / Select)
Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R --> Read.
Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi file index.php adalah script di bawah ini.
3. Menampilkan Data (Read / Select)
Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R --> Read.
Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi file index.php adalah script di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>CRUD SIMPEL</title>
</head>
<body>
<center>
<h2>CRUD SIMPEL</h2>
<p><a href="index.php"> Home</a> / <a href="tambah.php">+ Tambah</a> </p>
<h3>Data Siswa</h3>
<table cellspacing="0" cellpadding="5" border="1">
<thead>
<tr bgcolor="#ccccc">
<th>NO</th>
<th>NIS</th>
<th>NAMA</th>
<th>KELAS</th>
<th>JURUSAN</th>
<th>Pilihan</th>
</tr>
</thead>
<tbody>
<?php
include'koneksi.php';
$query = mysqli_query($koneksi,"SELECT * FROM siswa ORDER BY nis DESC");
if(mysqli_num_rows($query) == 0){
echo '<tr><td colspan="6">Tidak Ada data!</td></tr>';
}else{
$no = 1;
while($data = mysqli_fetch_assoc($query)){
echo '<tr>';
echo '<td>'.$no.'</td>';
echo '<td>'.$data['nis'].'</td>';
echo '<td>'.$data['nama'].'</td>';
echo '<td>'.$data['kelas'].'</td>';
echo '<td>'.$data['jurusan'].'</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>';
echo '</tr>';
$no++;
}
}
?>
</tbody>
</table>
</center>
</body>
</html>
Jangan lupa disimpan ya....
Untuk penjelasan script sudah saya masukkan pada script di atas, silahkan di baca sendiri kegunaan tiap-tiap baris kode.
tampilan dari file index.php bisa terlihat seperti gambar di bawah ini.
Seperti terlihat pada gambar di atas terdapat tulisan "Tidak ada data!" yang artinya memang data pada database masih kosong.
4. Memasukkan Data (Create / Insert)
Tahap keempat adalah memasukkan data ke database dengan perintah INSERT INTO.
Pertama tentu saja kita buat form untuk memasukkan datanya.
Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Tambah Data Siswa</title>
</head>
<body>
<h2>CRUD SIMPEL</h2>
<p><a href="index.php"> Home</a> / <a href="tambah.php">+ Tambah</a> </p>
<h3>Tambah Data Siswa</h3>
<form action="tambah-proses.php" method="post">
<table cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td>NIS</td>
<td>:</td>
<td><input type="text" name="nis" required></td>
</tr>
<tr>
<td>NAMA</td>
<td>:</td>
<td><input type="text" name="nama" required></td>
</tr>
<tr>
<td>KELAS</td>
<td>:</td>
<td><select name="kelas" required>
<option value="">Pilih Kelas</option>
<option value="X">X</option>
<option value="XI">XI</option>
<option value="XII">XII</option>
</select></td>
</tr>
<tr>
<td>JURUSAN</td>
<td>:</td>
<td><select name="jurusan" required>
<option value="">Pilih Jurusan</option>
<option value="Mesin">Mesin</option>
<option value="Tekstil">Tekstil</option>
<option value="Ototronik">Ototronik</option>
<option value="RPL">RPL</option>
</select></td>
</tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="tambah" value="Simpan"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
Dari form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php
Tampilannya seperti gambar di bawah ini.
Nah ketika form tersebut di isi, dan tombol Simpan di klik, maka akan menjalankan file tambah-proses.php
Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di bawah ini.
<?php
if(isset($_POST['tambah'])){
include('koneksi.php');
$nis = $_POST['nis'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$jurusan = $_POST['jurusan'];
$sql = mysqli_query($koneksi,"INSERT INTO siswa VALUES(NULL, '$nis','$nama','$kelas','$jurusan')");
if($sql){
echo "<script>alert('Data berhasil ditambahkan!'); window.location='index.php'</script>";
}else{
echo "<script>alert('Data gagal ditambahkan!');window.location='index.php'</script>";
}
}else{
header('Location: index.php');
}
?>
Untuk tambah data atau insert data ke database sudah selesai.
5. Update data (Update / Edit)
Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah edit.php
Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Pilihan ada Link Edit dan Hapus. Dimana untuk Link Edit yang di klik Anda akan mendapatkan Link seperti <a href="edit.php?id=1">Edit</a> dimana id ini adalah nilai dari id. Jika id tersebut adalah 1, maka akan menampilkan data siswa dimana id=1.
Oke , silahkan buat file edit.php dan salain script di bawah ini.
5. Update data (Update / Edit)
Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah edit.php
Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Pilihan ada Link Edit dan Hapus. Dimana untuk Link Edit yang di klik Anda akan mendapatkan Link seperti <a href="edit.php?id=1">Edit</a> dimana id ini adalah nilai dari id. Jika id tersebut adalah 1, maka akan menampilkan data siswa dimana id=1.
Oke , silahkan buat file edit.php dan salain script di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Edit Data Siswa</title>
</head>
<body>
<h2>CRUD SIMPEL</h2>
<p><a href="index.php"> Home</a> / <a href="tambah.php">+ Tambah</a> </p>
<h3>Edit Data Siswa</h3>
<?php
include('koneksi.php');
$id = $_GET['id'];
$sql = mysqli_query($koneksi,"SELECT * FROM siswa WHERE id='$id'");
if(mysqli_num_rows($sql) == 0){
header('Location: index.php');
}else{
$data = mysqli_fetch_assoc($sql);
}
?>
<form action="edit-proses.php" method="post">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<table cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td>NIS</td>
<td>:</td>
<td><input type="text" name="nis" value="<?php echo $data['nis']; ?>"></td>
</tr>
<tr>
<td>NAMA</td>
<td>:</td>
<td><input type="text" name="nama" value="<?php echo $data['nama']; ?>"></td>
</tr>
<tr>
<td>KELAS</td>
<td>:</td>
<td><select name="kelas" required>
<option value="">Pilih Kelas</option>
<option value="X" <?php if($data['kelas']== 'X'){ echo 'selected';} ?>>X</option>
<option value="XI" <?php if($data['kelas']== 'XI'){ echo 'selected';} ?>>XI</option>
<option value="XII" <?php if($data['kelas']== 'XII'){ echo 'selected';} ?>>XII</option>
</select></td>
</tr>
<tr>
<td>JURUSAN</td>
<td>:</td>
<td><select name="jurusan" required>
<option value="">Pilih Jurusan</option>
<option value="Mesin" <?php if($data['jurusan']== 'Mesin'){ echo 'selected';} ?>>Mesin</option>
<option value="Tekstil" <?php if($data['jurusan']== 'Tekstil'){ echo 'selected';} ?>>Tekstil</option>
<option value="Ototronik" <?php if($data['jurusan']== 'Ototronik'){ echo 'selected';} ?>>Ototronik</option>
<option value="RPL" <?php if($data['jurusan']== 'RPL'){ echo 'selected';} ?>>RPL</option>
</select></td>
</tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="edit" value="Simpan"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini.
Form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php, dimana file ini adalah proses untuk melakukan update data ke database.
Buat file edit-proses.php dan salin script di bawah ini.
<?php
if(isset($_POST['edit'])){
include('koneksi.php');
$id = $_POST['id'];
$nis = $_POST['nis'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$jurusan = $_POST['jurusan'];
$sql = mysqli_query($koneksi,"UPDATE siswa SET nis='$nis',nama='$nama',kelas='$kelas',jurusan='$jurusan' WHERE id='$id'");
if($sql){
echo "<script>alert('Data berhasil di simpan!');window.location='index.php'</script>";
}else{
echo "<script>alert('Data gagal di simpan!');window.location='index.php'</script>";
}
}else{
header('Location: index.php');
}
?>
Silahkan simpan.
6. Hapus Data (Delete / Hapus)
Tahap keenam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.
File yang akan kita buat adalah hapus.php dan isi scriptnya seperti di bawah ini.
6. Hapus Data (Delete / Hapus)
Tahap keenam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.
File yang akan kita buat adalah hapus.php dan isi scriptnya seperti di bawah ini.
<?php
include 'koneksi.php';
$id = $_GET['id'];
$query = "DELETE FROM siswa WHERE id = $id";
$hasil = mysqli_query($koneksi, $query);
if ($hasil == true) {
header('location: index.php');
} else {
header('location: tambah.php');
}
?>
Dan simpan.
REFERENSI
https://en.wikipedia.org/wiki/Create,_read,_update_and_delete
sekian yang dapat saya jelaskan, apabila ada kesalahan dalam pengetikan, tata letak, dll saya minta maaf yang sebesar-besarnya.
Semoga Bermanfaat,
Wassalamu alaikum Wr Wb.
No comments:
Post a Comment