【问题标题】:display Bootstrap 4 cards with pagination显示带有分页的 Bootstrap 4 卡片
【发布时间】:2020-02-05 01:15:47
【问题描述】:

我想将我的数据库内容显示为 Bootstrap Cards,我想添加一个分页,这样我可以一次显示 10 张卡片 这是我想要的一个例子; (使用“拉拉维尔”)

here

【问题讨论】:

  • 你能添加一些你目前拥有的代码吗?这样我们就可以利用您的资源开展工作?
  • 那么你的问题是什么,或者你有什么尝试吗????让我们看看

标签: php laravel bootstrap-4 pagination


【解决方案1】:

这应该很简单。 在您的 ProductController 中为您的产品分页

public function index()
{
    return view('products.index')->withProducts(Product::paginate(10));
}

在你看来

@foreach($products as $product)
    <div class="card" style="width: 18rem;">
        <img src="{{ asset('images/'.$product->image)}}" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">{{ $product->title }}</h5>
            <p class="card-text">{{ $product->description }}</p>
            <a href="{{ route('products.show', $product->id) }}" class="btn btn-primary">More details</a>
        </div>
   </div>
@endforeach

在页面的某个地方呈现分页链接

@if($products->count())
    <div class="row">
        <div class="col">
            {{ $products->links() }}
        </div>
    </div>
@endif

【讨论】:

  • 感谢您的帮助
猜你喜欢
  • 1970-01-01
  • 2021-06-19
  • 2018-11-13
  • 2020-04-10
  • 2018-01-04
  • 2020-10-04
  • 1970-01-01
  • 2018-10-30
  • 1970-01-01
相关资源
最近更新 更多