index.htmlでindex.phpの処理をブラウザ表示できない

前提・実現したいこと

MySQLのparticipating_athletesというテーブルから4つのレコードを取得してブラウザで表示したいです。
index.htmlは表示できているのですが、index.phpの内容が反映されません。
初めはmysqlのデータが取得できていないのだと思っていたのですが、どうやらindex.php自体が読み込まれていないようです。
VScodeではindexが付いているファイルは最初に読み込まれると出ていたのですが、なぜか読み込まれていません。

該当のソースコード

index.php

php
1//index.php
2<?php
3//変数の初期化
4$athletes = null;
5$res = null;
6$dbh = null;
7
8$dsn = "mysql:dbname=mydb;host=localhost;charset=utf8mb4";
9$user_name = "root";
10$password = "";
11$driver_options = [
12    PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
13    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
14];
15
16try {
17  //DBへ接続
18  $dbh = new PDO($dsn, $user_name, $password, $driver_options);
19  //SQL作成
20  $participating_athlete = "SELECT * FROM participating_athletes";
21  //SQL実行
22  $athletes = $dbh->query($participating_athlete);
23  var_dump($athletes);
24  //取得したデータを出力
25//   foreach ($athletes as $athlete) {
26//     echo $athlete['id'].'：'.$athlete['name'].'：'.$athlete['race_name'];
27//     echo '<br>';
28//   }                         
29} catch (PDOException $e) {
30  // エラーメッセージを表示させる
31  echo 'データベースにアクセスできません！' . $e->getMessage();
32  // 強制終了
33  die();
34}
35//接続を閉じる
36$dbh = null;
37?>

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>【PHP-DB】DBアクセス・データ参照</title>
  </head>
  <body>
    <h1>【PHP-DB】DBアクセス・データ参照</h1>
    <hr>
    <h2>◆データを参照</h2>
    <table cellspacing="0" cellpadding="5" border="1">
    <tr><th>id</th><th>name</th><th>race_name</th></tr>
    <?php 
    foreach ($athletes as $athlete) {
      print_r("<tr><td>%s</td><td>%s</td><td>%s</td></tr>",
        htmlspecialchars($athlete['id']),
        htmlspecialchars($athlete['name']),
        htmlspecialchars($athlete['race_name'])
      );
    }
    ?>
    </table>
  </body>
</html>

試したこと

➀XAMPPのpasswords.txtの確認し下記になっています。

XAMPP Default Passwords

MySQL (phpMyAdmin):
User: root
Password:
(means no password!)

➁phpMyAdminのSQLで
use mydb;
SELECT * FROM participating_athletes;
でSQLに問題があるか確認。
この時点でMySQLから取得する事に問題ない事はわかりました。

➂var_dumpで
try{
var_dump($athletes);
}
$athletes取得できていないか確認しましたが取得できていない。

➃var_dump($user_name)でブラウザにrootが表示されるか確認しましたができませんでした。

➄index.phpが反映されていない事を検索するも同じような内容がヒットしないです、、、
どうかご教示ください。よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

index.phpとindex.htmlの紐付けをしてないからでは？
それに加えて、デフォルトでは.htmlではPHPが動作しませんし混乱の元になるのでどちらかのファイル名を変えることをお勧めします。

投稿2020/02/16 13:33

kyoya0819

総合スコア10429

jiro-

2020/02/16 13:48

ご返信ありがとうございます。基本的な事がわかっておらずすいません。 htmlの方にphpを読み込ませるやり方を調べてみます。ファイル名の変更もします。

kyoya0819

2020/02/16 14:04

どちらにせよ現状のコードで読み込み等の処理を行うメリットはありません。同じファイルに統合されてはいかがでしょうか？

jiro-

2020/02/16 14:07

ありがとうございます。ではhtmlの方の頭にindex.phpの内容を書いてやってみます！

jiro-

2020/02/16 14:47 編集

index.html <?php foreach ($athletes as $athlete) { ?> <p> <?php echo htmlspecialchars($athlete['id']); ?></p> <p> <?php echo htmlspecialchars($athlete['name']); ?></p> <p> <?php echo htmlspecialchars($athlete['race_name']); ?></p> <?php } ?> でブラウザに４つのレコードを表示する事できました。最終修正した内容は ``` <?php //変数の初期化 $athletes = null; $res = null; $dbh = null; $dsn = "mysql:dbname=mydb;host=localhost;charset=utf8mb4"; $user_name = "root"; $password = ""; $driver_options = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, ]; try { //DBへ接続 $dbh = new PDO($dsn, $user_name, $password, $driver_options); //SQL作成 $participating_athlete = "SELECT * FROM participating_athletes"; //SQL実行 $athletes = $dbh->query($participating_athlete); //取得したデータを出力 // foreach ($athletes as $athlete) { // echo $athlete['id'].'：'.$athlete['name'].'：'.$athlete['race_name']; // echo '<br>'; // } } catch (PDOException $e) { // エラーメッセージを表示させる echo 'データベースにアクセスできません！' . $e->getMessage(); // 強制終了 die(); } //接続を閉じる $dbh = null; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>【PHP-DB】DBアクセス・データ参照</title> </head> <body> <h1>【PHP-DB】DBアクセス・データ参照</h1> <hr> <h2>◆データを参照</h2> <table cellspacing="0" cellpadding="5" border="1"> <tr><th>id</th><th>name</th><th>race_name</th></tr> <?php foreach ($athletes as $athlete) { ?> <p> <?php echo htmlspecialchars($athlete['id']); ?></p> <p> <?php echo htmlspecialchars($athlete['name']); ?></p> <p> <?php echo htmlspecialchars($athlete['race_name']); ?></p> <?php } ?> </table> </body> </html> ``` 色々勉強になりました！ありがとうございました！

行動規範の内容に同意します