Wednesday, August 3, 2022

Membuat Paginasi Pada Laravel


Beriku adalah langkah-langkah membuat Paginasi pada Laravel :

1. Buatlah database pada phpmyadmi. Kemudian buat tabel karyawan, lalu isi bebarapa data minimal diatas 10 data, supaya biasa menjadi contoh.


2. Setelah itu,  buka file .env kemudian setting database :   DB_DATABASEDB_USERNAME dan DB_PASSWORD


3.  Buka terminal , masuk ke direktori projek dan buatlah sebuah controller,  menjalankan php artisan make:controller KaryawanController lalu bukalah file KaryawanController.php tersebut di  folde app/Http/Controllers. Isi file tersebut dengan script seperti di bawah ini.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

//untuk menggunakan query builder

use DB;

class PegawaiController extends Controller

{

    public function index(){

        //mengambil data karyawan dari database

        $data = DB::table('karyawan')->paginate(10);


        //mengirim data karyawan ke view karyawan

        return view('karyawan', ['karyawan' => $data]);

    }

}

Penjelasan:
use DB  digunakan untuk melakukan transaksi data ke database.
paginate(10) = digunakan untuk membuat paginasi, setiap halaman ditampilkan 10 data maksimal, data selanjutnya akan diampilkan pada page setelahnya.

4. Buat file nama karyawan.simple.php di dalam folder resources/views. Kemudian isi file tersebut :


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

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

    <title>Document</title>

    {{-- bootstrap  --}}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"

integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

</head>

<body>

    <div class="container mt-4">

        <div class="card mb-3">

            {{-- membuat tabel  --}}

            <table class="table table-striped">

                <thead>

                    <tr>

                        <td>Nama</td>

                        <td>Jenis Kelamin</td>

                        <td>Alamat</td>

                    </tr>

                </thead>

                <tbody>

                    {{-- melakukan looping data  --}}

                    @foreach ($karyawan as $item)

                    <tr>

                        <td>{{ $item->nama }}</td>

                        <td>{{ $item->jk == '1' ? 'Laki-laki' : 'Perempuan' }}</td>

                        <td>{{ $item->alamat }}</td>

                    </tr>

                    @endforeach

                </tbody>

            </table>

        </div>

        {{-- membuat paginasii  --}}

        Current Page: {{ $karyawan->currentPage() }}<br>

        Jumlah Data: {{ $karyawan->total() }}<br>

        Data perhalaman: {{ $karyawan->perPage() }}<br>

        <br>

        {{ $karyawan->links() }}

    </div>

</body>

</html>


Penjelasan: 
{{ $karyawan->currentPage() }}  digunakan untuk menampilkan halaman ke berapa saat ini

{{ $karyawan->total() }}  digunakan untuk menampilkan total data

{{ $karyawan->perPage() }}  digunakan untuk menampilkan jumlah data perhalaman

{{ $karyawan->links() }}  digunakan untuk menampilkan paginasi dengan penomoran.
 

5. Buka file AppServiceProvider.php di folder app/Providers kemudian ubah script seperti yang di bawah

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;

use Illuminate\Pagination\Paginator;

class AppServiceProvider extends ServiceProvider

{

    /**

     * Register any application services.

     *

     * @return void

     */

    public function register()

    {

        //

    }


    /**

     * Bootstrap any application services.

     *

     * @return void

     */

    public function boot()

    {

        Paginator::useBootstrap();

    }

}


6. Kemudian buka file web.php lalu tambahkan route. script di bawah 

Route::get('/pegawai', 'App\Http\Controllers\KaryawanController@index');


Setelah itu, Jalankan project,  dengan perintah php artisan serve pada terminal / cmd. Lalu buka http://127.0.0.1:8000/karyawan maka hasilnya 


Memunculkan Simbol & Emoji Pada OS Mac

  Memunculkan Simbol & Emoji  1. Buka aplikasi Pages / Notes pada Macbook. 2. Klik pada Menubar Edit --> Pilih Emoji and Symbols a...