2021/12/15 よりサイトリニューアルしました

PHP,MySQLで大喜利サイトを作ってみる⑧過去お題アーカイブ(全期間、月別)ページの実装

アーカイブ

 

前回、回答やアカウントの削除、ユーザーアイコンの追加、変更のページについてまとめました。↓

 

今回は過去のお題の一覧表示(アーカイブ)ページについてまとめたいと思います。

アーカイブの内容については、

①メニュー画面から全期間か月別の過去お題閲覧ページに遷移できるようにしておく。

②遷移したページで、お題のアイコン一覧を最大で4つ程表示させる。つまり、月別では1ページが1月分のお題となる。

③全期間にはページネーションをつけておく。

④お題のアイコンクリックで、お題、結果、回答が閲覧できるようにしておく。

⑤表示された過去回答ページにもページネーションをつけておく。

こんな感じにしたいと思います。

 

 

メニュー表示

月別の自動表示

アーカイブ

メニュー画面のアーカイブ、月別のリンクは自動で表示される仕組みにしています。

サイドナビの記述部分になります。投稿テーブルから”20”で始まる文字列をstampカラムで走査し、該当するレコードを抜き出します。

stampカラムには、月初めのお題にだけ”2022年4月”のように情報を登録しておきます(cmsで)。これで過去お題の月別数が分かるので、あとはリンクを貼るだけです。 

 

 

アーカイブ

全期間

全期間

お題投稿テーブルを全て表示させます(お題のキャプチャをリンクにする)。ページの上限を5としているので、それを超える場合はページネーションで次ページへのリンクが表示されるようにしています。

 

月別

メニュ―画面のリンクから月別の識別となるstampの値をGETで受信し、データベースと照合させて一覧を表示させます。

 

 

アーカイブのお題画像クリック時

過去お題の結果詳細ページへ遷移

過去お題結果詳細

トップページを応用しているだけです。異なるのは回答、いいねの受付を終了、ページネーションの追加、回答削除の操作を制限している所です。

 

次回は固定ページ(サイトの説明、プライバシーポリシーなど)を作成したいと思います。

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です