Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Aplikaso CRUD ini Dulu menjadi Tugas Praktek Saya UTS Sekolah , Dari Pada Gak Kepake Mending Saya Bagikan ,Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL
Lihat Juga : Aplikasi Source Code Toko Online PHP Full Script Gratis
Crud menjadi kunci dari bergai program aplikasi , Di tutorial ini kita Akan membahas Tuntas Dari Awal , agar Anda yang pemula bisa mempelajarinya dengan mudah. Karena ini hanya basicnya saja, Plus nanti Ada sedikit Tambahan CSS buat Tampilan jadi tidak ada yang namanya kemanan dalam query ke database, saya buat sangat sederhana agar mudah dipelajari dengan mudah.
Ok Lansung saja kita Praktikan membuat ini adalah langkah-langkah .
Susunan File Yang di perlu dibuat.
<!DOCTYPE html>
<html>
<head>
<title>Dashboard | Admin</title>
</head>
<link rel="stylesheet" type="text/css" href="asset/style.css">
<body>
<nav>
<ul class="kiri">
<li><a href="">COntrol Admin</a></li>
</ul>
<ul class="kanan">
<li><a href="">Hello Bagus</a></li>
<div style="clear:both"></div>
</ul>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Data Siswa</span>
<form action="pro_tambah.php" method="POST">
<input type="text" name="nisn" placeholder="Masukan NISN"><br>
<input type="text" name="name" placeholder="Nama Lengkap"><br>
<input type="text" name="tempatLahir" placeholder="Tempat Lahir"><br>
<input type="date" name="tglLahir" placeholder="Tanggal Lahir"><br>
Laki Laki<input type="radio" name="jenisKelamin" value="L">Permpuan<input type="radio" name="jenisKelamin" value="P"><br>
<select name="jurusan">
<option>--Pilih Jurusan--</option>
<option value="rpl">RPL</option>
<option value="tkj">TKJ</option>
<option value="tkr">TKR</option>
</select><br>
<input type="submit" value="Simpan Data">
</form>
</div>
</div>
</body>
</html>
Tahap- Tahap Sudah Di buat Kini kita Jalan kan . selamat mencoba mungkin bisa refrensi anda , itu cuma sekedan Aplikasi Crud Sederhana Yang saya kembangkan Dengan CSS3.
Bisa download Filenya Linknya Disini
Bisa download Databasenya Linknya Disini
Ada Juga Text Mengenai CRUD Native Di MS WORD Download Disini
Ok Lansung saja kita Praktikan membuat ini adalah langkah-langkah .
Susunan File Yang di perlu dibuat.
#Langkah 1
Membuat database di phpmyadmin Apabila belum mendownload Silah kan Download Dan Instal XAMPP . buat database seperti di bawah ini:
Buat database dengan Nama " uts5 " structur table bisa di lihat di gambar dibawah :
database dan table siswa sudah dibuat isi nya di kosongin aja nanti di input lewat Aplikasi Crud Nanti yang akan kita Buat
Buat database dengan Nama " uts5 " structur table bisa di lihat di gambar dibawah :
#Tahap 2
Membuat koneksi untuk menghubungkan ke database:
berinama " koneksi.php ".
berinama " koneksi.php ".
<?php
mysql_connect('localhost','root','');
mysql_select_db('uts5');
?>
mysql_connect('localhost','root','');
mysql_select_db('uts5');
?>
#Tahap 3
Setelah membuat koneksi selanjutnya membuat input buat memasukan data kedalam table siswa , di tampilan sudah menggunakan css . Beri nama " input.php "<!DOCTYPE html>
<html>
<head>
<title>Dashboard | Admin</title>
</head>
<link rel="stylesheet" type="text/css" href="asset/style.css">
<body>
<nav>
<ul class="kiri">
<li><a href="">COntrol Admin</a></li>
</ul>
<ul class="kanan">
<li><a href="">Hello Bagus</a></li>
<div style="clear:both"></div>
</ul>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Data Siswa</span>
<form action="pro_tambah.php" method="POST">
<input type="text" name="nisn" placeholder="Masukan NISN"><br>
<input type="text" name="name" placeholder="Nama Lengkap"><br>
<input type="text" name="tempatLahir" placeholder="Tempat Lahir"><br>
<input type="date" name="tglLahir" placeholder="Tanggal Lahir"><br>
Laki Laki<input type="radio" name="jenisKelamin" value="L">Permpuan<input type="radio" name="jenisKelamin" value="P"><br>
<select name="jurusan">
<option>--Pilih Jurusan--</option>
<option value="rpl">RPL</option>
<option value="tkj">TKJ</option>
<option value="tkr">TKR</option>
</select><br>
<input type="submit" value="Simpan Data">
</form>
</div>
</div>
</body>
</html>
#Tahap 4
Membuat Proses input penjelasan Singkat Jadi data Dari Form Input Tadi akan di Olah atau di proses di proses input ini. berinama " pro_tambah.php "
<?php
include 'koneksi.php';
?>
<?php
$nisn=$_POST['nisn'];
$nama=$_POST['name'];
$tmpt=$_POST['tempatLahir'];
$tgl=$_POST['tglLahir'];
$jk=$_POST['jenisKelamin'];
$jur=$_POST['jurusan'];
$s=mysql_query("INSERT INTO siswa VALUES('','$nisn','$nama','$tmpt','$tgl','$jk','$jur')") or die(mysql_error());{
?>
<script>
alert("Data Siswa Berhasil Disimpan");
window.location.href='siswa.php';
</script>
<?php
}
?>
include 'koneksi.php';
?>
<?php
$nisn=$_POST['nisn'];
$nama=$_POST['name'];
$tmpt=$_POST['tempatLahir'];
$tgl=$_POST['tglLahir'];
$jk=$_POST['jenisKelamin'];
$jur=$_POST['jurusan'];
$s=mysql_query("INSERT INTO siswa VALUES('','$nisn','$nama','$tmpt','$tgl','$jk','$jur')") or die(mysql_error());{
?>
<script>
alert("Data Siswa Berhasil Disimpan");
window.location.href='siswa.php';
</script>
<?php
}
?>
#Tahap 5
Selanjutnya kita akan Mencoba Menampilkan data Yang telah inputkan tadi kita akan beri nama " siswa.php ";
<?php
include 'koneksi.php';
?>
<html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<style type="text/css">
td,th{border:1px solid #ccc;padding:10px;}
table{border-collapse:collapse;}
</style>
<div class="main">
<div class="isimain">
<table>
<a href="input.php"><input type="submit" value="Tambah Data Siswa"></a>
<tr>
<th>No</th><th>Nisn</th><th>Nama</th><th>Tempat Lahir</th><th>Tanggal Lahir</th><th>Jenis Kelamin</th><th>Jurusan</th><th>Action</th>
</tr>
<?php
$data=mysql_query("SELECT * FROM siswa ORDER BY name");
$no=1;
while ($r=mysql_fetch_array($data)) {
?>
<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $r['nisn']; ?></td>
<td><?php echo $r['name']; ?></td>
<td><?php echo $r['tempatLahir']; ?></td>
<td><?php echo $r['tglLahir']; ?></td>
<td><?php echo $r['jenisKelamin']; ?></td>
<td><?php echo $r['jurusan']; ?></td>
<td><a href='edit.php?id=<?php echo $r['id'];?>'>Edit</a><a href='hapus.php?id=<?php echo $r['id'];?>'>Hapus</a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</body>
</html>
include 'koneksi.php';
?>
<html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<style type="text/css">
td,th{border:1px solid #ccc;padding:10px;}
table{border-collapse:collapse;}
</style>
<div class="main">
<div class="isimain">
<table>
<a href="input.php"><input type="submit" value="Tambah Data Siswa"></a>
<tr>
<th>No</th><th>Nisn</th><th>Nama</th><th>Tempat Lahir</th><th>Tanggal Lahir</th><th>Jenis Kelamin</th><th>Jurusan</th><th>Action</th>
</tr>
<?php
$data=mysql_query("SELECT * FROM siswa ORDER BY name");
$no=1;
while ($r=mysql_fetch_array($data)) {
?>
<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $r['nisn']; ?></td>
<td><?php echo $r['name']; ?></td>
<td><?php echo $r['tempatLahir']; ?></td>
<td><?php echo $r['tglLahir']; ?></td>
<td><?php echo $r['jenisKelamin']; ?></td>
<td><?php echo $r['jurusan']; ?></td>
<td><a href='edit.php?id=<?php echo $r['id'];?>'>Edit</a><a href='hapus.php?id=<?php echo $r['id'];?>'>Hapus</a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</body>
</html>
#Tahap 6
Kita sudah membuat inputan dan lihat data ( repot ) selanjutnya kita akan membuat EDIT data kita akan coba edit data yang telah ada di siswa.php , kita buat dulu form editnya berinama edit.php:
<?php
include 'koneksi.php';
?>
<html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Tambah Siswa</span>
<?php
$id=$_GET['id'];
$data=mysql_query("SELECT * from siswa WHERE id='$id'");
while ($r=mysql_fetch_array($data)) {
$t=$r['jurusan'];
$y=$r['jenisKelamin'];
?>
<form action="pro_edit.php" method="POST">
<input type="hidden" name="id" value="<?php echo $r['id']; ?>"><br>
<input type="text" name="nisn" value="<?php echo $r['nisn'];?>"><br>
<input type="text" name="name" value="<?php echo $r['name'];?>"><br>
<input type="text" name="tempatLahir" value="<?php echo $r['tempatLahir'];?>"><br>
<input type="date" name="tglLahir" value="<?php echo $r['tglLahir'];?>"><br>
Laki Laki <input type='radio' name='jenisKelamin' value='L' <?php if($y=="L"){echo 'checked';} ?>/>
Perempuan <input type='radio' name='jenisKelamin' value='P' <?php if($y=="P"){echo 'checked';} ?>/><br>
<select name='jurusan'>
<option>--Pilih Jurusan--</option>
<option value="rpl"<?php if($t=="rpl"){ echo "selected=\"selected\""; } ?>>RPL</option>
<option value="tkj"<?php if($t=="tkj"){ echo "selected=\"selected\""; } ?>>TKJ</option>
<option value="tkr"<?php if($t=="tkr"){ echo "selected=\"selected\""; } ?>>TKR</option>
</select><br>
<input type='submit'>
</form>
<?php
}
?>
</div>
</div>
</body>
</html>
include 'koneksi.php';
?>
<html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Tambah Siswa</span>
<?php
$id=$_GET['id'];
$data=mysql_query("SELECT * from siswa WHERE id='$id'");
while ($r=mysql_fetch_array($data)) {
$t=$r['jurusan'];
$y=$r['jenisKelamin'];
?>
<form action="pro_edit.php" method="POST">
<input type="hidden" name="id" value="<?php echo $r['id']; ?>"><br>
<input type="text" name="nisn" value="<?php echo $r['nisn'];?>"><br>
<input type="text" name="name" value="<?php echo $r['name'];?>"><br>
<input type="text" name="tempatLahir" value="<?php echo $r['tempatLahir'];?>"><br>
<input type="date" name="tglLahir" value="<?php echo $r['tglLahir'];?>"><br>
Laki Laki <input type='radio' name='jenisKelamin' value='L' <?php if($y=="L"){echo 'checked';} ?>/>
Perempuan <input type='radio' name='jenisKelamin' value='P' <?php if($y=="P"){echo 'checked';} ?>/><br>
<select name='jurusan'>
<option>--Pilih Jurusan--</option>
<option value="rpl"<?php if($t=="rpl"){ echo "selected=\"selected\""; } ?>>RPL</option>
<option value="tkj"<?php if($t=="tkj"){ echo "selected=\"selected\""; } ?>>TKJ</option>
<option value="tkr"<?php if($t=="tkr"){ echo "selected=\"selected\""; } ?>>TKR</option>
</select><br>
<input type='submit'>
</form>
<?php
}
?>
</div>
</div>
</body>
</html>
#Tahap 7
Setelah kita buat form edit nya langkah selanjutnya buat prosesnya dimana dari form edit akan di proses oleh proses edit berinama " pro_edit.php "
<?php
include 'koneksi.php';
$id=$_POST['id'];
$a=$_POST['nisn'];
$b=$_POST['name'];
$d=$_POST['tempatLahir'];
$e=$_POST['tglLahir'];
$f=$_POST['jenisKelamin'];
$g=$_POST['jurusan'];
$s=mysql_query("UPDATE siswa SET nisn='$a',name='$b',tempatLahir='$d',tglLahir='$e',jenisKelamin='$f',jurusan='$g' where id='$id'") or die(mysql_error());{
?>
<script type="text/javascript">
alert("Data Berhasil Disimpan");
window.location.href='siswa.php';
</script>
<?php
}
?>
include 'koneksi.php';
$id=$_POST['id'];
$a=$_POST['nisn'];
$b=$_POST['name'];
$d=$_POST['tempatLahir'];
$e=$_POST['tglLahir'];
$f=$_POST['jenisKelamin'];
$g=$_POST['jurusan'];
$s=mysql_query("UPDATE siswa SET nisn='$a',name='$b',tempatLahir='$d',tglLahir='$e',jenisKelamin='$f',jurusan='$g' where id='$id'") or die(mysql_error());{
?>
<script type="text/javascript">
alert("Data Berhasil Disimpan");
window.location.href='siswa.php';
</script>
<?php
}
?>
#Tahap 8
ini adalah langkah terakhir yaitu hapus data siswa :
<?php
include 'koneksi.php';
?>
<?php
$id =$_GET['id'];
$db=mysql_query("DELETE FROM siswa WHERE id='$id'") or die(mysql_error());
{?>
<script type="text/javascript">
alert("Anda Yakin ??");
window.location.href="siswa.php";
</script>
<?php } ?>
include 'koneksi.php';
?>
<?php
$id =$_GET['id'];
$db=mysql_query("DELETE FROM siswa WHERE id='$id'") or die(mysql_error());
{?>
<script type="text/javascript">
alert("Anda Yakin ??");
window.location.href="siswa.php";
</script>
<?php } ?>
Tahap- Tahap Sudah Di buat Kini kita Jalan kan . selamat mencoba mungkin bisa refrensi anda , itu cuma sekedan Aplikasi Crud Sederhana Yang saya kembangkan Dengan CSS3.
Bisa download Filenya Linknya Disini
Bisa download Databasenya Linknya Disini
Ada Juga Text Mengenai CRUD Native Di MS WORD Download Disini