PHP是一种广泛使用的开源脚本语言,尤其适用于Web开发。它可以嵌入HTML中,用于创建动态网页内容。在Web开发中,PHP经常用于处理服务器端的逻辑,包括与数据库的交互、用户输入的处理等。
假设我们有一个简单的数据库表users,包含以下字段:id, name, email。我们将使用PHP从数据库中读取这些数据,并显示在一个HTML表格中,同时允许用户修改数据。
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
?><?php
include 'db.php';
// 查询数据
$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户数据</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<h2>用户数据</h2>
<table>
<tr>
<th>ID</th>
<th>姓名</th>
<th>邮箱</th>
<th>操作</th>
</tr>
<?php
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<tr>";
echo "<td>" . $row["id"] . "</td>";
echo "<td><input type='text' name='name[]' value='" . $row["name"] . "'></td>";
echo "<td><input type='text' name='email[]' value='" . $row["email"] . "'></td>";
echo "<td><button onclick='deleteRow(this)'>删除</button></td>";
echo "</tr>";
}
}
?>
</table>
<button onclick='addRow()'>添加行</button>
<button onclick='saveChanges()'>保存更改</button>
<script>
function addRow() {
var table = document.querySelector("table");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
cell1.innerHTML = "";
cell2.innerHTML = "<input type='text' name='name[]'>";
cell3.innerHTML = "<input type='text' name='email[]'>";
cell4.innerHTML = "<button onclick='deleteRow(this)'>删除</button>";
}
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
}
function saveChanges() {
var name = document.getElementsByName('name[]');
var email = document.getElementsByName('email[]');
var data = [];
for (var i = 0; i < name.length; i++) {
data.push({id: i, name: name[i].value, email: email[i].value});
}
console.log(data);
// 这里可以发送数据到服务器进行保存
}
</script>
</body>
</html>
<?php
$conn->close();
?>通过以上示例代码和解决方法,您可以实现一个简单的PHP读取数据到表格并进行修改的功能。
没有搜到相关的沙龙