スプリングブートページネーション&フィルタの例

このチュートリアルでは、サーバー側のページを作成し、フィルタリングを行いますPageable .
完全な記事:https://bezkoder.com/spring-boot-pagination-filter-jpa-pageable/
MongoDBデータベース用
Spring Boot MongoDB Pagination & Filter example with Spring Data

スプリングブートページネーション＆フィルタの例概要

ウェブサイトを親しみやすくする最も重要なものの1つは応答時間です、そして、paginationはこの理由のために来ます.例えば、このbezkoder.COMのウェブサイトチュートリアルの何百もあり、我々は一度にそれらのすべてを参照してくださいしたくない.ページングは、すべての少数のページを表示することを意味します.
次のようにデータベースにチュートリアルテーブルがあります.

Pagination (フィルタなしで)のための若干のURLサンプルは、ここにあります:

/api/tutorials?page=1&size=5

/api/tutorials?size=5 : ページのデフォルト値の使用

/api/tutorials?title=data&page=1&size=3 : ページとフィルターを含むタイトルによるフィルタ

/api/tutorials/published?page=2 : Paginationとフィルタを発行した

これはAPIから取得したいサーバ側のページの結果の構造です.

{
    "totalItems": 8,
    "tutorials": [...],
    "totalPages": 3,
    "currentPage": 1
}

デフォルトのページインデックス( 0 )とページサイズ( 3 )を使用したチュートリアルを読む

ページインデックス= 2を示すが、合計8つの項目のためにサイズ(デフォルト:3)を指定しません:

ページェント0 : 3アイテム

PageHum 1 : 3アイテム

Page 2 : 2アイテム

size = 5を示すが、ページインデックスを指定しない(デフォルト: 0 )

ページindex = 1とページサイズ= 5 (合計8項目).

文字列を含むタグでのページパスとフィルター

発行された状態によるページ化とフィルタ

詳細については、実装とソースコードを参照してください.
https://bezkoder.com/spring-boot-pagination-filter-jpa-pageable/

更なる読書

ページに貼り付けと並べ替えをするには、次のようにしてください.
Spring Boot Pagination and Sorting example
この残りのAPIのハンドル例外が必要です.
Spring Boot @ControllerAdvice & @ExceptionHandler example
また、AWS(無料で)でこの春のブートアプリを展開する方法を知ることができますthis tutorial .
このサーバーで動作するPaginationクライアントを処理します.
React Pagination with API using Material-UI

このサーバで動作する角クライアント

Angular 8 Pagination example | ngx-pagination

Angular 10 Pagination example | ngx-pagination

Angular 11 Pagination example | ngx-pagination

またはVueクライアント

Vue Pagination example (Bootstrap)

Vuetify Pagination example

ハッピーラーニング!また会いましょう.