کار با data tables در لاراول

Data tables پکیجی برای نمایش اطلاعات دیتابیس است که شامل امکاناتی نظیر صفحه بندی و جست و جو است . فرض کنید شما در پنل مدیریت لیست کاربران را بتوانید مشاهده کنید و در تعداد بالای کاربران بخواهید کاربر خاصی را بیابید … این پکیج این عمل را برایتان تسهیل می کند و طبقه بندی و دسترسی به اطلاعات را ساده تر میکند . برای کار با این پکیج ابتدا این پکیج را نصب کنید :

composer require yajra/laravel-datatables-oracle

در آدرس config/app.php کد های زیر را وارد کنید :

,Yajra\Datatables\DatatablesServiceProvider::class

,Datatables' => Yajra\Datatables\Facades\Datatables::class'

و سپس دستور زیر را اجرا کنید :

php artisan vendor:publish

برای کار با این پکیج لازم است لینک های css و jquery مورد نیازرا به صفحه ی master ( و یا هر صفحه با هر نامی که به این پکیج نیاز دارید) اضافه کنید :

DataTables CSS :// cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css
jQuery :// code.jquery.com/jquery-1.10.2.min.js
DataTables :// cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js

سپس یک کنترولر برای نشان دادن صفحات اضافه می کنیم :

php artisan make:controller DatatablesController

در کنترولر دو متد میسازیم :

()Public function getIndex
}
;return view('datatables.index')
{
()public function anyData
}
;return Datatables::of(User::query())->make(true)
{

ضمن اینکه توجه داشته باشید مسیر زیر را به کنترلر اضافه کنید :

;use Yajra\Datatables\Datatables

کدهای زیر را به صفحه ی نمایش مورد نظرتان اضافه کنید :

extends('layouts.master')@
section('content')@
<"table class="table table-bordered" id="users-table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Email</th>
<th>Created At</th>
<th>Updated At</th>
</tr>
</thead>
</table>
stop@
push('scripts')@
<script>
}()function)$
})users-table').Datatables#')$
,processing: true
,serverSide: true
,'ajax: '{!! route('datatables.data') !!}
]:columns
,{' data: 'id', name: 'id }
{' data: 'name', name: 'name }
,{ 'data: 'email', name: 'email }
,{' data: 'created_at', name: 'created_at }
{' data: 'updated_at', name: 'updated_at }
[
;({
;({
</script>
endpush@

سپس در فایل web.php مسیر های زیر را اضافه کنید :

 
;Route::get ('datatables/data' , 'DatatablesController@anyData' ) -> name('datatables.data')
;Route::get ( 'datatables' , 'DatatablesController@getIndex')

نتیجه ی نهایی به صورت زیر خواهد بود :

برای اطلاعات بیشتر میتوانید به داکیومنت خود پکیج Data tables مراجعه کنید .

شرکت طراحی وب سایت اینتن متشکل از تیم حرفه ای ، باتجربه و آکادمیک در عرصه فضای مجازی است که عمده فعالیت هایش حول طراحی سایت های اینترنتی، سئو سایت و بهینه سازی وب سایت و برندسازی اینترنتی می باشد.