タグ検索が出来るようになりました

タグ：技術サイト改修ブログサイト作成

昨晩から完全に飾りと化していたタグがやっと機能するようになりました
作ってから思ったのがカテゴリでは？という疑問です。

とはいえ、ゆくゆくは必要な機能となるのでこの段階で実装しておいてバチは当たらないかなと思ってます。

出来ること

タグが一致する記事のみ表示する事ができます。(画像は「技術」で絞り込んだ場合)

実装手順

0.TOXI法でのテーブル作成

当サイトは何故かテーブル作成を先にやってソート機能を実装してなかったので、
以前にテーブル作成自体の説明は以下にて紹介しています。

記事一覧ページにタグを表示だけ

2017/03/24 公開

参考にしたサイト：

CakePHPとMySQLで作るタグ機能 ①テーブル設計

1.記事一覧ページにタグIDを受け渡す

今回の例ではURLパラメータとしてリンクの後ろに付与する形にします。
もっとスマートなやり方はあると思いますが、何らかの形で記事一覧ページにタグIDをパラメータとして渡せればOKです。

タグのテンプレートhtml


<span class="info_tag">
	<a href="./info_list.php?tag_id={tag_id}">
		{tag_name}<!--タグの表示名-->
	</a>
</span>

これをphpで各記事毎に表示すれば、タグ部分をタップ(orクリック)した時にタグIDが受け渡された記事一覧ページに遷移します。

2.記事一覧ページのSQL文を出し分ける

記事一覧ページはSQLでどの記事を表示するか条件分岐しているかと思います。
タグIDを取得・処理した後のSQL文を解説します。

作る人によってカラム名やテーブル名など変わるかと思うので、上記の図に則って【】にしておきました。
【T:】がテーブル名で【C:】がカラム名です。適宜書き換えて頂ければと思います。

//IDが$tag_idのタグが付いている記事のみ取得するSQLを$sqlに入れる部分

//1.記事マスタの内一覧表示に必要なデータを記載
$sql = "SELECT mst.【C:取得したいカラム名】,…… ";

//2.記事マスタに記事タグデータを外部結合する
$sql = $sql . "FROM 【T:記事マスタ】 mst LEFT JOIN 【T:記事タグデータ】 map ON mst.id = map.【C:記事ID】 ";

//3.さらにタグマスタも外部結合する
$sql = $sql . "LEFT JOIN 【T:タグマスタ】 tag ON map.【C:タグID】 = tag.id ";

//4.タグマスタのタグIDと$tag_idが同じ物のみ取り出す
$sql = $sql . "WHERE tag.id = " . $tag_id . " ";

//5.記事IDの大きい順に並び替える(必要なら)
$sql = $sql . "ORDER BY mst.id DESC";

なお、記事IDが取得できなかった時の処理も追加しておくと吉です。
当サイトでは、タグIDを取得できなかった時は単純な記事IDが大きい順にしてます。

バックエンドは大体苦手意識があるんですが、SQL文は特に強い苦手意識があります。
なので、SQL文をスラスラ書き上げられる人って頭の構造違うなぁと思います。

ただ、苦手苦手で逃げられる分野でも無さそうなので、ちゃんとコメントしてみました。
参考にしたサイト様では解説は省かれておりました。。。やはり簡単なのかもしれませんね。