2列のカードに同じものが出力される

Question

前提・実現したいこと

DBの要素を2列のカードに出力したいです。
料理一覧のようなサイトを開発しています。
bunruiには丼や肉などが入ります。
ryori_idは1から順に入ります。

--ryoriテーブル作成
CREATE TABLE health.ryori
( ryori_id CHAR(4) NOT NULL ,
ryori_name VARCHAR(50) NOT NULL ,
bunrui VARCHAR(50) NOT NULL ,
enbun double(11,1) NOT NULL ,
cal INT NOT NULL ,
PRIMARY KEY (ryori_id)
) ENGINE = InnoDB;
このような構造になっています。

発生している問題・エラーメッセージ

修正版です。
カードが表示されません。{}等見直しましたが、改善されません。

エラーメッセージ


if (isset($_REQUEST['keyword'])) {
        $sql=$pdo->prepare('select * from ryori where ryori_name like ?');
        $sql->execute(['%'.$_REQUEST['keyword'].'%']);
        } else {
        $sql=$pdo->prepare('select * from ryori');
        $sql->execute([]);
        }        
                  
       for ($i = 0; $i < $sql->rowCount(); $i++) {
         $row = $sql->fetchColumn($i);
        if($i % 2 == 0) {
        echo'<div class="card-group">';
          echo'<div class="card">';
                  echo'<img src="',$row['url'],'" alt="" >';
              echo'<div class="card__textbox">';
                echo'<div class="card__titletext">';
                  echo'' ,$row['ryori_name'],'';
                echo'</div>';
                echo'<div class="card__overviewtext">';
                  echo'カロリー：',$row['cal'],'　<br>';
                  echo'塩分：',$row['enbun'],'';
                echo'</div>';
              echo'</div>';
            echo'</div>';
                   } else {
          echo'<div class="card">';
                echo'<img src="',$row['url'],'">';
                echo'<div class="card__textbox">';
                  echo'<div class="card__titletext">';
                    echo'' ,$row['ryori_name'],'';
                  echo'</div>';
                  echo'<div class="card__overviewtext">';
                    echo'カロリー：',$row['cal'],'　<br>';
                  echo'塩分：',$row['enbun'],'';
                  echo'</div>';
                echo'</div>';
              echo'</div>';
        echo'</div>';
    }
  }

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

xamppのローカルで動かしています。
bootstrap4を入れてます。
スマホ環境を想定してます。
chromeにて動作確認してます。

Comments

[m.ts10806]

コードはマークダウンのcodeにてご提示ください。
https://teratail.com/questions/238564

Answer 1

間違えました、、これでどうでしょうか。

for ($i = 0; $i < $sql->rowCount(); $i++) {
    $row = $sql->fetch(PDO::FETCH_ASSOC);
    ...
}

Answer 2

コメントでコードが埋め込めないので修正版です。

for ($i = 0; $i < $sql->rowCount(); $i++) {
    $row = $sql->fetchColumn($i);
    if ($i % 2 == 0) {
        // 左の列を出力
    } else {
        // 右の列を出力
    }
}

Comments

[moai8739]

カードが表示されなくなりました。
コードを質問文のところに上げ直したのご確認いただけますか？

Answer 3

やり方は色々あると思いますが、例えば左の列と右の列を交互に出し分けるとするなら、以下のような書き方ができると思います。

for ($i = 0; $i < count($sql); $i++) {
    $row = $sql[$i];
    if ($i % 2 == 0) {
        // 左の列を出力
    } else {
        // 右の列を出力
    }
}

Comments

[moai8739]

Fatal error: Uncaught TypeError: count(): Argument #1 ($var) must be of type Countable|array, PDOStatement given in C:ファイル:181 Stack trace: #0 {main} thrown in C:ファイル.php on line 181　と出ます。
181行目には頂いたfor ($i = 0; $i < count($sql); $i++)｛が入ってます
177～180行目には } else {
$sql=$pdo->prepare('select * from ryori');
$sql->execute([]);}　が入っています
ここはif文になっており、検索機能が入っています。
173行目if (isset($_REQUEST['keyword'])) {
174行目 $sql=$pdo->prepare('select * from ryori where ryori_name like ?');
175行目 $sql->execute(['%'.$_REQUEST['keyword'].'%']);
POSTされた$keywordをissetで確認して文字列検索をしてます。
issetで$keywordがなかったときは177～180行目が実行された後、
料理のカードが表示されます。
不足している部分があればご指摘いただければと思います。
xamppは最新Verです。

[yh1224]

失礼しました。
$sql は配列でなく PDOStatement だったので、count($sql) は $sql->rowCount() に直して下さい。

[yh1224]

$row = $sql[$i] も、$sql->fetchColumn($i) に直して下さい。

$sql は PDOStatement 型なので、こちらのメソッドが使えます。(これが Traversable なので、foreach でもループできるようになっています。)
https://www.php.net/manual/ja/class.pdostatement.php

[moai8739]

カードは表示されますが、料理名、カロリー、塩分の表示に対して
Undefined variable $row in　　のエラーと　
Trying to access array offset on value of type null in　が出ています。
$rowが定義されていないと思われますが、原因がわかりません。
2つ目のエラーは配列に値がない？　こちらも原因がわかりません。

[yh1224]

エラーメッセージが修正後のコードと照らし合わせてどこで出たかも示して下さい。

[moai8739]

コード
181 for ($i = 0; $sql -> rowcount() ; $i++) {
$sql -> fetchColumn($i);
if($i % 2 == 0) {
echo'<div class="card-group">';
185 echo'<div class="card">';
echo'<img src="',$row['url'],'" alt="" >';
echo'<div class="card__textbox">';
echo'<div class="card__titletext">';
189 echo'' ,$row['ryori_name'],'';
190 echo'</div>';
echo'<div class="card__overviewtext">';
192 echo'カロリー：',$row['cal'],'　<br>';
echo'塩分：',$row['enbun'],'';
echo'</div>';
195 echo'</div>';
echo'</div>';
} else {
echo'<div class="card">';
echo'<img src="',$row['url'],'">';
200 echo'<div class="card__textbox">';
echo'<div class="card__titletext">';
echo'' ,$row['ryori_name'],'';
echo'</div>';
echo'<div class="card__overviewtext">';
205 echo'カロリー：',$row['cal'],'　<br>';
echo'塩分：',$row['enbun'],'';
echo'</div>';
echo'</div>';
echo'</div>';
210 echo'</div>';
}
}

?>

以下、ブラウザのエラー
左の列のエラー
Warning: Undefined variable $row in C:ファイル on line 189

Warning: Trying to access array offset on value of type null in C:ファイル on line 189
カロリー：
Warning: Undefined variable $row in C:ファイル on line 192

Warning: Trying to access array offset on value of type null in C:ファイル on line 192

塩分：
Warning: Undefined variable $row in C:ファイル on line 193

Warning: Trying to access array offset on value of type null in C:ファイル.php on line 193
右の列のエラー
Warning: Undefined variable $row in C:ファイル on line 202

Warning: Trying to access array offset on value of type null in C:ファイル on line 202
カロリー：
Warning: Undefined variable $row in C:ファイル on line 205

Warning: Trying to access array offset on value of type null in C:ファイル on line 205

塩分：
Warning: Undefined variable $row in C:ファイル on line 206

Warning: Trying to access array offset on value of type null in C:ファイル on line 206

左右の列は同じエラーなので右は不要かと思いますが、念の為。
よろしくお願いします。

[yh1224]

Undefined variable $row
変数 $row が定義されていないということは、変数 $row が定義されていないということです。

別の回答で修正版を記述したのでそちらを参照してみてください。