在Laravel中如何在一個接口中實現首頁查詢10條數據和分頁查詢5條數據？

Laravel高效實現首頁加載10條和分頁加載5條數據

本文介紹如何在單個Laravel接口中實現移動端文章列表的雙重加載需求：首頁加載10條數據，後續分頁加載每次5條數據。

業務場景

移動端文章列表接口需要滿足以下條件：

• 首次加載顯示10篇文章。
• 用戶下拉刷新或上拉加載更多時，每次加載5篇文章。

實現方案

無需創建兩個獨立接口，一個接口即可滿足需求。關鍵在於靈活處理前端傳遞的參數。

1. 首次加載(首頁):

   前端請求接口時，傳遞per_page=10和page=1參數。

2. 分頁加載:

   用戶觸發加載更多時，前端傳遞per_page=5 ，並將page參數遞增。

Laravel代碼實現

public function getArticles(Request $request)
{
    $perPage = $request->input('per_page', 10); // 默認10
    $page = $request->input('page', 1); // 默認1

    $articles = Article::paginate($perPage, ['*'], 'page', $page);

    return response()->json($articles);
}

前端請求示例(使用axios)

首次加載:

 axios.get('/api/articles', {
    params: {
        per_page: 10,
        page: 1
    }
})
.then(response => {
    // 處理數據});

分頁加載(假設當前頁碼為currentPage )

 axios.get('/api/articles', {
    params: {
        per_page: 5,
        page: currentPage 1
    }
})
.then(response => {
    // 處理數據，更新currentPage
});

通過paginate方法，Laravel優雅地處理分頁邏輯。 前端通過控制per_page和page參數，輕鬆實現首頁加載和分頁加載的不同數據數量。 此方法簡潔高效，避免了冗餘代碼，提高了接口的可維護性。

以上是在Laravel中如何在一個接口中實現首頁查詢10條數據和分頁查詢5條數據？的詳細內容。更多資訊請關注PHP中文網其他相關文章！