Paginate Laravel

简述解决方案

在Laravel项目中，当处理大量数据时，分页是一个非常重要的功能。它不仅提高了用户体验，还减轻了服务器的负担。介绍如何在Laravel中实现分页，并提供几种不同的思路和方法。

使用Laravel内置分页

Laravel 提供了非常方便的分页功能，可以通过 paginate() 方法直接对查询结果进行分页。下面是一个简单的例子：

php
// 在控制器中
use AppModelsPost;
use IlluminatePaginationLengthAwarePaginator;</p>

<p>public function index()
{
    // 获取分页数据，默认每页显示15条记录
    $posts = Post::orderBy('created_at', 'desc')->paginate(15);</p>

<pre><code>return view('posts.index', compact('posts'));

}

在视图文件中，可以使用 $posts->links() 来生成分页链接：

blade
<!-- resources/views/posts/index.blade.php --></p>

<div class="container">
    @foreach ($posts as $post)
        <div class="card">
            <h2>{{ $post->title }}</h2>
            <p>{{ $post->content }}</p>
        </div>
    @endforeach

    <!-- 生成分页链接 -->
    {{ $posts->links() }}
</div>

<p>

自定义分页样式

Laravel 默认提供的分页样式可能不符合你的设计需求。你可以通过自定义分页样式来满足设计要求。

php // 使用自定义分页样式 {{ $posts->links('pagination::bootstrap-4') }}

你还可以创建自己的分页视图文件，在 resources/views/vendor/pagination 目录下创建一个新的分页模板文件，如 custom.blade.php，然后在代码中引用它：

php {{ $posts->links('vendor.pagination.custom') }}

懒加载分页（无限滚动）

对于移动端或需要更好的用户体验的应用，可以考虑使用懒加载分页（也称为无限滚动）。这需要结合 JavaScript 来实现。

html
<!-- resources/views/posts/index.blade.php --></p>

<div id="posts-container">
    @foreach ($posts as $post)
        <div class="post-item">{{ $post->title }}</div>
    @endforeach
</div>


window.addEventListener('scroll', function() {
    if (window.scrollY + window.innerHeight >= document.documentElement.scrollHeight) {
        loadMorePosts();
    }
});

function loadMorePosts() {
    const page = {{ $posts->currentPage() }} + 1;
    axios.get('/posts?page=' + page)
        .then(response => {
            const newPosts = response.data.data;
            newPosts.forEach(post => {
                const postElement = document.createElement('div');
                postElement.className = 'post-item';
                postElement.textContent = post.title;
                document.getElementById('posts-container').appendChild(postElement);
            });
        });
}


<p>

后端路由和控制器需要支持返回 JSON 格式的分页数据：

php
// routes/web.php
Route::get('/posts', [PostController::class, 'index']);
Route::get('/posts/json', [PostController::class, 'jsonIndex'])->name('posts.json');</p>

<p>// app/Http/Controllers/PostController.php
public function jsonIndex()
{
    return Post::orderBy('created_at', 'desc')->paginate(15);
}