ขั้นตอนที่ 1 แก้ไขไฟล์ index.php
แก้ไขไฟล์ index.php โดยเพิ่มปุ่มแก้ไขข้อมูลดังนี้
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How to Insert Form Data In Database using PHP</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row mt-5">
<div class="col-sm mx-1 border border-secondary p-2">
<div class="text-primary">
<h3>เพิ่มรายชื่อลูกค้า</h3>
</div>
<form action="insert.php" method="post">
<div class="form-group">
<label>ชื่อ</label>
<input type="text" name="fname" class="form-control">
</div>
<div class="form-group">
<label>นามสกุล</label>
<input type="text" name="lname" class="form-control">
</div>
<div class="form-group">
<label>E-mail</label>
<input type="email" name="email" class="form-control">
</div>
<input type="submit" class="btn btn-primary" name="submit" value="save">
</form>
</div>
<div class="col-sm mx-1 border border-secondary p-4">
<div class="page-header">
<h2>รายชื่อลูกค้าที่มีอยู่ในฐานข้อมูล</h2>
</div>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<!-- <th scope="col">Email</th> -->
<th scope="col">Action</th>
</tr>
</thead>
<tbody>
<?php include 'fetch_data.php'; ?>
<?php if ($result->num_rows > 0): ?>
<?php while($array=mysqli_fetch_row($result)): ?>
<tr>
<th scope="row"><?php echo $array[0];?></th>
<td><?php echo $array[1];?></td>
<td><?php echo $array[2];?></td>
<td>
<a href="<?php echo "view.php?id=".$array[0] ?>" class="btn btn-info">เรียกดู</a>
<a href="<?php echo "update_view.php?id=".$array[0] ?>" class="btn btn-warning">แก้ไข</a>
</td>
</tr>
<?php endwhile; ?>
<?php else: ?>
<tr>
<td colspan="3" rowspan="1" headers="">ไม่พบข้อมูล</td>
</tr>
<?php endif; ?>
<?php mysqli_free_result($result); ?>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html> จะได้หน้าตาเว็บไซต์แบบนี้
ขั้นตอนที่ 2 สร้างไฟล์ใหม่ชื่อ update_view.php
- สร้างไฟล์ใหม่ชื่อ update_view.php แล้วพิมพ์โค้ดดังนี้
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ข้อมูลลูกค้า</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row mt-5 justify-content-center">
<div class="col-6 mx-1 border border-secondary p-2">
<div class="text-primary">
<h3>ข้อมูลลูกค้า</h3>
</div>
<?php include 'fetch_data_by_id.php'; ?>
<form action="update.php" method="post" class="form-group">
<div class="form-group">
<label>ชื่อ</label>
<input type="text" name="fname" class="form-control" value="<?php echo $row['fname'] ?>">
</div>
<div class="form-group">
<label>นามสกุล</label>
<input type="text" name="lname" class="form-control" value="<?php echo $row['lname'] ?>">
</div>
<div class="form-group">
<label>E-mail</label>
<input type="email" name="email" class="form-control" value="<?php echo $row['email'] ?>">
</div>
<div class="form-group d-flex">
<a href="index.php" class="btn btn-secondary">ย้อนกลับ</a>
<!-- <a href="update.php" class="btn btn-success ml-auto">บันทึกการเปลี่ยนแปลง</a> -->
<input type="hidden" name="custId" value="<?php echo $row['custId'] ?>">
<input type="submit" class="btn btn-primary ml-auto" name="submit" value="บันทึกการเปลี่ยนแปลง">
</div>
</form>
</div>
</div>
</div>
</body>
</html> เมื่อกดปุ่มแก้ไขที่หน้าแรกจะได้หน้าตาของหน้าเว็บ update_view.php ประมาณนี้
ขั้นตอนที่ 3 สร้างไฟล์ ใหม่ชื่อ update.php
- พิมพ์โค้ดังนี้
<?php
include 'connect_db.php';
$sql = "UPDATE customers SET ";
$sql .= "fname='" . $_POST['fname'] . "', ";
$sql .= "lname='" . $_POST['lname'] . "', ";
$sql .= "email='" . $_POST['email'] . "' ";
$sql .= "WHERE custId='" . $_POST['custId'] . "'";
if (mysqli_query($conn, $sql)) {
header('Location:index.php');
} else {
echo " :: Error updating record: " . $conn->error;
}
mysqli_close($conn);
?> ลองรันโปรแกรมและทดลองแก้ไขข้อมูล จะได้ผลลัพธ์ดังนี้
