Laravel高效实现首页数据加载与分页

在开发Laravel移动端API时，常常需要满足首页加载10条数据，并支持每次分页加载5条数据的需求。本文介绍如何通过单个API接口优雅地实现此功能。

无需创建两个独立的接口，只需设计一个灵活的API，根据前端传递的参数动态调整数据库查询行为即可。

实现方法：

前端在首次加载时，传递参数limit=10和page=1，API则返回前10条数据。 用户上滑加载更多时，前端传递limit=5，并递增page值（例如，page=2, page=3...），API则根据page和limit参数计算偏移量，返回对应的数据。

Laravel Creem Agent

Creem 支付商店助理 — 查询订阅、客户、交易、产品，执行心跳检查，管理本地 Laravel支付商店。

下载

Laravel控制器代码示例：

use Illuminate\Http\Request;

class ArticleController extends Controller
{
    public function index(Request $request)
    {
        $limit = $request->input('limit', 10); // 默认值10
        $page = $request->input('page', 1);   // 默认值1
        $offset = ($page - 1) * $limit;

        $articles = Article::skip($offset)->take($limit)->get();

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

此代码片段使用了Laravel的Eloquent ORM。skip()和take()方法分别用于跳过指定数量的记录和获取指定数量的记录。 通过计算offset，API可以准确地返回对应页面的数据。 $request->input()方法安全地获取前端传递的参数，并设置默认值，提高代码健壮性。

这种方法简化了后端开发，提高了前后端交互效率，并保证了API的简洁性和可维护性。