کار با 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 مراجعه کنید .

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