How to implement 10 data on home page query and 5 data on paging in Laravel in one interface?

Laravel efficiently realizes 10 items of home page loading and 5 items of data loading on page page

This article introduces how to implement the dual loading requirements of mobile article lists in a single Laravel interface: 10 pieces of data are loaded on the home page, and 5 pieces of data are loaded on the subsequent page.

Business scenarios

The mobile article list interface needs to meet the following conditions:

• 10 articles are displayed for the first time.
• When the user pulls down to refresh or pulls up to load more, 5 articles are loaded each time.

Implementation plan

There is no need to create two independent interfaces, one interface can meet the needs. The key is to flexibly handle the parameters passed by the front-end.

1. First loading (home page):

   When the front-end requests the interface, pass per_page=10 and page=1 parameters.

2. Pagination loading:

   When the user triggers loading more, the front-end passes per_page=5 and increments the page parameter.

Laravel code implementation

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

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

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

Front-end request example (using axios)

First loading:

 axios.get('/api/articles', {
    params: {
        per_page: 10,
        Page: 1
    }
})
.then(response => {
    // Process data});

Pagination loading (assuming the current page number is currentPage )

 axios.get('/api/articles', {
    params: {
        per_page: 5,
        page: currentPage 1
    }
})
.then(response => {
    // Process data and update currentPage
});

Through the paginate method, Laravel handles paging logic gracefully. The front-end easily realizes different data loading and paging loading by controlling per_page and page parameters. This method is simple and efficient, avoids redundant code and improves the maintainability of the interface.

The above is the detailed content of How to implement 10 data on home page query and 5 data on paging in Laravel in one interface?. For more information, please follow other related articles on the PHP Chinese website!