Source Code Aplikasi Crud PHP Sederhana

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


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.






















#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 


#Tahap 2

Membuat koneksi untuk menghubungkan ke database:
berinama " koneksi.php ".
<?php
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
}

 ?>

#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>

#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>



#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
}


 ?>

#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 } ?>



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

Subscribe to receive free email updates:

0 Response to "Source Code Aplikasi Crud PHP Sederhana"

Posting Komentar