アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » DEVELOPER STAGE » 連載 » CakePHPで高速Webアプリ開発 » 第15回 Paginationで面倒なページ繰り処理とおさらばしよう

CakePHPで高速Webアプリ開発

第15回 Paginationで面倒なページ繰り処理とおさらばしよう

「Paginationのために(CakePHP 1.1から)1.2にアップグレードしたい」と言う人がいるほど,Paginationは便利なものです。今回はPaginationの紹介と,サンプルコードを3つ紹介いたします。

Webアプリに欠かせない「ページ繰り」は自前でやるのは面倒!

ページ繰りとは,「次のページ」や「前のページ」の基本的なリンクから,「1 2 3 4 5 …」といったページ番号でのリンクなどのことです(図1)。

図1 一般的なページ繰り表示

図1 一般的なページ繰り表示

複数のデータを列挙するWebアプリケーションでは,必ずと言っていいほどこのページ繰りが必要になります。

しかし,ページ繰りをすべて自前でやるのは意外に面倒で,加減算や除算を駆使した計算をずらずら書かないといけません。表示のときにも場合わけが必要で,1ページ目なら「前へ」はリンクしませんし,最後のページなら「次へ」はリンクしません。

「次へ」「前へ」だけならまだしも,ページ番号の列挙などになると,計算に加えて「最大で5件表示するけど5件に満たないとき」などの例外への対応も必要になります。さまざまなパターンの動作確認のためのデータの用意も手間ですね。

このようにすべてのケースに対応できるような汎用的なコードを書こうとすると結構大変なので,仕様を簡略化したり,場当たり的に行っていた場合も少なくないのではないでしょうか。

そんな面倒なページ繰りを,計算から表示までほぼ全て引き受けてくれるのが「Pagination」機構なのです。

Pagination例その1:基本のサンプルコード

もしPaginationのコードを見るのが初めてな場合,「えっ,これだけでいいの?」と驚くことでしょう。

Paginationはコントローラーでセットアップし,ビューで表示させます。まずはコントローラです。

リスト app/controller/sample_controller.php

<?php
class SampleController extends AppController {
  var $name = 'Sample';
  var $uses = array('Post');
  var $paginate = array(
    'limit' => 25,
    'order' => array(
      'Post.id' => 'desc'
    ),
  );
  functon posts() {
    $this->set('posts', $this->paginate('Post'));
  }
}

次にビューです。PaginatorHelperで表示します。PaginatorHelperはコントローラーで指定しなくても読み込まれています。

リスト app/viess/sample/posts.ctp

<?php
  echo $paginator->prev('前へ');
  echo $paginator->numbers();
  echo $paginator->next('次へ');
?>

たったこれだけで,前後のリンクとページ番号の列挙が完成しました。たとえば1ページ目を表示しようとして,最大3ページの場合,以下のようなHTMLが出力されます。

| <span class="current">1</span> | <span><a href="/sample/posts/page:2">2</a></span> | <span><a href="/sample/posts/page:3">3</a></span> | <a href="/sample/posts/page:2">次へ</a>

ブラウザ上の表示は図2のようになります。

図2 サンプルの出力結果

図2 サンプルの出力結果

「前へ」の表示がありませんが,1ページ目なので自動的に表示しないように処理されています。1ページ目でも何か表示したければprevメソッドの第三引数に文字列を渡せば1ページ目のときのみ出力されます。リンクは行われません。

$paginator->prev('前へ', null, '前へ')

また,ページ番号の列挙がspanで囲われていますが,これもnumbersメソッドへの引数によってliなどの要素にすることもできますし,適切にCSSをあてれば図1のように表示させることも可能です。

著者プロフィール

秋田真宏(あきたまさひろ)

株式会社ヨセミテ CTO。個人ブログは「akiyan.com」。1981年生まれ。

URLhttp://www.akiyan.com/

著書

  • Fast CakePHP

    Fast CakePHP

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

読むウェブ ~本とインタラクション

ディスプレイで読む活字とそのインタラクション(interaction:相互作用)について,最新Webを紹介しながら読み解いていく。

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

ここは知っておくべき!Windows Server 2008技術TIPS

5年ぶりのサーバOSとなったWindows Server 2008が出荷されて早2年。2009年にはR2が出荷され,再び注目を集めています。発売前から実施したトレーニングによって感じた,インフラエンジニアの方々に知っておいていただきたい機能を中心にご紹介します。

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス