如何让HTML表格内进度条宽度读取MySQL的Percent_Filled字段值？

嘿，我懂你现在的困扰——想把进度条的宽度动态绑定到MySQL返回的Percent_Filled字段值，结果拼接的时候总是碰语法错误对吧？这在PHP字符串拼接里太常见了，多半是引号和连接符没处理好～

先看你原来的代码，进度条宽度是硬写的20%，要改成动态值的话，核心是把固定的百分比替换成数据库字段值，同时保证字符串拼接的语法正确。这里分两种情况给你解决方案：

情况1：数据库里的Percent_Filled是纯数字（比如存的是50，代表50%） #

你需要在字段值后面加上%符号，正确的拼接方式应该是这样：

echo "<tr><td>".$row["Time"]."</td><td>".$row["nodeID"]."</td> <td>".$row["Location"]."</td><td><div class='bg' style='width: ".$row["Percent_Filled"]."%'> </div>".$row["Percent_Filled"]."%</td></tr>";

这里把原来的20%换成了".$row["Percent_Filled"]."%，用字符串连接符.把变量和前后的HTML字符串拼在一起，同时给数字加上了百分比符号。

情况2：数据库里的Percent_Filled已经带%符号（比如存的是"50%"） #

那直接用字段值就行，不需要额外加%：

echo "<tr><td>".$row["Time"]."</td><td>".$row["nodeID"]."</td> <td>".$row["Location"]."</td><td><div class='bg' style='width: ".$row["Percent_Filled"]."'> </div>".$row["Percent_Filled"]."</td></tr>";

更简洁的写法（推荐） #

如果你习惯用双引号包裹整个HTML内容，可以用大括号把变量包起来，这样PHP会自动解析变量，写法更清爽，也不容易出错：

echo "<tr>
        <td>{$row['Time']}</td>
        <td>{$row['nodeID']}</td>
        <td>{$row['Location']}</td>
        <td>
            <div class='bg' style='width: {$row['Percent_Filled']}%'></div>
            {$row['Percent_Filled']}%
        </td>
    </tr>";

这种写法把代码拆成多行，可读性也更好，后续维护起来更方便。

之前出错的原因大概率是你直接把变量写到单引号里了（单引号里的变量不会被PHP解析），或者漏写了字符串连接符.，按照上面的方式改应该就能正常运行啦～

内容的提问来源于stack exchange，提问作者Vinit Singh