Laravelでカスタムページを作る
アロハそこ!
このチュートリアルでは、Laravelのページ例について説明します.Laravel 8アプリケーションで新しいカスタムページを表示する方法を教えてください.
ファーストステップ
ルート/ウェブ.PHP
Route::get('/', 'TestController@index');
ステップ2作成コントローラ
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class TestController extends Controller
{
public function index()
{
$users = \App\User::paginate(7);
return view('welcome',compact('users'));
}
}
ステップ4:ブレードファイルを作成する
我々は、リソースファイル内の新しいファイルを作成し、pouncationを作ることができます.ブレード.PHP
このコードを書き込みます
@if ($paginator->lastPage() > 1)
<select class="pagination">
<option data-url="{{$paginator->url(1)}}" onclick="window.location.assign('{{ $paginator->url(1) }}')" {{ ($paginator->currentPage() == 1) ? 'selected' : '' }}>
<a href="{{ $paginator->url(1) }}">Previous</a>
</option>
@for ($i = 1; $i <= $paginator->lastPage(); $i++)
<option data-url="{{$paginator->url($i)}}" onclick="window.location.assign('{{ $paginator->url($i) }}')" {{ ($paginator->currentPage() == $i) ? 'selected' : '' }}>
<a href="{{ $paginator->url($i) }}">{{ $i }}</a>
</option>
@endfor
<option data-url="{{$paginator->url($paginator->currentPage()+1)}}" onclick="window.location.assign('{{ $paginator->url($paginator->currentPage()+1) }}')" {{ ($paginator->currentPage() == $paginator->lastPage()) ? 'selected' : '' }}>
<a href="{{ $paginator->url($paginator->currentPage()+1) }}" >Next</a>
</option>
</select>
@endif
{!! $users->links('pagination.custom') !!}
$('body').on('change', '.pagination', function () {
var url = $(this).find(":selected").attr('data-url');
window.location.href = url;
});
@extends('layouts.app')
@push('style')
<style type="text/css">
.my-active span{
background-color: #5cb85c !important;
color: white !important;
border-color: #5cb85c !important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
@endpush
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<table class="table table-stripped">
<thead>
<tr>
<th>No</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
@forelse($users as $user)
<tr>
<td>{{ $loop->index + 1 }}</td>
<td>{{ $user->name }}</td>
<td>{{ $user->email }}</td>
</tr>
@empty
<p>No user found!</p>
@endforelse
</tbody>
</table>
{{ $users->links('pagination.custom') }}
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script>
$('body').on('change', '.pagination', function () {
var url = $(this).find(":selected").attr('data-url');
window.location.href = url;
});
</script>
@endpush
Reference
この問題について(Laravelでカスタムページを作る), 我々は、より多くの情報をここで見つけました https://dev.to/salmazz/make-custom-pagination-with-laravel-n4iテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol