CARA MEMBUAT TAMPIL, EDIT, UPDATE, HAPUS DATA PADA PEMOGRAMAN PHP
Asslamulaikum wr.wb
Selamat sore sahabat blogger, kali ini Belajar Di Perantauan akan membahas tentang bagaimana cara menampilkan data dari database, edit, update, dan hapus data pakai PHP.
Kemarin kita sudah membahas tentang bagaimana cara insert data menggunakan php, ok langsung aja ya udah kagak sabar ni hehe. Untuk melihat hasil data-data yang telah di masukkan ke database, maka kita perlu menampilkan ke browser. Sintaks query dasarnya :
SELECT * FROM NAMA_TABLE;
Untuk mempraktekkannya, cobalah tuliskan script berikut :
Skript tampil_tamu_user.php :
<!DOCTYPE html>
<html>
<head>
<title>Teknik Input Data</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/icon.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="margin-top: 50px;">
<div class="panel panel-primary">
<div class="panel-heading">DATA TAMU <span style="float: right;"><u>Belajar di Perantauan</u></span></div>
<div class="panel-body">
<table class="table table-striped">
<tr>
<th>Nama</th>
<th>Email</th>
<th>Pesan</th>
</tr>
<?php
$konek= mysqli_connect("localhost","root","","latihan");
// query menampilkan data
$sql = "select * from tamu order by id_tamu desc ";
$query = mysqli_query($konek,$sql);
// tampilkan nama,email ,pesan di browser
while ( $data=mysqli_fetch_array($query))
{
?>
<tr>
<th><?php echo $data['nama']?></th>
<th><?php echo $data['email']?></th>
<th><?php echo $data['pesan']?></th>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
<div class="col-md-3">
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Teknik Input Data</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/icon.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="margin-top: 50px;">
<div class="panel panel-primary">
<div class="panel-heading">DATA TAMU <span style="float: right;"><u>Belajar di Perantauan</u></span></div>
<div class="panel-body">
<table class="table table-striped">
<tr>
<th>Nama</th>
<th>Email</th>
<th>Pesan</th>
</tr>
<?php
$konek= mysqli_connect("localhost","root","","latihan");
// query menampilkan data
$sql = "select * from tamu order by id_tamu desc ";
$query = mysqli_query($konek,$sql);
// tampilkan nama,email ,pesan di browser
while ( $data=mysqli_fetch_array($query))
{
?>
<tr>
<th><?php echo $data['nama']?></th>
<th><?php echo $data['email']?></th>
<th><?php echo $data['pesan']?></th>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
<div class="col-md-3">
</div>
</div>
</div>
</body>
</html>
Keterangan script :
- � Mysqli_num_rows(query);
Untuk menghitung total baris data. Hasilnya dalam bentuk angka.
- � <a href=�edit_tamu.php?=id<?php echo $data[�id_tamu�]?�>Edit</a>
Untuk membuat link pada teks edit dengan tujuan file edit_tamu_admin.php dan pada link tersebut di beri variable id yang berisi nilai yang diambilkan dari id_tamu.
Hal yang sama kita terapkan pada link hapus.
Sekarang coba jalankan script tampil_tamu_admin.php, maka hasilnya akan seperti ini
Cobalah arahkan kursor mouse ke link edit, lalu lihat pada status bar pada browser, maka disana terlihat file tujuan yaitu edit_tamu.php dengan id sesuai dengan id_tamu.dalam contoh ini id=3.
Dan id_tamu atau id tersebut tentunya berbeda dengan data-data lainya. Hal ini bisa anda coba dengan mengarahkan kursor mouse pada link Edit atau Hapus untuk data lainya, lalu perhatikan perubahan nilaiid-nya di atas status bar browser.
� Edit danUpdate Data
Edit data adalah proses untuk mengubah data yang ada dalam tabel. Ada dua tahap dalam melakukan proses edit data, pertama dapatkan id(PRIMARY) dari data yang akan di edit, sintak query-nya:
SELECT * FROM nama_tabel WHERE $field_kunci= �$id�;
Setelah mendapat id yang akan di edit, tampilkan data-datayang akan di edit dalam bentuk form. Kemudian proses data-data tersebut untuk di ubah ( Update ) menggunakan query berikut:
UPDATE nama_tabel SET nama_field=�$data1�,�$data2�,�....�
WHERE field_kunci=�$id�;
Untuk mempraktekkannya coba script berikut :
Script edit_tamu.php :
<!DOCTYPE html>
<html>
<head>
<title>Teknik Input Data</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/icon.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="margin-top: 50px;">
<div class="panel panel-primary">
<div class="panel-heading">Form Buku Tamu <span style="float: right;"><u>Belajar di Perantauan</u></span></div>
<div class="panel-body">
<?php
$konek= mysqli_connect("localhost","root","","latihan");
//ambil id dari hasil klik link tadi
$id= $_GET['id'];
$edit= " SELECT * FROM tamu WHERE id_tamu='$id'";
$query= mysqli_query($konek,$edit);
$data= mysqli_fetch_array($query);
?>
<form method="GET" action="update_tamu.php">
<input type="hidden" name="id" value="<?php echo $data['id_tamu']?>" />
<div class="form-group">
<label>Nama :</label>
<input type="text" name="nama" class="form-control" placeholder="Nama" value="<?php echo $data['nama']?>">
</div>
<div class="form-group">
<label>Email :</label>
<input type="text" name="email" class="form-control" placeholder="Email" value="<?php echo $data['email']?>">
</div>
<div class="form-group">
<label>Pesan :</label>
<textarea name="pesan" class="form-control" rows="5">
<?php echo $data['pesan']?>
</textarea>
</div>
<button class="btn btn-primary" style="float: right;"><a href=""><font color="white">EDIT</font></a></button>
</form>
</div>
</div>
</div>
<div class="col-md-3">
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Teknik Input Data</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/icon.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="margin-top: 50px;">
<div class="panel panel-primary">
<div class="panel-heading">Form Buku Tamu <span style="float: right;"><u>Belajar di Perantauan</u></span></div>
<div class="panel-body">
<?php
$konek= mysqli_connect("localhost","root","","latihan");
//ambil id dari hasil klik link tadi
$id= $_GET['id'];
$edit= " SELECT * FROM tamu WHERE id_tamu='$id'";
$query= mysqli_query($konek,$edit);
$data= mysqli_fetch_array($query);
?>
<form method="GET" action="update_tamu.php">
<input type="hidden" name="id" value="<?php echo $data['id_tamu']?>" />
<div class="form-group">
<label>Nama :</label>
<input type="text" name="nama" class="form-control" placeholder="Nama" value="<?php echo $data['nama']?>">
</div>
<div class="form-group">
<label>Email :</label>
<input type="text" name="email" class="form-control" placeholder="Email" value="<?php echo $data['email']?>">
</div>
<div class="form-group">
<label>Pesan :</label>
<textarea name="pesan" class="form-control" rows="5">
<?php echo $data['pesan']?>
</textarea>
</div>
<button class="btn btn-primary" style="float: right;"><a href=""><font color="white">EDIT</font></a></button>
</form>
</div>
</div>
</div>
<div class="col-md-3">
</div>
</div>
</div>
</body>
</html>
Script update_tamu.php :
<?php
//koneksi database
$konek= mysqli_connect("localhost","root","","latihan");
// ambil variable yang di kirim ke form
$id= $_GET['id'];
$nama = $_GET['nama'];
$email = $_GET['email'];
$pesan = $_GET['pesan'];
$ins = "UPDATE tamu set nama='$nama',email='$email',pesan='$pesan' where id_tamu='$id'";
$data = mysqli_query($konek,$ins);
// apabila query untuk menginput data benar
if ($data) {
//lakukan redirect
header("location:tampil_tamu_admin.php");
} else {
echo "Update Data Tamu Gagal";
}
?>
//koneksi database
$konek= mysqli_connect("localhost","root","","latihan");
// ambil variable yang di kirim ke form
$id= $_GET['id'];
$nama = $_GET['nama'];
$email = $_GET['email'];
$pesan = $_GET['pesan'];
$ins = "UPDATE tamu set nama='$nama',email='$email',pesan='$pesan' where id_tamu='$id'";
$data = mysqli_query($konek,$ins);
// apabila query untuk menginput data benar
if ($data) {
//lakukan redirect
header("location:tampil_tamu_admin.php");
} else {
echo "Update Data Tamu Gagal";
}
?>
Jalankan dulu script tampi_tamu_admin.php, lalu klik salah satu data misalnya Rio, maka akan tampil halaman Form edit_tamu.php, silahkan edit datanya, contoh seperti gambar ini.
Kemudian klik tombol edit, maka data-data yang di edit akan di kirim ke script update_tamu.php untuk di proses.Apabila data berhasil di edit, maka secara otomatis akan di alihkan ke data tamu, dimana hasil pengeditan tersebut akan langsung terlihat.
� Menghapus data
Menghappus data adalah proses untuk menghapus data yang ada di dalam tabel. Adapun sintak query-nya:
DELETE FROM nama_tabel WHERE field_kunci=�$id�;
Script hapus_tamu.php :
Pertama jalankan dulu script tampil_tamu_admin.php,maka akan tampil daftar tamu, kemudian coba klik link hapus salah satu datanya , misalnya Rio Andi Saputra.
Maka script hapus_tamu.php aka memproses data yang akan di hapus. Apabila proses berhasil , maka secara otomatis data sudah tidak ada lagi.
Na bagaimana teman-teman blogger udah paham kan , semoga bermamfaat ya , silahkan di share !!!
0 Response to "CARA MEMBUAT TAMPIL, EDIT, UPDATE, HAPUS DATA PADA PEMOGRAMAN PHP"
Post a Comment