Sudah lama sekali saya tidak update blog ini hampir 1 tahun lamanya. Heheheh
Sesuai judul diatas saya akan membahas cara membuat Input (Create), Read (Baca / Tampil), Edit (Update), Hapus (Delete) bisa disebut juga dengan (CRUD) dan koneksi kita kali ini menggunakan Mysqli. Program Web menggunakan PHP ini masilah sangat sederhana, agar sobat" bisa belajar dan mengkembangkannya sendiri sehingga menjadi bagus. Langsung saja kita ke TKP nya .. heheh :D
Software yang diperlukan :
- Browser
- Xampp (Usahakan Terupdate)
- Notepad ++ / Dreamweaver
Pertama kita buat databasenya terlebih dahulu di xampp dengan nama database latihan kemudian buat nama table anggota dengan beberapa field dibawah sebagai berikut :
Selanjutnya buat koneksinya terlebih dahulu. buat dengan nama koneksi.php
<?php
$koneksi=mysqli_connect("localhost","root","","latihan");
?>
Kemudian kalau sudah buat halaman koneksi, selanjutnya kita buat halaman index.php
<?php include "koneksi.php" ?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link href="aset/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="aset/fonts/glyphicons-halflings-regular.ttf" type="text/css">
<title>Latihan Sederhana</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2" style="margin-top:30px;">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">Input Anggota Sederhana</div>
</div>
<div class="panel-body">
<?php
if (!empty($_GET['message']) && $_GET['message'] == 'sukses') {
echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Input data anggota berhasil dilakukan</center></div>';
}
?>
<form action="proses.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<label>NIM</label>
<input type="text" class="form-control" placeholder="NIM" name="nim" required autofocus>
</div>
<div class="form-group">
<label>NAMA</label>
<input type="text" class="form-control" placeholder="NAMA" name="nama" required >
</div>
<div class="form-group">
<label>TANGGAL LAHIR </label><br>
<select name="tgl" size="1" id="tgl" class="input-tgl" required>
<?php
for ($i=1;$i<=31;$i++)
{
echo "<option value=".$i.">".$i."</option>";
}
?>
</select>
<select name="bln" size="1" id="bln" class="input-tgl" required>
<?php
$bulan=array("","Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
for ($i=1;$i<=12;$i++)
{
echo "<option value=".$i.">".$bulan[$i]."</option>";
}
?>
</select>
<select name="thn" size="1" id="thn" class="input-tgl" required>
<?php
for ($i=1960;$i<=2016;$i++)
{
echo "<option value=".$i.">".$i."</option>";
}
?>
</select>
</div>
<div class="form-group">
<label>ALAMAT</label>
<textarea name="alamat" placeholder="Alamat" class="form-control"></textarea>
</div>
<button type="submit" name="input_anggota" class="btn btn-primary">SIMPAN</button>
<a href="data-anggota.php" class="btn btn-success">DATA ANGGOTA</a>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="aset/js/jquery.js"></script>
<script src="aset/js/bootstrap.min.js"></script>
</body>
</html>
Selanjutnya kita buat halaman proses.php untuk membuat proses Input, Edit, Hapus langsung saja buat script seperti dibawah :
<?php
include "koneksi.php";
if(isset($_POST['input_anggota'])){
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$tgl_lahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];
$alamat = $_POST['alamat'];
$sql = "INSERT INTO anggota (nim, nama, tgl_lahir, alamat) VALUES ('$nim', '$nama', '$tgl_lahir', '$alamat')";
if (mysqli_query($koneksi, $sql)) {
header('location:index.php?message=sukses');
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
}
mysqli_close($koneksi);
}
if(isset($_POST['edit_anggota'])){
$id = $_POST['id'];
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$tgl_lahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];
$alamat = $_POST['alamat'];
$sql = "UPDATE anggota SET
id='$id',
nim='$nim',
nama='$nama',
tgl_lahir='$tgl_lahir',
alamat='$alamat'
WHERE id='$id'";
if (mysqli_query($koneksi, $sql)) {
header('location:data-anggota.php?message=sukses');
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
}
mysqli_close($koneksi);
}
if(isset($_GET['id'])){
$id = $_GET['id'];
$sql = "DELETE FROM anggota WHERE id='$id'";
if (mysqli_query($koneksi, $sql)) {
header('location:data-anggota.php?message=hapus-sukses');
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
}
mysqli_close($koneksi);
}
?>
Selanjutnya kita buat halaman tampil data dengan nama data-anggota.php dengan kode sebagai berikut
<?php include "koneksi.php" ?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link href="aset/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="aset/fonts/glyphicons-halflings-regular.ttf" type="text/css">
<title>Latihan Sederhana</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-top:30px;">
<a href="index.php" class="btn btn-info">+ Tambah Data</a>
<br>
<br>
<?php
if (!empty($_GET['message']) && $_GET['message'] == 'sukses') {
echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Data Anggota berhasil di edit</center></div>';
}
if (!empty($_GET['message']) && $_GET['message'] == 'hapus-sukses') {
echo '<div class="alert alert-info col-md-12" role="alert"><button type="button" class="close" data-dismiss="alert">×</button><center>Data Anggota berhasil di Hapus</center></div>';
}
?>
<table class="table table-bordered table-striped table-responsive">
<thead style="text-align:center;">
<tr class="info">
<td>NIM</td>
<td>NAMA</td>
<td>TANGGAL LAHIR</td>
<td>ALAMAT</td>
<td>EDIT</td>
<td>HAPUS</td>
</tr>
</thead>
<?php
$namabulan = array("","Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
$sql = mysqli_query($koneksi,"SELECT * FROM anggota");
while($data = mysqli_fetch_array($sql)){
list($thn,$bln,$tgl)=explode('-',$data['tgl_lahir']);
?>
<tbody style="text-align:center;">
<tr>
<td><?php echo $data['nim'];?></td>
<td><?php echo $data['nama'];?></td>
<td><?php echo $tgl.' '.$namabulan[(int)$bln].' '.$thn; ?></td>
<td><?php echo $data['alamat'];?></td>
<td><a href="edit.php?id=<?php echo $data['id']?>&nama=<?php echo $data['nama']?>" class="btn btn-info">Edit</a></td>
<td><a href="proses.php?id=<?php echo $data['id'];?>" class="btn btn-danger" onclick="return confirm('Apakah yakin Data Ingin Di Hapus?');">Hapus</a></td>
</tr>
</tbody>
<?php } ?>
</table>
</div>
</div>
</div>
<script src="aset/js/jquery.js"></script>
<script src="aset/js/bootstrap.min.js"></script>
</body>
</html>
Lumayan Panjang yah scriptnya, tapi semoga aja bisa dipahami untuk pemula yang mau belajar web .. heheh :D
Untuk riviewnya silakan download dibawah ini untuk aplikasinya alias untuk pembelajaran juga ..
Download Script
Sekian Terima Kasih, ditunggu tutorial selanjutnya yah .. hehehe
3 komentar
pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.
Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.
Thz, Eddy - 0823 020 73513
pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.
Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.
Thz, Eddy - 0823 020 73513
pak, saya ingin belajar bagaimana membuat website responsive menggunakan PHP & Postgres.
Bisa buatkan saya tutorial lengkap dasar-lanjut tentang membuat aplikasi CRUD dengan PHP & PostgreSQL. jika tutornya cocok, saya bersedia membelinya.
Thz, Eddy - 0823 020 73513
EmoticonEmoticon