コース: PHP+MySQL 入門
本日登録してエキスパートが指導する22,600件以上のコースにアクセスしましょう。また、このコースを個別に購入することもできます。
ページングの処理3
続いてページングの処理の三つ目としまして ここまでに作ったスクリプトを いよいよ仕上げていきたいと思います このレッスンは一つ前のレッスン及び もう一つ前のレッスンの続きとなりますので 三つ続けてご覧ください 素材ファイルの方も ご説明していきましょう 今回は前回作ったこちらのスクリプトを そのままコピーして Lesson 02-08 としました そしてデータベースの方は こちらですね Item table の方に 16 件の データが入ってるという状態です Item log と genre master というテーブルもあります それぞれ素材群はこちら 素材ファイルの中に エクスポートファイルも含まれていますので こちらを利用していただくと 良いでしょう では製作を続けていきます ここで URL をこのように 加工する事で次のページへ 前のページへという事で 3 ページ目 2 ページ目等と ページングができる事が わかってきました しかし URL をこのように手で 書き換えているのでは使い勝手が良いとは 言えませんので リンク等を準備して 次のページ 前のページへ行きやすく してあげると 良いでしょう ではまず html を加工していきます ここでは Lesson 02-08 の index.php を編集して こちらに table のタグがここに 書かれていますけれども その table のタグのすぐ後の部分 div この div はこちら「content」 という ID が振られている div ですが この中に記述していきましょう ここでは「p」としまして 「style」で「margin」の 「top」を 10 ピクセルぐらいとります そして「text align」を 「center」として ここに 「前のページへ」それから「次のページへ」 っていうかたちでリンクを貼る事にします 画面の方を確認してみましょう MAMP でこのようにウェブサーバー等が 起動している事を確認したら 今回はこちら Lesson 02-08 の 「/」という URL になります するとこのようにページングの html が まずは出来上がりました ではここにリンクを貼ってみましょう まずは次のページへ行くための リンクを貼ります ここではこちらにリンクを貼っていきます…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。