ホームページクエリに関する10のデータと、1つのインターフェイスでLaravelのページングに関する5つのデータを実装する方法は？

Laravelは、ページに10項目のホームページの読み込みと5つのデータ読み込みを効率的に実現します

この記事では、モバイル記事リストのデュアルロード要件を単一のLaravelインターフェイスに実装する方法を紹介します。10個のデータがホームページにロードされ、5個のデータが後続のページにロードされます。

ビジネスシナリオ

モバイル記事リストインターフェイスは、次の条件を満たす必要があります。

• 10件の記事が初めて表示されます。
• ユーザーがプルダウンして更新または引き上げてさらにロードすると、毎回5つの記事がロードされます。

実装計画

2つの独立したインターフェイスを作成する必要はありません。1つのインターフェイスがニーズを満たすことができます。重要なのは、フロントエンドで渡されたパラメーターを柔軟に処理することです。

1. First Loading（ホームページ）：

   フロントエンドがインターフェイスを要求したら、 per_page=10とpage=1パラメーターを渡します。

2. ページネーションロード：

   ユーザーがより多くのロードをトリガーすると、フロントエンドはper_page=5を通過し、 pageパラメーターを増加させます。

Laravelコードの実装

パブリック関数getarticles（リクエスト$ request）
{
    $ perpage = $ request-> input（ 'per_page'、10）; //デフォルト10
    $ page = $ request-> input（ 'page'、1）; //デフォルト1

    $ article = article :: paginate（$ perage、['*']、 'page'、$ page）;

    return response（） - > json（$ article）;
}

フロントエンドリクエストの例（axiosを使用）

最初の読み込み：

 axios.get（ '/api/記事'、{
    パラメージ：{
        per_page：10、
        ページ：1
    }
}）
.then（response => {
    //データを処理}）;

ページネーションロード（現在のページ番号がcurrentPageであると仮定）

 axios.get（ '/api/記事'、{
    パラメージ：{
        per_page：5、
        ページ：CurrentPage 1
    }
}）
.then（response => {
    //データを処理し、CurrentPageを更新します
}）;

paginate Methodを通じて、Laravelはページングロジックを優雅に処理します。フロントエンドは、 per_pageおよびpageパラメーターを制御することにより、さまざまなデータの読み込みとページングロードを簡単に実現できます。この方法はシンプルで効率的で、冗長コードを回避し、インターフェイスの保守性を向上させます。

以上がホームページクエリに関する10のデータと、1つのインターフェイスでLaravelのページングに関する5つのデータを実装する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。