Membuat Form Input, Edit, dan
Delete dengan PHP
·
Membuat Database
1.
Pastikan XAMPP
sudah aktif
2.
Buka di browser
> localhost/phpmyadmin
3.
Buatlah database “aji”
4.
Kemudian buat tabel
“user” dengan field = id, nama, alamat, pekerjaan
·
Menampilkan data dari Database
1.
Buatlah script seperti dibawah ini (koneksi.php)
Script ini digunakan sebagai penghubung antara php dengan
database di MySql
<?php
$host = mysql_connect("localhost","root","");
// isikan
dengan nama database yang akan di hubungkan
$db = mysql_select_db("aji");
?>
2.
Buat script
(index.php)
Untuk
Menampilkan data dari database
<!DOCTYPE
html>
<html>
<head>
<title>Membuat Form</title>
<link rel="stylesheet"
type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat Form</h1>
</div>
<br/>
<?php
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan ==
"input"){
echo
"Data berhasil di input.";
}else if($pesan ==
"update"){
echo
"Data berhasil di update.";
}else if($pesan ==
"hapus"){
echo
"Data berhasil di hapus.";
}
}
?>
<br/>
<a class="tombol"
href="input.php">+ Tambah Data Baru</a>
<h3>Data user</h3>
<table border="1"
class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>Opsi</th>
</tr>
<?php
include
"koneksi.php";
$query_mysql =
mysql_query("SELECT * FROM user")or die(mysql_error());
$nomor = 1;
while($data =
mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php
echo $nomor++; ?></td>
<td><?php
echo $data['nama']; ?></td>
<td><?php
echo $data['alamat']; ?></td>
<td><?php
echo $data['pekerjaan']; ?></td>
<td>
<a
class="edit" href="edit.php?id=<?php echo $data['id'];
?>">Edit</a> |
<a
class="hapus" href="hapus.php?id=<?php echo $data['id'];
?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>
3.
Agar tampilan lebih menarik tambahkan script (style.css)
body{
font-family: 'roboto';
color: #000;
}
.judul{
background: #87D1D8;
padding: 10px;
text-align: center;
}
.judul h1,h2,h3{
height: 15px;
}
a{
/*color: #fff;*/
padding: 5px;
text-decoration: none;
}
.table{
border-collapse: collapse;
}
table.table th th , table.table
tr td{
padding: 10px 20px ;
}
·
Membuat Input
1.
Membuat script (input.php)
Untuk membuat form yang nantinya digunakan untuk
menginputkan data
<!DOCTYPE html>
<html>
<head>
<title>Membuat Form</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat Form</h1>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php"
method="post">
<table>
<tr>
<td>Nama</td>
<td><input
type="text" name="nama"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input
type="text" name="alamat"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input
type="text" name="pekerjaan"></td>
</tr>
<tr>
<td></td>
<td><input
type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
2.
Buat script (input-aksi.php)
Script input-aksi.php digunakan untuk menangkap data yang
diinput dan kemudian mengirimkannya ke database untuk disimpan
<?php
include 'koneksi.php';
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pekerjaan =
$_POST['pekerjaan'];
mysql_query("INSERT INTO
user VALUES('','$nama','$alamat','$pekerjaan')");
header("location:index.php?pesan=input");
?>
·
Edit Data
1.
Buat script (edit.php)
Untuk membuat form yang akan digunakan untuk mengedit
data
<!DOCTYPE html>
<html>
<head>
<title>Membuat Form</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat Form</h1>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Edit data</h3>
<?php
include "koneksi.php";
$id = $_GET['id'];
$query_mysql = mysql_query("SELECT * FROM user WHERE
id='$id'")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<form action="update.php"
method="post">
<table>
<tr>
<td>Nama</td>
<td>
<input
type="hidden" name="id" value="<?php echo
$data['id'] ?>">
<input
type="text" name="nama" value="<?php echo
$data['nama'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input
type="text" name="alamat" value="<?php echo
$data['alamat'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input
type="text" name="pekerjaan" value="<?php echo
$data['pekerjaan'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input
type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>
2.
Buat script (update.php)
Untuk memproses data yang diedit
<?php
include 'koneksi.php';
$id = $_POST['id'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pekerjaan =
$_POST['pekerjaan'];
mysql_query("UPDATE user
SET nama='$nama', alamat='$alamat', pekerjaan='$pekerjaan' WHERE
id='$id'");
header("location:index.php?pesan=update");
?>
·
Menghapus Data
Buatlah script untuk menghapus data seperti dibawah ini
(hapus.php)
<?php
include 'koneksi.php';
$id = $_GET['id'];
mysql_query("DELETE FROM
user WHERE id='$id'")or die(mysql_error());
header("location:index.php?pesan=hapus");
?>
.png)
Juli 27, 2017
0 comments
