Question

我正在尝试将我的mysql行显示为html bootstrap表。数据库连接正在运行，显示数据正在运行，但它并不像我想要的那样花哨。我想也许可以保存在arrayData中然后在html标签中打印这个arrayData。请任何建议非常感谢。我想这样做最简单，最方便以后编辑。 php代码显示数据：

    if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " " . $row["lastName"]. "<br>"; /* and so on..*/
    }
} else {
    echo "0 results";
}

这是我用于bootstrap的html代码

    <table class="table table-striped">                     
<div class="table responsive">

  <thead>
    <tr>
      <th>#</th>
      <th>Name</th>
      <th>Last Name</th>
      <th>Number</th>
       <th>Info</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>ales</td>
      <td>king</td>
      <td></td>
        <td></td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>love</td>
      <td>2</td>
      <td>code</td>
        <td></td>
    </tr>

  </tbody>
        </div>
   </table>

编辑：我想要这个，但是从数据库加载而不是手动输入：）！

Answer 1

你可以这样使用php循环

<table class="table table-striped">                     
    <div class="table responsive">
        <thead>
            <tr>
              <th>#</th>
              <th>Name</th>
              <th>Last Name</th>
              <th>Number</th>
               <th>Info</th>
            </tr>
        </thead>
        <tbody>
<?php 

....

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {


        echo '<tr>
                  <td scope="row">' . $row["id"]. '</td>
                  <td>' . $row["name"] .'</td>
                  <td> '.$row["lastName"] .'</td>
                </tr>';





    }
} else {
    echo "0 results";
} 
?>
       </tbody>
    </div>
</table>

Answer 2

我会做这样的事情：（但你应该读一些基本的PHP）

<?php

echo "<table>";

// table header
echo "<tr><th>id</th><th>Name</th><th>Lastname</th></tr>";

// output data of each row
while($row = $result->fetch_assoc()) {

    echo "<tr><td>".$row["id"]."</td><td>".$row["name"]."</td><td>".$row["lastName"]."</td></tr>";
}

// table footer

echo "</table>";

?>

bootstrap显示表中mysql的数据

2 个答案: