如何创建展示MySQL字段与服务器文件的HTML表格？代码修复求助

我来帮你搞定这个表格的变形问题，你的代码里有几个核心错误导致布局混乱，咱们一步步修正：

原代码的主要问题 #

• 只获取了一行数据：你只执行了一次mysqli_fetch_array，没有遍历所有查询结果，所以只会显示第一条数据
• 表格结构完全错误：你在每个字段都新建了<tr>（表格行），还错误嵌套了<td>，导致表格彻底变形
• 数组逻辑混乱：array_merge的用法不对，循环里错误地从$arr取字段值，而不是当前循环的行数据
• 字段重复输出：代码里重复输出了compatiblevalue，应该是对应的type字段

修复后的完整代码 #

<?php 
// 展示文件列表
$getgus = "SELECT name,description,price,platform,compatible_devices,type,date,downloads,filename FROM software ORDER BY downloads desc";
$result = mysqli_query($conn,$getgus) or die("SELECT Error: ".mysqli_error());
?>
<style>
    /* 用CSS代替过时的font标签，更易维护 */
    .software-table {
        border-collapse: collapse;
        width: 100%;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }
    .software-table th, .software-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    .software-table th {
        background-color: #f2f2f2;
        font-weight: bold;
    }
    .download-link {
        text-align: center;
    }
</style>
<table class="software-table">
    <!-- 表头行 -->
    <tr>
        <th>Name</th>
        <th>Description</th>
        <th>Price</th>
        <th>Platform</th>
        <th>Compatible Devices</th>
        <th>Type</th>
        <th>Date Uploaded</th>
        <th>Downloads</th>
        <th>Download Link</th>
    </tr>
    <?php
    // 循环遍历所有查询结果
    while ($row = mysqli_fetch_assoc($result)) {
        // 从当前行获取字段值，用htmlspecialchars防止XSS和字符错乱
        $namevalue = htmlspecialchars($row['name']);
        $descriptionvalue = htmlspecialchars($row['description']);
        $pricevalue = htmlspecialchars($row['price']);
        $platformvalue = htmlspecialchars($row['platform']);
        $compatiblevalue = htmlspecialchars($row['compatible_devices']);
        $genrevalue = htmlspecialchars($row['type']);
        $datevalue = htmlspecialchars($row['date']);
        $downloadsvalue = htmlspecialchars($row['downloads']);
        $filenamevalue = htmlspecialchars($row['filename']);
        $files_show = "uploads/" . $filenamevalue;
    ?>
    <!-- 数据行 -->
    <tr>
        <td><?php echo $namevalue; ?></td>
        <td><?php echo $descriptionvalue; ?></td>
        <td><?php echo $pricevalue; ?></td>
        <td><?php echo $platformvalue; ?></td>
        <td><?php echo $compatiblevalue; ?></td>
        <td><?php echo $genrevalue; ?></td>
        <td><?php echo $datevalue; ?></td>
        <td><?php echo $downloadsvalue; ?></td>
        <td class="download-link"><a href="<?php echo $files_show; ?>">Download</a></td>
    </tr>
    <?php } ?>
</table>
<?php mysqli_free_result($result); ?>

关键修复说明 #

1. 遍历所有数据：用while ($row = mysqli_fetch_assoc($result))循环，确保所有查询到的软件数据都能展示
2. 规范表格结构：表头单独一行，每个数据行对应一个<tr>，每个字段对应一个<td>，彻底修复布局混乱
3. 替换过时标签：用CSS样式代替<font>标签，不仅更符合现代Web标准，也更容易统一调整样式
4. 安全处理输出：用htmlspecialchars()转义字段值，防止XSS攻击和特殊字符导致的页面错乱
5. 修复下载链接：正确从当前行获取文件名，拼接成正确的下载路径
6. 清理资源：最后调用mysqli_free_result()释放查询资源，优化性能

内容的提问来源于stack exchange，提问作者Im new at this