如何设计 HTML 表格为 MySQL 风格

1. 整件事情的流程

我们要实现的目标是设计一个 HTML 表格，使其风格符合 MySQL 数据库的样式。具体的步骤如下：

erDiagram
    CUSTOMER {
        INT id
        VARCHAR name
        VARCHAR email
    }
  1. 创建表格结构
  2. 添加样式
  3. 使用 PHP 连接 MySQL 数据库
  4. 从数据库中获取数据填充表格

2. 每一步需要做什么

步骤一：创建表格结构

<!-- HTML -->
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <!-- 数据行将在步骤四中填充 -->
    </tbody>
</table>

步骤二：添加样式

<!-- CSS -->
<style>
    table {
        border-collapse: collapse;
        width: 100%;
    }
    th, td {
        border: 1px solid black;
        padding: 8px;
        text-align: left;
    }
</style>

步骤三：使用 PHP 连接 MySQL 数据库

<?php
// PHP
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

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

// 检查连接
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
?>

步骤四：从数据库中获取数据填充表格

<?php
// PHP
$sql = "SELECT id, name, email FROM CUSTOMER";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // 输出数据
    while($row = $result->fetch_assoc()) {
        echo "<tr><td>" . $row["id"]. "</td><td>" . $row["name"] . "</td><td>" . $row["email"]. "</td></tr>";
    }
} else {
    echo "0 results";
}
$conn->close();
?>

总结

通过以上步骤，你可以实现设计一个 HTML 表格，使其风格符合 MySQL 数据库的样式。首先创建表格结构，然后添加样式，接着使用 PHP 连接 MySQL 数据库，最后从数据库中获取数据填充表格。希望这篇文章对你有所帮助，祝你学习顺利！