Php 如何使用引导css表显示MySQL表中的数据？

我试图这样做，当在我的主页上单击一个按钮时，一个php脚本将执行操作并从SQL表中获取信息，并将其显示在HTML/CSS表中

这是我主页的代码-

<form id="myForm" action="select.php" method="post">
<button type="submit" class="btn btn-info" >
<span class="glyphicon glyphicon-tint"></span>  View
</button>
<br /> <span class="badge alert-info"> Find out what is currently in the database. </span><br />
</form>
<br />
<br />  

下面是我当前在select.php中的内容-

<?php
/*** mysql hostname ***/
$hostname = '192.xx.xxx.xx';

/*** mysql username ***/
$username = 'Mitchyl';

/*** mysql password ***/
$password = 'root1323';

/*** database name ***/
$dbname = 'test';

try {
      $dbh = new PDO("mysql:host=$hostname;dbname=$dbname", $username, $password);
    /*** The SQL SELECT statement ***/
    $sql = "SELECT * FROM increment";

}
catch(PDOException $e)
    {
    echo $e->getMessage();
    }
?>

我只是不知道如何从SQL查询中获取数据并将其放入HTML表中

任何建议都很好！ 谢谢

试试这个

<?php
  $hostname = '192.xx.xxx.xx';
  $username = 'Mitchyl';
  $password = 'root1323';
  $dbname = 'test';

  try {
    $dbh = new PDO("mysql:host=$hostname;dbname=$dbname", $username, $password);

    $sql = $dbh->prepare("SELECT * FROM increment");

    if($sql->execute()) {
       $sql->setFetchMode(PDO::FETCH_ASSOC);
    }
  }
  catch(Exception $error) {
      echo '<p>', $error->getMessage(), '</p>';
  }

?>

  <div id="content">

    <table>
      <?php while($row = $sql->fetch()) { ?>
      <tr>
        <td><?php echo $row['column1_name']; ?></td>
        <td><?php echo $row['column2_name']; ?></td>
        <td><?php echo $row['column3_name']; ?></td>

        ...etc...

      </tr>
      <?php } ?>
    </table>

   </div>

---

假设您的sql返回一个名为$data的数组，其格式类似于$data=[['name'=>'name1']、['name'=>'name2']、…]

现在，您已经检查了数据是否为空，然后使用foreach显示结果

<?php if(empty($data)): ?>
    <h1>No results were found!</h1>
<?php else: ?>
    <h1><?= count($data) ?> results were found!</h1>
    <table class="table">
        <thead>
            <th>#</th>
            <th>Name</th>
        </thead>
        <tbody>
        <?php foreach ($data as $key => $value): ?>
            <tr>
                <td><?= ++$key ?></td>
                <td><?= $value['name'] ?></td>
            </tr>
        <?php endforeach; ?>
        </tbody>
    </table>
<?php endif; ?>

---

当然，除了bootstrap使用的默认类之外，您可以将任何喜欢的类添加到表中

嗨，我试过这个，用它来让它看起来更好一点，它看起来像这样-你知道一种格式化它的方法吗？只是CSS，例如表格{背景：eee；边框：1px solid 666；}td{字体大小：12px；颜色：666；}我仍然有这个奇怪的问题，它看起来总是像垃圾。使用CSS和格式不会改变任何东西。嗯。你使用内联样式还是调用外部CSS文档？啊，我对这个基本上是新手，所以如果我不能很好地解释的话，请原谅我。我想我在用InLine。我刚刚发现，它正在为表中的每个条目创建一个新表。我设置了边界和所有东西，但我不知道如何制作，这样它就不会占据整个页面。当然，事实上，它正在为数据库中的每个条目创建一个新表……我如何确保返回标记为$data？谢谢你的回复，我可能已经开始理解这个概念了，哈哈。

<?php if(empty($data)): ?>
    <h1>No results were found!</h1>
<?php else: ?>
    <h1><?= count($data) ?> results were found!</h1>
    <table class="table">
        <thead>
            <th>#</th>
            <th>Name</th>
        </thead>
        <tbody>
        <?php foreach ($data as $key => $value): ?>
            <tr>
                <td><?= ++$key ?></td>
                <td><?= $value['name'] ?></td>
            </tr>
        <?php endforeach; ?>
        </tbody>
    </table>
<?php endif; ?>