实现图书记录的删除功能,首先显示全部图书的资料,通过每一种图书后的“删除
时间: 2024-06-08 18:06:26 浏览: 4
”按钮来实现删除功能。
具体实现步骤如下:
1. 首先需要在数据库中创建一个存储图书信息的表,包含图书名称、作者、出版社、出版日期等属性。
2. 在页面中通过 SQL 语句查询数据库中所有图书的信息,并将其展示在页面上。
3. 在每一条图书记录的末尾添加一个“删除”按钮,点击该按钮后,会弹出提示框确认是否删除该图书记录。
4. 如果用户确认删除,通过 SQL 语句在数据库中删除该图书记录。
5. 删除完成后,重新加载页面,展示更新后的图书信息列表。
代码示例:
HTML 页面:
```
<table>
<tr>
<th>图书名称</th>
<th>作者</th>
<th>出版社</th>
<th>出版日期</th>
<th>操作</th>
</tr>
<?php
// 连接数据库
$conn = mysqli_connect("localhost", "username", "password", "dbname");
// 查询数据库中所有图书信息
$query = "SELECT * FROM books";
$result = mysqli_query($conn, $query);
// 循环输出每一条图书记录
while ($row = mysqli_fetch_assoc($result)) {
echo "<tr>";
echo "<td>".$row["name"]."</td>";
echo "<td>".$row["author"]."</td>";
echo "<td>".$row["publisher"]."</td>";
echo "<td>".$row["publish_date"]."</td>";
echo "<td><button onclick='deleteBook(".$row["id"].")'>删除</button></td>";
echo "</tr>";
}
?>
</table>
<script>
function deleteBook(id) {
// 弹出确认框
if (confirm("确认删除该图书记录?")) {
// 发送删除请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "delete_book.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 删除完成后重新加载页面
window.location.reload();
}
}
xhr.send("id=" + id);
}
}
</script>
```
PHP 后台代码:
```
<?php
// 连接数据库
$conn = mysqli_connect("localhost", "username", "password", "dbname");
// 获取需要删除的图书 id
$id = $_POST["id"];
// 构造删除语句并执行
$query = "DELETE FROM books WHERE id=".$id;
mysqli_query($conn, $query);
?>
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)