php PDOで取得したデータをhtml内のtableに表示する方法
やりたいこと
- 表示させたデータをテーブルで表示させる。
5.表示させたデータをテーブルで表示させる
まずDBに接続し、実行させるところまでは書いておく。(phpでPDOについての学習メモ1,2より参考にすること)
次に下記のコードを参考にテーブルを作っていく。
・<table>〜</table>
表(テーブル)をつくるタグ
・<tr>〜</tr>
table record
表でつくられる横一列のデータ(行)をまとめ
・<td>〜</td>
table data
セルの要素であり、表の値(データ)を意味する。
・<th>〜</th>
table theme
セルの要素であり、表の見出しを意味する。
注意する点
- htmlのなかにphpのコードを書くときは<?php ?>
で囲むのを忘れないこと。
- DBから表示させたデータはforeachを使いループさせ、全データを表示させるが、このときforeach文はhtmlの上に書かれているDB接続のためのphpコードの中に書かないで、ループさせたいデータを囲っている,<tr>.....</tr>
のすぐ上に書くこと。
またforeach文の閉じタグ"}"を<tr>.....</tr>
の終わりに書くことを忘れないようにする。
見本
<?php ・ ・ DB接続コード(省略) ・ ・ ?> <html> <head> </head> <body> <h1>データ一覧</h1> <table border="1"> <tr> <th>ID</th> <th>NAME</th> <th>EMAIL</th> <th>DELETE</th> <th>FIX</th> </tr> <?php foreach ($stmt as $_POST){ ?> <form action="delete_confirm.php" method="post"> <tr> <td> <?php echo $_POST['id'];?> </td> <td> <?php echo $_POST['name'];?> </td> <td><?php echo $_POST['email'];?> </td> <td> <input type="submit" value="削除" name="delete"> <input type="hidden" name="id" value="<?php echo $_POST['id'];?>"> </form> </td> <form action="edit_confirm.php" method="post"> <td><input type="submit" value="修正" name="fix"> </td> <input type="hidden" name="id" value="<?php echo $_POST['id'];?>"> <input type="hidden" name="name" value="<?php echo $_POST['name'];?>"> <input type="hidden" name="email" value="<?php echo $_POST['email'];?>"> </form> </tr> <?php } ?> </table> </body> </html>