見出し画像

掲示板の作り方#17 ページメッセージの実装

こんにちは。Suipediaです(∩´∀`)∩。ブヒブヒ。

前回はレスポンスの登録を実装しました。

これで基本的な仕様はほぼほぼ満たせましたね。

あとはもう少し使い勝手のいい掲示板にするための処理がいくつか残っています。そこをやっていきましょう。

今回はページングをやります!

ページングってなんだ?

という方もいるかもしれません。大丈夫です。その辺りの解説も含めて行いますので、ご安心ください。


では、まいりましょう。


今回のゴール

今回はページングの一部であるページメッセージの表示をやります。

15_2ページ目

上図の赤枠の様に、何件中今何件目を表示しているか、という情報を示します。

※今回はメッセージ部分だけで実際の表示件数には触れません!実際の表示件数の制御は次回#18でやりますので、ご心配なく!


ページングとは?

表示件数が多い場合、複数ページに渡って表示するという手法がありますが、このページを分割することをページネーションだとかページングと呼びます。

最近はYahoo!ニュースでも数ページにわたって読ませるものがありますよね。あれもページングです。

ページング自体は [1] [2] [3] みたいなページ送りを表示する部分をメインに差しますが、今回はこのページングの助けとなる現在位置のメッセージを表示するところをやりましょう。


現在ページメッセージのファイルを用意

はい、ここまででページングの実装には

・現在位置を示すメッセージ
・ページングリンク

の2つがあることをお伝えしました。

今回は現在位置を示すテキストの表示を実装します。


トップページのc.phpを開いてください。

01_ソース

#12で実装いただいたこのソースの中にはコメントアウトをしている行が何か所かありますね。これらを解除していくのが今回のミッションです。

まずは7行目のコメントアウトを解除しましょう。

そうすると・・・

02_エラー

エラーメッセージが出てしまいますね。

このファイルを用意しましょう。

03_ファイル追加

partsフォルダを選択した状態で、新しいファイルボタンを押下します。

04_ファイル名入力

ファイル名の入力枠が出てくるので「pagingMessage.php」と入力しましょう。


さて、このファイルはおよそ50行になりますが、今回は一緒にゴリゴリと実装していきます。結構、地味~なプログラミング学習になるのでお勉強と思ってどうぞ。


まずここでやりたいことをザックリとご説明します。



実装内容のおさらい

今回の実装で実現するのはスレッドリストの上部に

1~5/5スレッド中

というような表示を出すことです。これだけ見たらね、

簡単じゃね?

って思うと思うんですよ

ところがどっこい!この表示パターンというのは

ここから先は

11,895字 / 13画像
この記事のみ ¥ 200

この記事が気に入ったらチップで応援してみませんか?