لوگو مجتمع پارسیان دیتا

آموزش نصب DataTables در Laravel

DataTables-Laravel

 

آموزش نصب DataTables در Laravel

DataTables یک پلاگین برای کتابخانه جی کوئری جاوا اسکریپت است. DataTables  انعطاف پذیری زیادی را برای جستجو، فهرست بندی، مرتب سازی و صفحه بندی با استفاده از جی کوئری ارائه می دهد. ما همچنین می توانیم به آسانی از ajax در DataTables استفاده کنیم. بنابراین در این آموزش، من به شما خواهم گفت که چگونه از DataTables در برنامه laravel 5 استفاده کنید، از این به بعد می توانید به سادگی با تمام نسخه هایی مانند 5.1 استفاده کنید تا laravel 5.6

بنابراین، در این آموزش ما از yajra/laravel-datatables-oracle استفاده می کنیم که بسیار ساده است.

نصب بسته:

اول از همه ما بسته  yajra/laravel-datatables-oracle را با استفاده از composer در laravel 5 نصب خواهیم کرد.

composer require yajra/laravel-datatables-oracle

 

بعد از نصب پگیج فایل config/app.php را باز کرده و provider و alias را اظافه نمایید

config/app.php

'providers' => [

....

     Yajra\Datatables\DatatablesServiceProvider::class,

],

'aliases' => [

....

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

]

 

ما برای تست برنامه از جدول users استفاده می کنیم.بعد از ایجاد جدول یوزد داده هایی را به عنوان تست وارد نمایید.همچنین شما می توانید برای ایجاد خودکار یوزر از دستورات زیر استفاده نمایید.

php artisan tinker

>>> factory(App\User::class, 90)->create();

 

افزودن route

routes/web.php

Route::get('my-datatables', 'MyDatatablesController@index';);

Route::get('get-data-my-datatables', ['as'=>'get.data','uses'=>'MyDatatablesController@getData';]);

 

ایجاد controller

در اینجا ما نیاز داریم یک کنترلر با نام MyDatatablesController ایجاد نماییم و کد زیر را به درون آن قرار دهیم.

app/Http/Controllers/MyDatatablesController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Datatables;

use App\User;

class MyDatatablesController extends Controller

{

  /**

   * Displays front end view

   *

   * @return \Illuminate\View\View

   */

    public function index()

    {

           return view('datatables');

    }

    /**

    * Process ajax request.

    *

    * @return \Illuminate\Http\JsonResponse

    */

    public function getData()

    {

        return Datatables::of(User::query())->make(true);

   }

}

 

ساخت فایل blade

 ما در اینجا نیازمند ایجاد فایل blade که کدهای html و قالب جدول را درون آن قرار دهیم.

resources/views/datatables.blade.php

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

     <title>Laravel DataTables Tutorial Example</title>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">

</head>

<body>

    <div class="container">

    <br/>

    <h1 class="text-center">HDTuto - Laravel DataTables Tutorial Example</h1>

    <br/>

    <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>

</div>

<script src="//code.jquery.com/jquery.js"></script>

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<script>

    $(function() {

        $('#users-table').DataTable({

            processing: true,

            serverSide: true,

            ajax: '{!! route('get.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>

@stack('scripts')

</body>

</html>

 

کار به اتمام رسید و شما میتوانید به منظور نمایش پروژه دستور زیر را وارد نمایید.

php artisan serve

 

بعد از آماده شده پروژه آدرس زیر را وارد نمایید

http://localhost:8000/my-datatables

 

DataTables

مطالب مرتبط

نصب FreePBX14 روی ubuntu 18.04

      نصب FreePBX14 روی ubuntu 18.04   توجه داشته باشید

احراز هویت در لاراول

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

آموزش Exception ها در لاراول

گاها برای شما پیش اومده ،  مثلا میخواهید خطای ۴۰۴ تولید کنید و این خطا را ب

آموزش namespace در php

     آموزش Namespace در PHP در PHP 5.3 یک مفهوم دیگر به نام name

آموزش لاراول view ها

  کار با view ها و Blade view ها یکی از عناصر سه گانه الگوی طراحی MVC هست

نظر خود را اضافه کنید.

ارسال نظر به عنوان مهمان

0
  • هیچ نظری یافت نشد

برخی از مهارت ها

خبرنامه

جستجو