Laravel 5.3, Ersetzen Paginierung Links (<< and >>) mit Bildern

Question

Wie ersetze ich die benutzerdefinierte Laravel Paginierung durch Bilder? Ich möchte auch die nächsten Daten erhalten, ohne die Seite neu zu laden. Mein Controller sieht so aus.

class HomeController extends Controller 
{ 
public function index() 
{  
     $featured_products = DB::table('products') 
     ->where('feature_type','=',3) 
     ->orderBy('created_at','DESC') 
     ->simplePaginate(4); 


     $latest_products = DB::table('products') 
     ->orderBy('created_at','DESC') 
     ->simplePaginate(4); 


     return View::make('pages.home') 
     ->with(['featured_products'=>$featured_products,'latest_products'=>$latest_products]); 
} 

}

Answer 1

In 5.3 können Sie customize pagination views.

In anderen Versionen können Sie versuchen, diese mit CSS außer Kraft zu setzen oder könnten Sie show links manually statt mit $results->render() Methode versuchen:

$results->count() 
$results->currentPage() 
$results->firstItem() 
$results->hasMorePages() 
$results->lastItem() 
$results->lastPage() (Not available when using simplePaginate) 
$results->nextPageUrl() 
$results->perPage() 
$results->previousPageUrl() 
$results->total() (Not available when using simplePaginate) 
$results->url($page) 

Answer 2

Der einfachste Weg, nur wäre, die blade-Datei für die Paginierung zu bearbeiten.

Zum einen in der Konsole laufen:

php artisan vendor:publish --tag=laravel-pagination 

Dann auf resources/views/vendor/pagination/default.blade.php und Sie werden sehen:

@if ($paginator->onFirstPage()) 
    <li class="disabled"><span>&laquo;</span></li> 
@else 
    <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li> 
@endif 

... 

@if ($paginator->hasMorePages()) 
    <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li> 
@else 
    <li class="disabled"><span>&raquo;</span></li> 
@endif 

Sie können nur die « und » mit den Bildern ersetzen Sie verwenden möchten .

https://laravel.com/docs/5.3/pagination#customizing-the-pagination-view

hoffe, das hilft!