タグ

WEB制作とページングに関するfukudamasa09のブックマーク (3)

  • [PHP] ページング機能の仕組みとか作り方とか

    ページング機能というのは、「複数に分かれたページの前後ページへ移動するためのナビゲーションリンク」のことで このブログにも下の方に次のページへ移動させるためのページ番号リンクがありますよね。それです。 名称はページングだったりページネーションだったりしてますが、海外だとpaginationの方が一般的なようです。 先頭の何ページ目かまではページ番号、それ以上は三点リーダーとかでぼかしたりするGoogleライクなものや、 前後への矢印だけしか表示させなかったりするものなど、スタイルは色々ありますが これが自作しようとすると結構面倒臭い。そしてプログラミング初心者だとまず仕組みが良く分からない。 結構よく使うのに作り方や仕組みの解説をあんまり見ない気がするので書いてみます。 10周年記念にVue.js版を書きました! [Vue] ページネーション機能の作り方とコンポーネント作成入門 2019/

    [PHP] ページング機能の仕組みとか作り方とか
  • jQueryとAjaxで作るスムーズページング (1/3)

    Googleの検索結果のように、長いリスト項目を複数のページに分割して表示することを「ページング」(Paging)と言います。ページング処理では下部にナビゲーションリンクを配置し、クリックされた番号のページを表示しますが、ページ全体をリロードして切り替えるには時間がかかります。そこで今回は、スムーズにページングさせるためにAjaxを利用して更新が必要な部分のみを外部ファイルから読み込んで書き換え、ユーザーのストレスを軽減する方法を紹介しましょう。 データのHTMLを用意する 今回は、数が多い商品情報のリストを複数のページに分割して表示するサンプルを作成します。はじめにAjaxで読み込むコンテンツデータを用意します。Ajaxは、XMLやJSON(JavaScript Object Notation)、テキストなどさまざまデータを扱えますが、今回はもっとも手軽なHTMLを使いましょう。コンテン

    jQueryとAjaxで作るスムーズページング (1/3)
  • PHPでのページング処理のサンプル。 » とりあえず9JP

    手軽にページング処理するサンプル~。 リンク生成の部分とかは思いっきりハードコーディングしているし、ページ数が多い場合の省略処理とかもしていないけれど。 class TekitouPager { private $base_uri = null; //ベースとなるURL private $page = null; //現在のページ番号 private $per_page = null; //1ページに表示する件数 private $max_row = null; //全データ件数 private $max_page = null; //最大ページ数 private $offset = null; //オフセット /* * 引数(全て必須) * $base_uri ベースとなるURL * $page ページ番号(数値) * $max_row 全データ件数(数値) * $per_page 1ペ

  • 1