показать Bootstrap 4 карты с нумерацией страниц - PullRequest
Новая
       34

показать Bootstrap 4 карты с нумерацией страниц

0 голосов
/ 07 октября 2019

Я хочу отобразить содержимое моей базы данных в виде загрузочных карт, и я хочу добавить нумерацию страниц, чтобы я мог отобразить 10 карт одновременно, это пример того, что я хочу;(используя «La ravel»)

здесь

1 Ответ

1 голос
/ 08 октября 2019

Это должно быть довольно просто сделать. В вашем 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
...