ECサイトの一部のシステムの作り方のアドバイスがほしい

Question

今現在私はECサイトの開発の一部を担当しています。その一部がDBに入った画像を（〇〇〇.jpgの形でDBにおいてます）クリックすると画像に紐づけられたデータ（商品詳細情報）を出力するというものであり一つだけでなくほかの画像をクリックしても自動で参照し処理するような機能を作りたいのですが何か例などを挙げていただけると助かります。

画像全体を呼び出すクエリは
SELECT * FROM yuugi WHERE category = 'モンスター' ORDER BY RAND() LIMIT 100;

商品詳細を呼び出すクエリは
SELECT * FROM yuugi;
主キーはcodeです

簡潔に言うと画像をクリックすると自動でデータを参照し内容を表示するというものです

Comments

[takepan1973]

何も難しいところがない機能のように思えるのですが、何が分からないのでしょうか？

Answer 1

〇〇〇.jpgの形でDBにおいてます

これはサーバー上においてあるファイル名ということですね？
紐付けはid(例示で言うとcode?)でやればなんとでもなると思います

Answer 2

小さな機能を一つずつ作ってみてはいかがでしょうか。

画像をボタンとして利用する方法
<input type="image"> …… 画像ボタンを作成する

①商品一覧ページ(products.php)の作成。

画像全体を呼び出すクエリで取得したデータを使って、各商品のボタンを作ります。

// 「ヒーローアライブ」の場合
<form method="post" action="detail.php">
  <input type="hidden" name="code" value="13"> <!-- code の値 -->
  <input type="image" src="alive.jpg"> <!-- gazou の値 -->
</form>

②商品詳細情報ページ(detail.php)の作成。

商品一覧ページの各ボタンをクリックすると、codeの値が送信されてきます。

$_POST['code']

これを使って商品詳細を呼び出すクエリを実行し、取得できたら表示。