在mysql中创建数据库test,包含id,username,password字段,要求实现网页展示所有用户信息及删除用户功能
时间: 2024-03-24 19:38:40 浏览: 178
好的,我可以给您提供一个简单的实现思路,具体实现可能需要根据您的具体环境和需求进行调整:
1. 在 MySQL 数据库中创建一个名为 `test` 的数据库,包含一个名为 `users` 的表。该表包含三个字段:`id`(自增主键)、`username` 和 `password`。
2. 在网页中使用 HTML 和 CSS 设计一个展示所有用户信息的表格,并添加一个“删除用户”按钮。
3. 使用 PHP 编写后端代码,将数据库中的用户信息查询出来,并将其填充到网页中的表格中。
4. 在 PHP 中处理“删除用户”按钮的请求。当用户点击该按钮时,PHP 代码会根据该用户的 ID 删除数据库中对应的数据。
下面是一个简单的代码示例,仅供参考:
1. 创建数据库和表
```sql
CREATE DATABASE test;
USE test;
CREATE TABLE users (
id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(30) NOT NULL,
password VARCHAR(30) NOT NULL
);
```
2. HTML 和 CSS 设计
```html
<!DOCTYPE html>
<html>
<head>
<title>User List</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
border-bottom: 1px solid #ddd;
}
tr:hover {
background-color: #f5f5f5;
}
.delete-btn {
background-color: #f44336;
color: white;
border: none;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>Username</th>
<th>Password</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<!-- PHP code to insert user data here -->
</tbody>
</table>
<script>
const deleteButtons = document.querySelectorAll('.delete-btn');
deleteButtons.forEach(button => {
button.addEventListener('click', event => {
const userId = event.target.getAttribute('data-user-id');
fetch(`delete.php?id=${userId}`)
.then(() => {
window.location.reload();
});
});
});
</script>
</body>
</html>
```
3. PHP 查询和删除代码
```php
<?php
// 数据库连接信息,根据您的实际情况修改
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "test";
// 创建数据库连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 检查连接是否成功
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
// 查询所有用户数据
$sql = "SELECT * FROM users";
$result = mysqli_query($conn, $sql);
// 将查询结果填充到 HTML 表格中
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
echo "<tr>";
echo "<td>" . $row["id"] . "</td>";
echo "<td>" . $row["username"] . "</td>";
echo "<td>" . $row["password"] . "</td>";
echo "<td><button class='delete-btn' data-user-id='" . $row["id"] . "'>Delete</button></td>";
echo "</tr>";
}
} else {
echo "0 results";
}
// 处理删除用户的请求
if (isset($_GET["id"])) {
$userId = $_GET["id"];
$sql = "DELETE FROM users WHERE id=$userId";
mysqli_query($conn, $sql);
}
```
阅读全文
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)
![-](https://img-home.csdnimg.cn/images/20241231044937.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.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)