Assalamu'alaikum Wr. Wb. Oke gaes kali ini saya akan memberi tahu "Cara Membuat Web CRUD Data Siswa Sederhana dengan PHP dan MySQL". Nah berhubung pada zaman yang modern sekarang ini PHP berkembang dan SQLpun demikian versinya berbeda yaitu menggunakan PHP 5 keatas dan SQL maria db. Jadi tidak lagi menggunakan mysql tapi menggunakan mysqli. Apakah berbeda? jelas berbeda. Terletak pada cara penulisan sintaks. Oke langsung saja ya gaes :v .
SELESAI :v . Sekian tutorial dari saya semoga bermanfaat. Jika ada pertanyaan silahkan bertanya pada saya. Bisa menghubungi kontak-kontak yang ada dimenu blog saya. Wassalamu'alaikum Wr. Wb.
- Instal XAMPP versi 3.2.2 dan untuk pengeditan source code nya nanti kalian bebas bisa menggunakan Notepad (polosan :( ), Dreamweaver (ada pemberitahuan kode error ketika kode kita ada yang error, yang keren sih versi CC 2017 :v ), ataupun Sublime (keren juga sih tapi tidak ada tanda pemberitahuan kode error ketika kode kita ada yang error).
- Buka XAMPP klik Start pada Apache dan MySQL.
- Buka web browser (misalnya Mozilla Firefox). Ketikkan localhost/phpmyadmin => klik Databases => Ketikkan crud pada kotak Create database (untuk membuat database baru yang bernama crud). Kemudian klik Create.
- Klik SQL dan ketikkan kode SQL berikut pada kotak SQL (untuk membuat tabel baru dan field pada database crud). Lalu klik Ok.
- Ketikkan kode SQL berikut pada kotak SQL (untuk membuat record atau isi pada field yang telah kita buat).
- Buat halaman koneksi.php menggunakan kode berikut ini (untuk membuat koneksi dari web ke database).
- Buat halaman index.php menggunakan kode berikut ini (untuk membuat halaman utama atau yang biasa disebut dengan index).
- Ketikkan localhost/crud pada kotak url. Halaman utama akan tampil seperti berikut ini :
- Buat file tambah.php menggunakan kode berikut ini (untuk membuat file tambah).
- Klik link Tambah Data dan akan tampil seperti berikut ini.
- Buat file tambah_proses.php menggunakan kode berikut ini (untuk membuat proses inputan dari tambah ke database).
- Ketikkan/isi form pada halaman tambah menggunakan kode berikut ini (untuk menambah data siswa/record pada database).
- Klik tambah maka akan muncul tampilan seperti berikut ini.
- Klik kembali dan hasilnya akan tampil seperti berikut ini.
- Buat file edit.php menggunakan kode berikut ini (untuk membuat file edit).
- Buat file edit_proses.php menggunakan kode berikut ini (untuk membuat proses edit data yang akan mengubah data).
- Klik edit maka akan muncul tampilan seperti berikut ini.
- Edit isi data seperti berikut ini dan klik Simpan.
- Klik kembali, maka akan tampil halaman utama seperti berikut ini.
- Buat file hapus.php menggunakan kode berikut ini (untuk membuat file hapus supaya data bisa dihapus).
- Klik hapus maka akan tampil tampilan seperti berikut ini.
- Klik OK dan hasilnya akan seperti ini.
- Klik kembali.
CREATE TABLE siswa(
id int NOT NULL AUTO_INCREMENT,
nis varchar(4)NOT NULL,
nama varchar(30),
kelas varchar(3),
jurusan varchar(3),
PRIMARY KEY(id)
);
Keterangan :
NOT NULL artinya field wajib diisi dan tidak boleh tidak diisi.
AUTO_INCREMENT artinya field otomatis akan terisi sehingga memungkinkan field tersebut bisa dijadikan sebagai PK/Primary Key karena isinya pasti berbeda-beda.
Jika tabel sudah dibuat, struktur tabel akan tampil seperti berikut ini :
INSERT INTO siswa VALUES('NULL','7718','Syarifah Aini','XII','RPL');
Keterangan :
NULL artinya kosong. Diisi NULL pada field id karena kita tadi sudah menggunakan AUTO_INCREMENT jadi tidak perlu kita isi secara manual.
Jika record sudah ditambahkan,isi tabel akan tampil seperti berikut ini :
<?php
//nama host defaultnya dari XAMPP yaitu localhost
$host="localhost";
//default user dari XAMPP yaitu root
$user="root";
//tidak perlu menggunakan password
$pass="";
//nama database
$name="crud";
//membuat koneksi
$koneksi=mysqli_connect($host,$user,$pass,$name)or die("Koneksi ke database gagal!");
?>
<html>
<head>
//judul web
<title>Simple CRUD</title>
</head>
<body>
<h2>Simple CRUD</h2>
//link menuju beranda/index/halaman utama dan link menuju file tambah
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Data Siswa</h3>
//tabel siswa
<table cellpadding="5" cellspacing="0" border="1">
<tr bgcolor="#CCCCCC">
<th>No.</th>
<th>NIS</th>
<th>Nama Lengkap</th>
<th>Kelas</th>
<th>Jurusan</th>
<th>Opsi</th>
</tr>
<?php
include('koneksi.php');
$query=mysqli_query($koneksi,"SELECT * FROM siswa ORDER BY NIS")or die('perintah sql salah');
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><center>$no.</center></td>";
echo"<td>$data[nis]</td>";
echo'<td>'.$data['nama'].'</td>';
echo'<td><center>'.$data['kelas'].'</center></td>';
echo'<td><center>'.$data['jurusan'].'</center></td>';
echo'<td><center><a href="edit.php?id='.$data['id'].'">Edit</a> / <a href="hapus.php?id='.$data['id'].'"onclick="return confirm(\'Yakin?\')">Hapus</a></center></td>';
echo'</tr>';
$no++;
}
}
?>
</table>
</body>
</html>
<html>
<head>
<title>Simple CRUD</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Tambah Data Siswa</h3>
//membuat form untuk menambah data siswa yang nantinya menuju link tambah_proses.php dan methodnya tertulis/tertera pada url yaitu menggunakan method post
<form action="tambah_proses.php" method="post">
<table cellpadding="3" cellspacing="0">
<tr>
<td>NIS</td>
<td>:</td>
//required artinya harus diisi dan jika belum diisi tidak akan bisa dikirim/submit
<td><input type="text" name="nis" required></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="nama" size="30" required></td>
</tr>
<tr>
<td>Kelas</td>
<td><select name="kelas" required>
//membuat berbagai opsi/pilihan
<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="RPL">Rekayasa Perangkat Lunak</option>
<option value="TKJ">Teknik Komputer dan Jaringan</option>
<option value="MMM">Multimedia</option>
</select>
</td>
</tr>
<tr>
// merupakan konversi kode dari tanda spasi
<td> </td>
<td></td>
//data yang telah diketik akan dikirim/submit dengan nama tambah
<td><input type="submit" name="tambah" value="Tambah"></td>
</tr>
</table>
</form>
</body>
</html>
<?php
//karena diform menggunakan POST jadi disini kita menggunakan $_POST
if(isset($_POST['tambah'])){
//include artinya memanggil file koneksi.php
include('koneksi.php');
$nis=$_POST['nis'];
$nama=$_POST['nama'];
$kelas=$_POST['kelas'];
$jurusan=$_POST['jurusan'];
//kode untuk inputan supaya apa yang diketik diform halaman tambah tadi bisa terinput ke database siswa
$input=mysqli_query($koneksi,"INSERT INTO siswa VALUES(NULL,'$nis','$nama','$kelas','$jurusan')")or
die(mysqli_error());
//jika inputan berhasil akan tampil teks berhasil
if($input){
echo'Data berhasil ditambahkan! ';
echo'<a href="index.php">Kembali</a>';
//jika inputan gagal akan tampil teks gagal
}else{
echo'Gagal menambahkan data! ';
echo'<a href="index.php">Kembali</a>';
}
//jika terjadi kesalahan dalam menambah maka akan kembali ke halaman sebelumnya
}else{
echo'<script>window.history.back()</script>';
}
?>
<html>
<head>
<title>Simple CRUD</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Edit Data Siswa</h3>
<?php
include('koneksi.php');
//id didapatkan dari link edit data yang bersumber dari id didatabase
$id=$_GET['id'];
$show=mysqli_query($koneksi,"SELECT * FROM siswa WHERE id='$id'");
if(mysqli_num_rows($show)==0){
echo'<script>window.history.back()</script>';
}else{
$data=mysqli_fetch_assoc($show);
}
?>
<form action="edit_proses.php" method="post">
<input type="hidden" name="id" value="<?php echo $id;?>">
<table cellpadding="3" cellspancing="0">
<tr>
<td>NIS</td>
<td>:</td>
<td><input type="text" name="nis" value="<?php echo $data['nis'];?>"required></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="nama" size="30" value="<?php echo $data['nama'];?>"required></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="RPL" <?php if($data['jurusan']=='RPL'){echo'selected';}?>>Rekayasa Perangkat Lunak</option>
<option value="TKJ" <?php if($data['jurusan']=='TKJ'){echo'selected';}?>>Teknik Komputer dan Jaringan</option>
<option value="MM" <?php if($data['jurusan']=='MM'){echo'selected';}?>>Multimedia</option>
</select>
</td>
</tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
<?php
if(isset($_POST['simpan'])){
include('koneksi.php');
$id=$_POST['id'];
$nis=$_POST['nis'];
$nama=$_POST['nama'];
$kelas=$_POST['kelas'];
$jurusan=$_POST['jurusan'];
$update=mysqli_query($koneksi,"UPDATE siswa SET nis='$nis',nama='$nama',kelas='$kelas',jurusan='$jurusan' WHERE id='$id'")or die(mysql_error());
if($update){
echo'Data berhasil disimpan! ';
echo'<a href="index.php?id='.$id.'">Kembali</a>';
}else{
echo'Gagal menyimpan data! ';
echo'<a href="index.php?id='.$id.'">Kembali</a>';
}
}else{
echo'<script>window.history.back()</script>';
}
?>
Maka akan tampil halaman seperti berikut ini.
<?php
if(isset($_GET['id'])){
include('koneksi.php');
$id=$_GET['id'];
$cek=mysqli_query($koneksi,"SELECT id FROM siswa where id='$id'")or die(mysql_error());
if(mysqli_num_rows($cek)==0){
echo'<script>window.history.back()</script>';
}else{
$del=mysqli_query($koneksi,"DELETE FROM siswa WHERE id='$id'");
if($del){
echo'Data siswa berhasil dihapus! ';
echo'<a href="index.php">Kembali</a>';
}else{
echo'Gagal menghapus data! ';
echo'<a href="index.php">Kembali</a>';
}
}
}else{
echo'<script>window.history.back()</script>';
}
?>
SELESAI :v . Sekian tutorial dari saya semoga bermanfaat. Jika ada pertanyaan silahkan bertanya pada saya. Bisa menghubungi kontak-kontak yang ada dimenu blog saya. Wassalamu'alaikum Wr. Wb.
makasih bang
ReplyDeleteSama sama bang
DeleteKenapa eror di tambah_proses.php nya ya
ReplyDeleteCoba dicek lagi kodingnya udah sama belom
DeleteUdah bang, tpi masih eror
ReplyDeleteDimananya bang?
DeleteSeandainya datanya taruh ditengah bagaimana..??
ReplyDeletetambahin scrip div align center kak
DeleteBisa dikasih tag center (datanya) tag slash /center ini manual tapi tiap per perulangan datanya
DeleteTerima kasih kak tutorialnya mudah dipahami, bermanfaat dan mudah di ulang praktekkan kembali
ReplyDeleteNama: Yulinda Sari
Nim: 1922500197
Dan link web kampus saya
https://www.atmaluhur.ac.id/
Alhamdulillah sama-sama ^_^
DeleteAlhamdulillah sama sama ^_^
ReplyDelete