ホームページ > バックエンド開発 > PHPチュートリアル > MySQL データベースのテーブル データを HTML テーブルとして表示するにはどうすればよいですか?

MySQL データベースのテーブル データを HTML テーブルとして表示するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-15 15:29:21
オリジナル
385 人が閲覧しました

How can I display MySQL database table data as an HTML table?

HTML テーブルでの MySQL データベース テーブルの値の表示

このクエリは、MySQL データベース テーブルからデータを取得し、HTML として表示することを目的としています。ウェブページ上のテーブル。提供されたデータベースには、submission_id、formID、IP、名前、電子メール、メッセージなどのフィールドを含む ticket という名前のテーブルがあります。このクエリは、このデータを取得して表示する方法を示しています。

これを実現するために、コードは、データの取得とその後のテーブルのレンダリングという 2 段階のアプローチを採用しています。

データの取得

$con = mysqli_connect("localhost","peter","abc123","my_db");
$result = mysqli_query($con,"SELECT * FROM tickets");
$data = $result->fetch_all(MYSQLI_ASSOC);
ログイン後にコピー

このセクションでは、MySQL 接続を初期化し、クエリを発行して、チケットテーブル。クエリ結果は $result 変数に保存されます。次に、 fetch_all() メソッドが呼び出され、すべてのクエリ行が $data 変数内の配列として取得されます。この配列は、フィールド名を対応する値に関連付けます。

テーブルのレンダリング

<table border="1">
  <tr>
    <th>Submission ID</th>
    <th>Form ID</th>
    <th>IP</th>
    <th>Name</th>
    <th>E-mail</th>
    <th>Message</th>
  </tr>
  <?php foreach($data as $row): ?>
  <tr>
    <td><?= htmlspecialchars($row['submission_id']) ?></td>
    <td><?= htmlspecialchars($row['formID']) ?></td>
    <td><?= htmlspecialchars($row['IP']) ?></td>
    <td><?= htmlspecialchars($row['name']) ?></td>
    <td><?= htmlspecialchars($row['email']) ?></td>
    <td><?= htmlspecialchars($row['message']) ?></td>
  </tr>
  <?php endforeach ?>
</table>
ログイン後にコピー

このセクションでは、フィールド名に対応する列を含む HTML テーブルをレンダリングします。 foreach ループを使用して、$data 配列内の各行を反復処理します。行ごとにテーブル行が作成され、各セルに対応するフィールド値が設定されます。 htmlspecialchars() 関数は、データ内の特殊文字をエンコードすることによってクロスサイト スクリプティング攻撃を防止するために使用されます。

データの取得とテーブルのレンダリングを組み合わせることで、このコードを使用すると、MySQL データベース テーブルの値をデータ内で取得して表示できます。 Web ページ上の HTML テーブル

以上がMySQL データベースのテーブル データを HTML テーブルとして表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート