如何使用php将mysql数据库中的数据显示到html表中(1)

📌 相关文章

📜 如何使用php将mysql数据库中的数据显示到html表中(1)

📅 最后修改于: 2023-12-03 15:24:00.092000 🧑 作者: Mango

如何使用PHP将MySQL数据库中的数据显示到HTML表中

当我们需要将数据库中的数据呈现在网页上时，可以通过PHP连接MySQL数据库，执行SQL语句，将查询结果存储在数组中，再使用HTML和CSS将结果展示在网页上。本文将介绍如何使用PHP展示MySQL数据库数据。

步骤一：建立数据库连接

首先，我们需要使用PHP的mysqli扩展建立与MySQL数据库的连接，代码如下：

<?php
// 服务器信息
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
echo "连接成功";
?>

替换上述代码中的服务器信息、用户名、密码和数据库名称，执行后若输出"连接成功"则表示与MySQL建立连接成功。

步骤二：查询数据

接下来，我们需要执行SQL语句查询需要展示的数据。例如，我们查询一个名为"employees"的表格中的所有数据，并将结果存储在数组中，如下所示：

<?php
// SQL查询语句
$sql = "SELECT * FROM employees";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // 输出每行数据
    while($row = $result->fetch_assoc()) {
        $array[] = $row;
    }
} else {
    echo "0 结果";
}

// 释放结果集
$result->close();
?>

需要注意的是，我们使用fetch_assoc()方法将每一行的查询结果存储在数组中。

步骤三：展示数据

接下来，我们需要将查询的结果展示在网页中。我们可以使用HTML和CSS创建表格来呈现数据，如下所示：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>员工信息表</title>
	<style>
		table {
			border-collapse: collapse;
			width: 100%;
			height: 100%;
			text-align: center;
			table-layout: fixed;
			border: 1px solid #ddd;
		}
		th, td {
			padding: 10px;
			border: 1px solid #ddd;
			font-size: 14px;
			font-weight: 400;
		}
	</style>
</head>
<body>
	
	<table>
		<thead>
			<tr>
				<th>员工编号</th>
				<th>姓名</th>
				<th>性别</th>
				<th>电话</th>
				<th>邮箱</th>
			</tr>
		</thead>
		<tbody>
			<?php
				foreach ($array as $row) {
					echo "<tr>";
					echo "<td>" . $row['emp_no'] . "</td>";
					echo "<td>" . $row['first_name'] . ' ' . $row['last_name'] . "</td>";
					echo "<td>" . $row['gender'] . "</td>";
					echo "<td>" . $row['phone_number'] . "</td>";
					echo "<td>" . $row['email'] . "</td>";
					echo "</tr>";
				}
			?>
		</tbody>
	</table>
	
</body>
</html>

其中，我们使用foreach循环遍历保存查询结果的数组，并使用HTML标签及相应的变量呈现数据。需要注意的是，我们使用了table-layout:fixed属性，以便使表格单元格自适应大小。

完整代码

综合以上三个步骤，我们可以得到完整的PHP查询MySQL数据库并展示数据的代码，如下所示：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>员工信息表</title>
	<style>
		table {
			border-collapse: collapse;
			width: 100%;
			height: 100%;
			text-align: center;
			table-layout: fixed;
			border: 1px solid #ddd;
		}
		th, td {
			padding: 10px;
			border: 1px solid #ddd;
			font-size: 14px;
			font-weight: 400;
		}
	</style>
</head>
<body>
	
	<?php
	// 服务器信息
	$servername = "localhost";
	$username = "username";
	$password = "password";
	$dbname = "myDB";

	// 创建连接
	$conn = new mysqli($servername, $username, $password, $dbname);

	// 检查连接
	if ($conn->connect_error) {
	    die("连接失败: " . $conn->connect_error);
	}
	echo "连接成功";
	
	// SQL查询语句
	$sql = "SELECT * FROM employees";
	$result = $conn->query($sql);

	if ($result->num_rows > 0) {
	    // 输出每行数据
	    while($row = $result->fetch_assoc()) {
	        $array[] = $row;
	    }
	} else {
	    echo "0 结果";
	}

	// 释放结果集
	$result->close();
	?>
	
	<table>
		<thead>
			<tr>
				<th>员工编号</th>
				<th>姓名</th>
				<th>性别</th>
				<th>电话</th>
				<th>邮箱</th>
			</tr>
		</thead>
		<tbody>
			<?php
				foreach ($array as $row) {
					echo "<tr>";
					echo "<td>" . $row['emp_no'] . "</td>";
					echo "<td>" . $row['first_name'] . ' ' . $row['last_name'] . "</td>";
					echo "<td>" . $row['gender'] . "</td>";
					echo "<td>" . $row['phone_number'] . "</td>";
					echo "<td>" . $row['email'] . "</td>";
					echo "</tr>";
				}
			?>
		</tbody>
	</table>
	
</body>
</html>

总结

以上便是使用PHP将MySQL数据库中的数据显示到HTML表中的完整过程。需要注意的是，我们需要确保服务器信息、用户名、密码、数据库名称和SQL查询语句的正确性，以及编写合适的HTML和CSS展示查询结果。