php - 如何使用 bootstrap css 表显示 MySQL 表中的数据?

标签 php html mysql css

我试图做到这一点,以便当单击主页上的按钮时,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>

关于php - 如何使用 bootstrap css 表显示 MySQL 表中的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24855255/

相关文章:

mysql - sql 获取 1 行上每个子组的组内子组的最小值

mysql - 如何激活命名时区

php - PHP 中的计数排序

php - 在 iPhone 中使用多部分表单数据发布图像和其他数据

python - Django 加载静态文件?

mysql - 如何将 MS Access 记录从主表和两个链接表导入 Excel?

php - 将多个上传文件的文件名存储到 MySQL 数据库中

php - 如何为用 PHP 生成的图像设置默认名称 'save image as'?

javascript - 如何将 HTML5 视频元素伪造为错误以测试错误处理

html - 在 Canvas 动画上覆盖网页模板