PHP・MySQLでチェックボックスを使用して複数カラムを対象にデータを絞り込む方法

Question

前提

・昨日XAMPPを入れて初めてPHP、SQL、HTMLを触ったプログラミング歴2日の超初心者です。
・ソシャゲのカードをレアリティや属性などからチェックボックで絞り込んで表を表示するサイトがほしくて、以下のようなものをほぼインターネットからのコピペで作りました。(実際はもっとデータ量があり、カラム数ももう少し多いです)

#####1.MySQLのデータベース(テーブル名はcardlistです)

no	reality	character	type1	type2	type3	type4	type5	type6	type7	type8
0001	N	キャラ1	属性4	属性17	属性39	属性62	属性82
0002	R	キャラ1	属性22	属性26	属性36	属性43	属性45	属性73	属性84
0003	SR	キャラ1	属性6	属性24	属性37	属性44	属性47	属性53	属性58
0004	SSR	キャラ1	属性2	属性32	属性42	属性47	属性49	属性79	属性84	属性90
0005	N	キャラ2	属性1	属性17	属性38	属性59	属性69	属性76
0006	R	キャラ2	属性18	属性24	属性35	属性49	属性56	属性74
0007	SR	キャラ2	属性14	属性50	属性51	属性53	属性57	属性63	属性90
0008	SSR	キャラ2	属性1	属性7	属性19	属性66	属性69	属性70	属性75	属性90

こんな感じに属性が各カード最大8個ついていて、個数はカードによって違います。
属性はたくさん種類があり、今後も増えると思います。
キャラも実際にはもっとたくさんいます。
type1～8に区別はないです。(各属性はどのカラムにも入る可能性がある)

#####2.HTML(cardsearch.phpに書いています)

  <form action="cardsearch.php" method="POST">
    <h3>レア</h3>
    <p>
      <label><input type="checkbox" name="reality[]" value="N">N</label>
      <label><input type="checkbox" name="reality[]" value="R">R</label>
      <label><input type="checkbox" name="reality[]" value="SR">SR</label>
      <label><input type="checkbox" name="reality[]" value="SSR">SSR</label>
    </p>
    <h3>キャラ</h3>
    <p>
      <label><input type="checkbox" name="character[]" value="キャラ1">キャラ1</label>
      <label><input type="checkbox" name="character[]" value="キャラ2">キャラ2</label>
      <label><input type="checkbox" name="character[]" value="キャラ3">キャラ3</label>
    </p>
    <h3>属性</h3>
    <p>
      <label><input type="checkbox" name="type[]" value="属性1">属性1</label>
      <label><input type="checkbox" name="type[]" value="属性2">属性2</label>
      <label><input type="checkbox" name="type[]" value="属性3">属性3</label>
　　　　　長いので中略
      <label><input type="checkbox" name="type[]" value="属性88">属性88</label>
      <label><input type="checkbox" name="type[]" value="属性89">属性89</label>
      <label><input type="checkbox" name="type[]" value="属性90">属性90</label>
    </p>
  <p>
    <input type="submit" value="絞り込み"> <input type="reset" value="リセット">
  </p>

属性は多いので最終的には折りたたみとかでいい感じにまとめる予定です。
#####3.PHP(上のHTMLの真下に書いてあります)

<?php
$where="";
//$whereは変数で、中身が空
foreach((array) $_REQUEST['reality'] as $key=>$reality){
//$_REQUEST['reality']がレアで選択したデータ
//$keyと$realityは変数なのは分かるが詳細不明、$_REQUEST['reality']が入っている？$keyと$realityの違いは？
  if($key==0) $where.=" AND (0";
  //レアで選択したデータが0個のとき、「 AND (0」が出力される？
    $where .= " OR `reality`='".$reality."'";
    //不明
    if($key==count($_REQUEST['reality'] ) -1) $where.=")";
    //レアで選択したデータの数を数えている？「)」を出力するのは分かるが、-1が分からない
    //選択が0個なら$where= AND (0)になる？
  }
foreach((array) $_REQUEST['character'] as $key=>$character){
  if($key==0) $where.=" AND (0";
    $where .= " OR `character`='".$character."'";
    if($key==count($_REQUEST['character'] ) -1) $where.=")";
  }
        $sql = "SELECT * FROM cardlist WHERE 1".$where;
        //cardlistを取得、$whereで絞り込み条件の設定が行われている
        //WHERE 1は何も絞り込みがなかったときに全件表示させるためのものらしいので、WHERE 1 AND (0)は絞り込み条件なしということ？
        $stmt = $dbh->query( $sql );
        //$dbhはログイン情報が入っている
        //$dbhでcardlistにアクセス、$sql(SELECT～の実行結果)が$stmtに入る
        echo "<table>\n";
        echo "\t<thead><tr><th>No.</th><th>レア</th><th>キャラ</th><th colspan=8>属性</tr></thead>\n";
        while( $result = $stmt->fetch( PDO::FETCH_ASSOC ) ){
        //ループ処理らしいが詳細不明
          echo "\t<tbody><tr>\n";
          echo "\t\t<td>{$result['no']}</td>\n";
          echo "\t\t<td>{$result['reality']}</td>\n";
          echo "\t\t<td>{$result['character']}</td>\n";
          echo "\t\t<td>{$result['type1']}</td>\n";
          echo "\t\t<td>{$result['type2']}</td>\n";
          echo "\t\t<td>{$result['type3']}</td>\n";
          echo "\t\t<td>{$result['type4']}</td>\n";
          echo "\t\t<td>{$result['type5']}</td>\n";
          echo "\t\t<td>{$result['type6']}</td>\n";
          echo "\t\t<td>{$result['type7']}</td>\n";
          echo "\t\t<td>{$result['type8']}</td>\n";
          echo "\t</tr></tbody>\n";
        }
        echo "</table>\n";
        //これで絞り込み結果を表で表示できる
        ?>

属性の絞り込みは未実装です。(これの実装方法が質問です。)
HTMLとPHPは以下のページをコピペして少し変えただけなので仕組みがあまり分かっていません。
phpのチェックボックスによる絞込みについて -PHPとSQLでチェックボッ- PHP | 教えて!goo https://oshiete.goo.ne.jp/qa/7153577.html
コメントで自分の理解を書いてみました。

#####4.CSS
今回の質問には不要だと思うので省略します。
また、装飾関係でやりたいことがあったためjQueryをbodyの一番下に入れています。

###チェックボックスの仕様
同じカラムのチェックボックスを複数つけるとOR検索に、違うカラム同士はAND検索になるようになっています。
何にもチェックを入れないと全てを表示します。
(例)
レアのNとRにチェックを入れて絞り込みを押すと0001、0002、0005、0006が出る
レアのNとR、キャラのキャラ1にチェックを入れて絞り込みを押すと0001、0002が出る

###解決したいこと
属性にチェックを入れて絞り込めるようにしたいです。
属性に複数チェックを入れたときはキャラやレアとは違いAND検索にして、チェックを入れた全ての属性を持つカードを表示したいです。
他のカラム同士とは現在の仕様と同じくAND検索になるようにしたいです。
(例)
属性1にチェックを入れて絞り込みを押すと0005、0008が出る
属性1と属性17にチェックを入れて絞り込みを押すと0005が出る
レアのNと属性1にチェックを入れて絞り込みを押すと0005が出る
レアのRと属性1にチェックを入れて絞り込みを押すと何も出ない

同じ結果が得られればテーブルの構造などが変わっても大丈夫です。
最終的には無料のレンタルサーバーを使って他のプレイヤーに公開したいです。

試したこと

「複数カラム 絞り込み」などのワードで調べましたが思うようなものは見つかりませんでした。

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

どこの何を答えるべきか分からないので省略します。

おそらく初歩的な部分で躓いているのだと思いますが、回答よろしくお願いします。

Answer 1

個人や企業などの著作物を拝借してコンテンツを作ることの法的責任などはこの際置いときます、
専門家じゃないので。

そういうデータ構造で絞り込み表示をしたいってことなんですが、
たまたまそういうふうに見えていたデータ構造なので、
そのままの構造で絞り込み表示を実現するのってたぶん大変です。

type1～8までどこに何が入っているかもわからない、
テーブル構造も示されていないし、インデックスもどこまで仕込まれているかわからないのだけど、
たぶんクエリーは膨大な場合分け分岐の塊になって
スルスルッとは出てこないと思います。

データ・モデルを安定させる | Think IT（シンクイット）

データ構造の最適化、テーブルの正規化などして、
データ構造を抽出しやすく見直しつつ、
表示の仕方を工夫するのをやらないと
時間（や金）があってもとてもやる気にならないなと。

私がやるなら、
キャラだけのリストをテーブル化、
レア度をテーブル化、
それぞれの属性に関する情報をまとめる属性テーブル化を経て、
キャラｘレア度ｘ属性の存在する/しないをつなぐ中間テーブルを設けますかね。
（本当は図に起こして説明したらいいけど、あとで時間が取れたら考えます。）

Comments

[tanakanakanaka]

ありがとうございます。
やはりテーブルから駄目なんですね。
正規化勉強します。

Answer 2

やり方的にはsetやenumが楽ですが、あとから変更するのが面倒です
正規化して属性を管理するか、属性をjson型にするかで対応するとよいでしょう

sample

create table tbl (id int primary key ,
no varchar(10),
reality varchar(10),
`character` varchar(10),
attribe json
);

insert into tbl values
(1,'0001','N','キャラ1','[4,17,39,62,82]'),
(2,'0002','R','キャラ1','[22,26,36,43,45,73,84]'),
(3,'0003','SR','キャラ1','[6,24,37,44,47,53,58]'),
(4,'0004','SSR','キャラ1','[2,32,42,47,49,79,84,90]'),
(5,'0005','N','キャラ2','[1,17,38,59,69,76]'),
(6,'0006','R','キャラ2','[18,24,35,49,56,74]'),
(7,'0007','SR','キャラ2','[14,50,51,53,57,63,90]'),
(8,'0008','SSR','キャラ2','[1,7,19,66,69,70,75,90]');

-- (1)
SELECT * FROM tbl
WHERE reality in('N','R');

-- (2)
SELECT * FROM tbl
WHERE reality in('N','R') and `character` ='キャラ1';

-- (3)
SELECT * FROM tbl
WHERE JSON_CONTAINS(attribe,'1');

-- (4)
SELECT * FROM tbl
WHERE JSON_CONTAINS(attribe,'1') and JSON_CONTAINS(attribe,'17');

-- (5)
SELECT * FROM tbl
WHERE reality='N' and JSON_CONTAINS(attribe,'1');

-- (6)
SELECT * FROM tbl
WHERE reality='R' and JSON_CONTAINS(attribe,'1');

Comments

[tanakanakanaka]

ありがとうございます。
WHEREのカラム名と検索値をチェックボックスの選択結果から取得できれば属性の複数選択での完全一致検索はこれで行けそうですね。
チェックボックスのデータの取得は質問文に記載したPHPのforeachのところを改造すれば可能でしょうか？

foreach((array) $_REQUEST['type'] as $key=>$type){
if($key==0) $where.=" AND (0";
$where .= " AND JSON_CONTAINS(attribe, '".$type."'";
if($key==count($_REQUEST['type'] ) -1) $where.=")";
}

さすがにこんな単純な改造ではないですよね…

[yambejp]

ポイントは属性がAND検索なのに対して、レアやキャラクタがOR検索なところです。
それさえ理解すればあとは処理をあてこむだけです

[yambejp]

こんな感じ

<?PHP
$r=filter_input(INPUT_POST,"reality",FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);
$c=filter_input(INPUT_POST,"character",FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);
$t=filter_input(INPUT_POST,"type",FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);

$sql="SELECT * FROM tbl WHERE 1 ";
$data=[];
if(!is_null($r)){
$sql.="AND reality in(".implode(",",ARRAY_FILL(0,count($r),"?")).") ";
$data=array_merge($data,$r);
}
if(!is_null($c)){
$sql.="AND `character` in(".implode(",",ARRAY_FILL(0,count($c),"?")).") ";
$data=array_merge($data,$c);
}
if(!is_null($t)){
$sql.=str_repeat(" AND JSON_CONTAINS(attribe,?) ",count($t));
$data=array_merge($data,$t);
}
print $sql.";<br>\n";
print_r($data);
?>
<hr>
<form method="POST">
<h3>レア</h3>
<p>
<label><input type="checkbox" name="reality[]" value="N">N</label>
<label><input type="checkbox" name="reality[]" value="R">R</label>
<label><input type="checkbox" name="reality[]" value="SR">SR</label>
<label><input type="checkbox" name="reality[]" value="SSR">SSR</label>
</p>
<h3>キャラ</h3>
<p>
<label><input type="checkbox" name="character[]" value="キャラ1">キャラ1</label>
<label><input type="checkbox" name="character[]" value="キャラ2">キャラ2</label>
<label><input type="checkbox" name="character[]" value="キャラ3">キャラ3</label>
</p>
<h3>属性</h3>
<p>
<label><input type="checkbox" name="type[]" value="1">属性1</label>
<label><input type="checkbox" name="type[]" value="2">属性2</label>
<label><input type="checkbox" name="type[]" value="3">属性3</label>
</p>
<input type="submit" value="send">
</form>

[tanakanakanaka]

コードありがとうございます！
最初の回答でいただいた属性をJSON型にする案を採用し、attribeカラムに「["属性4","属性17","属性39","属性62","属性82"]」という書き方で属性を入れて、コードは自分が質問文に書いた教えてgooからコピペしたコードを以下のように改造することにしました。
foreach((array) $_REQUEST['attribe'] as $key=>$attribe){
$where .= " AND JSON_CONTAINS(attribe,"."'\"".$attribe."\"')";
}
最適解はいただいたコードなのかもしれないですが、これで求めていた動作はしているので自分が構造を理解できていることを優先してこれでいきます。
ありがとうございました！