{"id":1295,"date":"2024-01-31T06:29:57","date_gmt":"2024-01-31T06:29:57","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1295"},"modified":"2024-02-05T04:03:49","modified_gmt":"2024-02-05T04:03:49","slug":"laravel-15-membuat-pagination-pada-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-15-membuat-pagination-pada-laravel\/","title":{"rendered":"Laravel #15 : Membuat Pagination Pada Laravel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1295\" class=\"elementor elementor-1295\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-df9b01e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"df9b01e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-74664d0\" data-id=\"74664d0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d47a8e elementor-widget elementor-widget-text-editor\" data-id=\"6d47a8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Pagination berguna untuk membuat penomoran halaman. misalnya kita memiliki banyak row. katakanlah ada 200 bahkan ribuan row data. saat data tersebut tampil pada website atau aplikasi yang kita buat pasti akan terlalu panjang ke bawah.<\/p>\n<p>Di sinilah kita memerlukan pagination atau penomoran halaman. jadi kita bisa mengatur berapa jumlah row data yang ingin ditampilkan. dan selebihnya akan dipisah-pisah menjadi beberapa halaman.<\/p>\n<p>Nanti jumlah halamannya akan otomatis di buat tergantung berapa jumlah data. dan berapa row data yang ingin ditampilkan per halaman nya.<\/p>\n<p>Baca Juga:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.malasngoding.com\/membuat-paging-dengan-php-dan-mysql\/\" target=\"_blank\" rel=\"noopener\">Membuat Pagination Dengan PHP dan MySQL<\/a><\/li>\n<li><a href=\"https:\/\/www.malasngoding.com\/cara-membuat-pagination-pada-codeigniter\/\" target=\"_blank\" rel=\"noopener\">Membuat Pagination Dengan CodeIgniter dan MySQL<\/a><\/li>\n<\/ul>\n<p>Oke yuk langsung saja kita mulai cara membuat pagination atau paging dengan Laravel.<\/p>\n<h3>Membuat Pagination Pada Laravel<\/h3>\n<p>Di sini kita akan membuat contoh dengan menampilkan data dari database. baru kemudian kita akan belajar membuat pagination dengan laravel.<\/p>\n<p>Untuk&nbsp;<a href=\"https:\/\/www.malasngoding.com\/tutorial-membuat-crud-dengan-laravel\/\" target=\"_blank\" rel=\"noopener\">tutorial menampilkan data dari database<\/a>&nbsp;dengan Laravel sudah di jelaskan sebelumnya pada tutorial CRUD Laravel.<\/p>\n<p>Atau di sini akan dijelaskan ulang.<\/p>\n<div class=\"iklan-produk my-2 border border-2 rounded p-3 my-4 border-primary bg-info bg-opacity-10 border-dashed\">\n<div class=\"row\">\n<div class=\"col-9 col-lg-10 d-flex align-items-center\">\n<\/div>\n<\/div>\n<\/div>\n<p>Yuk kita buat dulu database dan tabel yang datanya akan kita tampilkan dengan pagination.<\/p>\n<p>Di sini saya sudah menyiapkan sebuah database dengan nama \u2018belajar_laravel\u2019. dan sebuah tabel pegawai. lengkap dengan data pegawai yang lumayan banyak.<\/p>\n<p>Jika teman-teman membaca tutorial laravel sebelumnya di malasngoding.com, pasti teman-teman sudah mempunyai database&nbsp;belajar_laravel&nbsp;dan tabel&nbsp;pegawai.<\/p>\n<p>Karena pada tutorial-tutorial sebelumnya kita telah menggunakan database dan tabel ini.<\/p>\n<p>Atau silahkan teman-teman import sql berikut supaya lebih cepat jika teman-teman belum punya database belajar_laravel dan tabel pegawai.<\/p>\n<p>buat database dengan nama&nbsp;belajar_laravel. dan import sql berikut ke database belajar_laravel.<\/p>\n<p><strong>pegawai.sql<\/strong><\/p>\n<div id=\"crayon-65c058faf36c9346825179\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-47\">47<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-48\">48<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-49\">49<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-50\">50<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-51\">51<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-52\">52<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-53\">53<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-54\">54<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-55\">55<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-56\">56<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-57\">57<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-58\">58<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-59\">59<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-60\">60<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-61\">61<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-62\">62<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-63\">63<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-64\">64<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-65\">65<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-66\">66<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-67\">67<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-68\">68<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-69\">69<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-70\">70<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-71\">71<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-72\">72<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-73\">73<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-74\">74<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-75\">75<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-76\">76<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-77\">77<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-78\">78<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-79\">79<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-80\">80<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-81\">81<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-82\">82<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-83\">83<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-84\">84<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-85\">85<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-86\">86<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-87\">87<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-88\">88<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-89\">89<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-90\">90<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-91\">91<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-92\">92<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-93\">93<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-94\">94<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-95\">95<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-96\">96<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-97\">97<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-98\">98<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-99\">99<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-100\">100<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-101\">101<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-102\">102<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-103\">103<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-104\">104<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-105\">105<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-106\">106<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-107\">107<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-108\">108<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-109\">109<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-110\">110<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-111\">111<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-112\">112<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-113\">113<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-114\">114<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-115\">115<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-116\">116<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-117\">117<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-118\">118<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-119\">119<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36c9346825179-120\">120<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36c9346825179-121\">121<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36c9346825179-1\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">phpMyAdmin <\/span><span class=\"crayon-e\">SQL <\/span><span class=\"crayon-i\">Dump<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-2\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-i\">version<\/span> <span class=\"crayon-cn\">4.8.0.1<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-3\" class=\"crayon-line\">&#8212; <span class=\"crayon-i\">https<\/span>:<span class=\"crayon-c\">\/\/www.phpmyadmin.net\/<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-4\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-5\" class=\"crayon-line\">&#8212; <span class=\"crayon-i\">Host<\/span>: <span class=\"crayon-i\">localhost<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-6\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-e\">Generation <\/span><span class=\"crayon-i\">Time<\/span>: <span class=\"crayon-i\">Dec<\/span> <span class=\"crayon-cn\">16<\/span>, <span class=\"crayon-cn\">2018<\/span> <span class=\"crayon-i\">at<\/span> <span class=\"crayon-cn\">01<\/span><span class=\"crayon-st\">:<\/span><span class=\"crayon-cn\">33<\/span> <span class=\"crayon-i\">PM<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-7\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">Server <\/span><span class=\"crayon-i\">version<\/span>: <span class=\"crayon-cn\">10.1.32<\/span>&#8211;<span class=\"crayon-i\">MariaDB<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-8\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-e\">PHP <\/span><span class=\"crayon-i\">Version<\/span>: <span class=\"crayon-cn\">5.6.36<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">SET <\/span><span class=\"crayon-i\">SQL_MODE<\/span> = <span class=\"crayon-s\">&#8220;NO_AUTO_VALUE_ON_ZERO&#8221;<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-11\" class=\"crayon-line\"><span class=\"crayon-e\">SET <\/span><span class=\"crayon-i\">AUTOCOMMIT<\/span> = <span class=\"crayon-cn\">0<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">START <\/span><span class=\"crayon-i\">TRANSACTION<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-13\" class=\"crayon-line\"><span class=\"crayon-e\">SET <\/span><span class=\"crayon-i\">time_zone<\/span> = <span class=\"crayon-s\">&#8220;+00:00&#8221;<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-14\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-17\" class=\"crayon-line\"><span class=\"crayon-c\">\/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-19\" class=\"crayon-line\"><span class=\"crayon-c\">\/*!40101 SET NAMES utf8mb4 *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-20\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-21\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-22\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-i\">Database<\/span>: `<span class=\"crayon-i\">belajar_laravel<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-23\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-24\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-25\" class=\"crayon-line\">&#8212; &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-27\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-28\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-e\">Table <\/span><span class=\"crayon-e\">structure <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-i\">table<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-29\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-30\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-31\" class=\"crayon-line\"><span class=\"crayon-e\">CREATE <\/span><span class=\"crayon-i\">TABLE<\/span> `<span class=\"crayon-i\">pegawai<\/span>` (<\/div>\n<div id=\"crayon-65c058faf36c9346825179-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span>`<span class=\"crayon-i\">pegawai_id<\/span>` <span class=\"crayon-e\">int<\/span>(<span class=\"crayon-cn\">11<\/span>) <span class=\"crayon-e\">NOT <\/span><span class=\"crayon-i\">NULL<\/span>,<\/div>\n<div id=\"crayon-65c058faf36c9346825179-33\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span>`<span class=\"crayon-i\">pegawai_nama<\/span>` <span class=\"crayon-e\">varchar<\/span>(<span class=\"crayon-cn\">50<\/span>) <span class=\"crayon-e\">NOT <\/span><span class=\"crayon-i\">NULL<\/span>,<\/div>\n<div id=\"crayon-65c058faf36c9346825179-34\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span>`<span class=\"crayon-i\">pegawai_jabatan<\/span>` <span class=\"crayon-e\">varchar<\/span>(<span class=\"crayon-cn\">20<\/span>) <span class=\"crayon-e\">NOT <\/span><span class=\"crayon-i\">NULL<\/span>,<\/div>\n<div id=\"crayon-65c058faf36c9346825179-35\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span>`<span class=\"crayon-i\">pegawai_umur<\/span>` <span class=\"crayon-e\">int<\/span>(<span class=\"crayon-cn\">11<\/span>) <span class=\"crayon-e\">NOT <\/span><span class=\"crayon-i\">NULL<\/span>,<\/div>\n<div id=\"crayon-65c058faf36c9346825179-36\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span>`<span class=\"crayon-i\">pegawai_alamat<\/span>` <span class=\"crayon-e\">text <\/span><span class=\"crayon-e\">NOT <\/span><span class=\"crayon-i\">NULL<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-37\" class=\"crayon-line\">) <span class=\"crayon-i\">ENGINE<\/span>=<span class=\"crayon-e\">InnoDB <\/span><span class=\"crayon-e\">DEFAULT <\/span><span class=\"crayon-i\">CHARSET<\/span>=<span class=\"crayon-i\">latin1<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-38\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-39\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-40\" class=\"crayon-line crayon-striped-line\">&#8212; <span class=\"crayon-e\">Dumping <\/span><span class=\"crayon-e\">data <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-i\">table<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-41\" class=\"crayon-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-42\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-43\" class=\"crayon-line\"><span class=\"crayon-e\">INSERT <\/span><span class=\"crayon-i\">INTO<\/span> `<span class=\"crayon-i\">pegawai<\/span>` (`<span class=\"crayon-i\">pegawai_id<\/span>`, `<span class=\"crayon-i\">pegawai_nama<\/span>`, `<span class=\"crayon-i\">pegawai_jabatan<\/span>`, `<span class=\"crayon-i\">pegawai_umur<\/span>`, `<span class=\"crayon-i\">pegawai_alamat<\/span>`) <span class=\"crayon-e\">VALUES<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-44\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">2<\/span>, <span class=\"crayon-s\">&#8216;Diki Alfarabi Hadi&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Staff IT&#8217;<\/span>, <span class=\"crayon-cn\">26<\/span>, <span class=\"crayon-s\">&#8216;Jl. Merak Putih&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-45\" class=\"crayon-line\">(<span class=\"crayon-cn\">4<\/span>, <span class=\"crayon-s\">&#8216;Malas Ngoding&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Programmer&#8217;<\/span>, <span class=\"crayon-cn\">30<\/span>, <span class=\"crayon-s\">&#8216;Jl. Cendrawasih nomor 31&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-46\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">7<\/span>, <span class=\"crayon-s\">&#8216;Joni&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Web Designer&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Jl. Panglateh&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-47\" class=\"crayon-line\">(<span class=\"crayon-cn\">8<\/span>, <span class=\"crayon-s\">&#8216;Elma Sudiati&#8217;<\/span>, <span class=\"crayon-s\">&#8216;quo&#8217;<\/span>, <span class=\"crayon-cn\">38<\/span>, <span class=\"crayon-s\">&#8216;Gg. Cikapayang No. 255, Sungai Penuh 32691, Riau&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-48\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">9<\/span>, <span class=\"crayon-s\">&#8216;Slamet Lega Rajata S.Farm&#8217;<\/span>, <span class=\"crayon-s\">&#8216;voluptatem&#8217;<\/span>, <span class=\"crayon-cn\">32<\/span>, <span class=\"crayon-s\">&#8216;Gg. Supono No. 84, Sawahlunto 47885, SulSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-49\" class=\"crayon-line\">(<span class=\"crayon-cn\">10<\/span>, <span class=\"crayon-s\">&#8216;Jaya Naradi Situmorang&#8217;<\/span>, <span class=\"crayon-s\">&#8216;quasi&#8217;<\/span>, <span class=\"crayon-cn\">33<\/span>, <span class=\"crayon-s\">&#8216;Dk. Imam Bonjol No. 814, Palu 46518, SumUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-50\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">11<\/span>, <span class=\"crayon-s\">&#8216;Rendy Habibi S.Psi&#8217;<\/span>, <span class=\"crayon-s\">&#8216;sit&#8217;<\/span>, <span class=\"crayon-cn\">37<\/span>, <span class=\"crayon-s\">&#8216;Gg. Basuki No. 314, Administrasi Jakarta Pusat 73176, NTB&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-51\" class=\"crayon-line\">(<span class=\"crayon-cn\">12<\/span>, <span class=\"crayon-s\">&#8216;Yahya Sinaga&#8217;<\/span>, <span class=\"crayon-s\">&#8216;enim&#8217;<\/span>, <span class=\"crayon-cn\">26<\/span>, <span class=\"crayon-s\">&#8216;Ki. Industri No. 238, Sungai Penuh 38002, SulSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-52\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">13<\/span>, <span class=\"crayon-s\">&#8216;Hesti Janet Hasanah S.Sos&#8217;<\/span>, <span class=\"crayon-s\">&#8216;est&#8217;<\/span>, <span class=\"crayon-cn\">35<\/span>, <span class=\"crayon-s\">&#8216;Dk. Wahidin Sudirohusodo No. 637, Surabaya 44801, Banten&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-53\" class=\"crayon-line\">(<span class=\"crayon-cn\">14<\/span>, <span class=\"crayon-s\">&#8216;Sari Rahmi Melani&#8217;<\/span>, <span class=\"crayon-s\">&#8216;laborum&#8217;<\/span>, <span class=\"crayon-cn\">36<\/span>, <span class=\"crayon-s\">&#8216;Psr. Dipatiukur No. 227, Balikpapan 19234, SulTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-54\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">15<\/span>, <span class=\"crayon-s\">&#8216;Clara Wahyuni&#8217;<\/span>, <span class=\"crayon-s\">&#8216;eveniet&#8217;<\/span>, <span class=\"crayon-cn\">38<\/span>, <span class=\"crayon-s\">&#8216;Jln. Otista No. 163, Dumai 91798, KalUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-55\" class=\"crayon-line\">(<span class=\"crayon-cn\">16<\/span>, <span class=\"crayon-s\">&#8216;Dasa Jais Maheswara&#8217;<\/span>, <span class=\"crayon-s\">&#8216;esse&#8217;<\/span>, <span class=\"crayon-cn\">32<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Radio No. 94, Padangpanjang 14989, Bali&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-56\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">17<\/span>, <span class=\"crayon-s\">&#8216;Viktor Prasasta&#8217;<\/span>, <span class=\"crayon-s\">&#8216;sunt&#8217;<\/span>, <span class=\"crayon-cn\">27<\/span>, <span class=\"crayon-s\">&#8216;Jln. BKR No. 694, Surakarta 95932, NTB&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-57\" class=\"crayon-line\">(<span class=\"crayon-cn\">18<\/span>, <span class=\"crayon-s\">&#8216;Lurhur Damanik&#8217;<\/span>, <span class=\"crayon-s\">&#8216;nemo&#8217;<\/span>, <span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Psr. Salak No. 990, Bau-Bau 25079, SulSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-58\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">19<\/span>, <span class=\"crayon-s\">&#8216;Zelaya Nasyidah&#8217;<\/span>, <span class=\"crayon-s\">&#8216;sit&#8217;<\/span>, <span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Jr. Kali No. 589, Administrasi Jakarta Barat 96388, Gorontalo&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-59\" class=\"crayon-line\">(<span class=\"crayon-cn\">20<\/span>, <span class=\"crayon-s\">&#8216;Oman Damanik&#8217;<\/span>, <span class=\"crayon-s\">&#8216;maiores&#8217;<\/span>, <span class=\"crayon-cn\">28<\/span>, <span class=\"crayon-s\">&#8216;Psr. Taman No. 461, Banjarbaru 37220, Maluku&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-60\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">21<\/span>, <span class=\"crayon-s\">&#8216;Lili Anggraini&#8217;<\/span>, <span class=\"crayon-s\">&#8216;id&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Jr. Baranang No. 631, Pariaman 57837, JaTim&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-61\" class=\"crayon-line\">(<span class=\"crayon-cn\">22<\/span>, <span class=\"crayon-s\">&#8216;Harto Prabowo&#8217;<\/span>, <span class=\"crayon-s\">&#8216;quos&#8217;<\/span>, <span class=\"crayon-cn\">38<\/span>, <span class=\"crayon-s\">&#8216;Jln. Ki Hajar Dewantara No. 213, Tual 51023, Jambi&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-62\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">23<\/span>, <span class=\"crayon-s\">&#8216;Kanda Habibi&#8217;<\/span>, <span class=\"crayon-s\">&#8216;nam&#8217;<\/span>, <span class=\"crayon-cn\">35<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Baan No. 69, Blitar 72288, Lampung&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-63\" class=\"crayon-line\">(<span class=\"crayon-cn\">24<\/span>, <span class=\"crayon-s\">&#8216;Wani Prastuti&#8217;<\/span>, <span class=\"crayon-s\">&#8216;doloremque&#8217;<\/span>, <span class=\"crayon-cn\">33<\/span>, <span class=\"crayon-s\">&#8216;Gg. Bakau No. 67, Pagar Alam 78006, Papua&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-64\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Vero Natsir&#8217;<\/span>, <span class=\"crayon-s\">&#8216;illum&#8217;<\/span>, <span class=\"crayon-cn\">34<\/span>, <span class=\"crayon-s\">&#8216;Ds. Salak No. 391, Pontianak 80916, KalTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-65\" class=\"crayon-line\">(<span class=\"crayon-cn\">26<\/span>, <span class=\"crayon-s\">&#8216;Paris Hani Nuraini S.IP&#8217;<\/span>, <span class=\"crayon-s\">&#8216;quo&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Ds. Dahlia No. 744, Ambon 99599, KalTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-66\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">27<\/span>, <span class=\"crayon-s\">&#8216;Padma Salimah Suartini S.H.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;ab&#8217;<\/span>, <span class=\"crayon-cn\">38<\/span>, <span class=\"crayon-s\">&#8216;Ds. Bawal No. 241, Salatiga 42046, Papua&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-67\" class=\"crayon-line\">(<span class=\"crayon-cn\">28<\/span>, <span class=\"crayon-s\">&#8216;Kasiran Pangeran Prasetyo&#8217;<\/span>, <span class=\"crayon-s\">&#8216;aut&#8217;<\/span>, <span class=\"crayon-cn\">35<\/span>, <span class=\"crayon-s\">&#8216;Ki. Fajar No. 272, Prabumulih 45913, Aceh&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-68\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Aslijan Sirait&#8217;<\/span>, <span class=\"crayon-s\">&#8216;repellendus&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Gg. Ujung No. 11, Pekanbaru 57006, MalUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-69\" class=\"crayon-line\">(<span class=\"crayon-cn\">30<\/span>, <span class=\"crayon-s\">&#8216;Ira Nuraini&#8217;<\/span>, <span class=\"crayon-s\">&#8216;magnam&#8217;<\/span>, <span class=\"crayon-cn\">36<\/span>, <span class=\"crayon-s\">&#8216;Gg. Yohanes No. 441, Jambi 46510, SumSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-70\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">31<\/span>, <span class=\"crayon-s\">&#8216;Kiandra Puspita&#8217;<\/span>, <span class=\"crayon-s\">&#8216;enim&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Dk. Kali No. 33, Pontianak 12025, MalUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-71\" class=\"crayon-line\">(<span class=\"crayon-cn\">32<\/span>, <span class=\"crayon-s\">&#8216;Harsaya Prayoga&#8217;<\/span>, <span class=\"crayon-s\">&#8216;esse&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Dago No. 928, Kupang 92150, Bali&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-72\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">33<\/span>, <span class=\"crayon-s\">&#8216;Mala Lailasari&#8217;<\/span>, <span class=\"crayon-s\">&#8216;cupiditate&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Dk. Wahidin Sudirohusodo No. 13, Cirebon 44084, Bali&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-73\" class=\"crayon-line\">(<span class=\"crayon-cn\">34<\/span>, <span class=\"crayon-s\">&#8216;Ayu Zizi Kuswandari&#8217;<\/span>, <span class=\"crayon-s\">&#8216;voluptas&#8217;<\/span>, <span class=\"crayon-cn\">32<\/span>, <span class=\"crayon-s\">&#8216;Psr. Laksamana No. 259, Batu 93531, KalSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-74\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">35<\/span>, <span class=\"crayon-s\">&#8216;Adika Wasita&#8217;<\/span>, <span class=\"crayon-s\">&#8216;cum&#8217;<\/span>, <span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Jr. Ki Hajar Dewantara No. 725, Sawahlunto 19536, Gorontalo&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-75\" class=\"crayon-line\">(<span class=\"crayon-cn\">36<\/span>, <span class=\"crayon-s\">&#8216;Najib Omar Anggriawan&#8217;<\/span>, <span class=\"crayon-s\">&#8216;omnis&#8217;<\/span>, <span class=\"crayon-cn\">25<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Suniaraja No. 917, Tanjung Pinang 37324, SumUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-76\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">37<\/span>, <span class=\"crayon-s\">&#8216;Edward Tomi Saptono M.M.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;praesentium&#8217;<\/span>, <span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Dk. Sadang Serang No. 852, Surakarta 37423, SulTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-77\" class=\"crayon-line\">(<span class=\"crayon-cn\">38<\/span>, <span class=\"crayon-s\">&#8216;Ajimat Ardianto M.Kom.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;excepturi&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Gg. Bakti No. 251, Parepare 48583, Maluku&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-78\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Carub Gamblang Prasasta S.H.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;inventore&#8217;<\/span>, <span class=\"crayon-cn\">34<\/span>, <span class=\"crayon-s\">&#8216;Gg. Cikutra Barat No. 259, Gunungsitoli 25016, SumUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-79\" class=\"crayon-line\">(<span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Dimaz Prabowo S.Gz&#8217;<\/span>, <span class=\"crayon-s\">&#8216;libero&#8217;<\/span>, <span class=\"crayon-cn\">26<\/span>, <span class=\"crayon-s\">&#8216;Ds. Baya Kali Bungur No. 472, Bitung 95442, Lampung&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-80\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">41<\/span>, <span class=\"crayon-s\">&#8216;Siti Farida&#8217;<\/span>, <span class=\"crayon-s\">&#8216;autem&#8217;<\/span>, <span class=\"crayon-cn\">37<\/span>, <span class=\"crayon-s\">&#8216;Dk. Hang No. 1, Bengkulu 71277, SumUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-81\" class=\"crayon-line\">(<span class=\"crayon-cn\">42<\/span>, <span class=\"crayon-s\">&#8216;Uchita Astuti&#8217;<\/span>, <span class=\"crayon-s\">&#8216;recusandae&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Ki. Sutami No. 779, Pontianak 99497, JaTim&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-82\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">43<\/span>, <span class=\"crayon-s\">&#8216;Zalindra Ghaliyati Puspita S.E.I&#8217;<\/span>, <span class=\"crayon-s\">&#8216;saepe&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Ki. Flores No. 891, Bandar Lampung 35072, SulSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-83\" class=\"crayon-line\">(<span class=\"crayon-cn\">44<\/span>, <span class=\"crayon-s\">&#8216;Respati Tampubolon&#8217;<\/span>, <span class=\"crayon-s\">&#8216;facere&#8217;<\/span>, <span class=\"crayon-cn\">31<\/span>, <span class=\"crayon-s\">&#8216;Jr. Bagas Pati No. 769, Bukittinggi 80941, SulTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-84\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">45<\/span>, <span class=\"crayon-s\">&#8216;Zulaikha Puspita&#8217;<\/span>, <span class=\"crayon-s\">&#8216;quam&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Gg. Baan No. 59, Pematangsiantar 98370, KalBar&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-85\" class=\"crayon-line\">(<span class=\"crayon-cn\">46<\/span>, <span class=\"crayon-s\">&#8216;Maya Andriani&#8217;<\/span>, <span class=\"crayon-s\">&#8216;voluptatibus&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Warga No. 155, Payakumbuh 15521, Jambi&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-86\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">47<\/span>, <span class=\"crayon-s\">&#8216;Tantri Putri Namaga S.T.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;voluptatem&#8217;<\/span>, <span class=\"crayon-cn\">29<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Laswi No. 427, Banjarbaru 52446, KalUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-87\" class=\"crayon-line\">(<span class=\"crayon-cn\">48<\/span>, <span class=\"crayon-s\">&#8216;Dimaz Rajasa M.M.&#8217;<\/span>, <span class=\"crayon-s\">&#8216;sit&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Gg. Madiun No. 340, Pontianak 29529, SulUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-88\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">49<\/span>, <span class=\"crayon-s\">&#8216;Lintang Lalita Astuti S.Psi&#8217;<\/span>, <span class=\"crayon-s\">&#8216;beatae&#8217;<\/span>, <span class=\"crayon-cn\">33<\/span>, <span class=\"crayon-s\">&#8216;Kpg. Baja No. 834, Gunungsitoli 25347, PapBar&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-89\" class=\"crayon-line\">(<span class=\"crayon-cn\">50<\/span>, <span class=\"crayon-s\">&#8216;Sakura Widiastuti&#8217;<\/span>, <span class=\"crayon-s\">&#8216;exercitationem&#8217;<\/span>, <span class=\"crayon-cn\">35<\/span>, <span class=\"crayon-s\">&#8216;Dk. Cokroaminoto No. 844, Padangpanjang 88917, Gorontalo&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-90\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">51<\/span>, <span class=\"crayon-s\">&#8216;Laksana Hidayat&#8217;<\/span>, <span class=\"crayon-s\">&#8216;sunt&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Ds. Bakau Griya Utama No. 757, Bandar Lampung 42512, SumSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-91\" class=\"crayon-line\">(<span class=\"crayon-cn\">52<\/span>, <span class=\"crayon-s\">&#8216;Faizah Kusmawati S.Ked&#8217;<\/span>, <span class=\"crayon-s\">&#8216;tempora&#8217;<\/span>, <span class=\"crayon-cn\">37<\/span>, <span class=\"crayon-s\">&#8216;Ds. Badak No. 423, Pangkal Pinang 76234, SumSel&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-92\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">53<\/span>, <span class=\"crayon-s\">&#8216;Tami Nilam Widiastuti&#8217;<\/span>, <span class=\"crayon-s\">&#8216;esse&#8217;<\/span>, <span class=\"crayon-cn\">40<\/span>, <span class=\"crayon-s\">&#8216;Psr. Bahagia No. 723, Jayapura 94256, Maluku&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-93\" class=\"crayon-line\">(<span class=\"crayon-cn\">54<\/span>, <span class=\"crayon-s\">&#8216;Tina Maryati&#8217;<\/span>, <span class=\"crayon-s\">&#8216;est&#8217;<\/span>, <span class=\"crayon-cn\">36<\/span>, <span class=\"crayon-s\">&#8216;Jln. Lumban Tobing No. 182, Bau-Bau 47907, SumUt&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-94\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">55<\/span>, <span class=\"crayon-s\">&#8216;Enteng Habibi S.Pd&#8217;<\/span>, <span class=\"crayon-s\">&#8216;voluptate&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Jr. Achmad Yani No. 211, Tasikmalaya 38586, JaBar&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-95\" class=\"crayon-line\">(<span class=\"crayon-cn\">56<\/span>, <span class=\"crayon-s\">&#8216;Waluyo Samosir&#8217;<\/span>, <span class=\"crayon-s\">&#8216;ipsum&#8217;<\/span>, <span class=\"crayon-cn\">39<\/span>, <span class=\"crayon-s\">&#8216;Ki. Badak No. 252, Sorong 37092, SulTeng&#8217;<\/span>),<\/div>\n<div id=\"crayon-65c058faf36c9346825179-96\" class=\"crayon-line crayon-striped-line\">(<span class=\"crayon-cn\">57<\/span>, <span class=\"crayon-s\">&#8216;Malika Eli Kusmawati&#8217;<\/span>, <span class=\"crayon-s\">&#8216;exercitationem&#8217;<\/span>, <span class=\"crayon-cn\">32<\/span>, <span class=\"crayon-s\">&#8216;Ds. Banda No. 618, Tanjung Pinang 93287, Gorontalo&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c058faf36c9346825179-97\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-98\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-99\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">Indexes <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-e\">dumped <\/span><span class=\"crayon-i\">tables<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-100\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-101\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-102\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-103\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">Indexes <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-i\">table<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-104\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-105\" class=\"crayon-line\"><span class=\"crayon-e\">ALTER <\/span><span class=\"crayon-i\">TABLE<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-106\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span><span class=\"crayon-e\">ADD <\/span><span class=\"crayon-e\">PRIMARY <\/span><span class=\"crayon-e\">KEY<\/span> (`<span class=\"crayon-i\">pegawai_id<\/span>`);<\/div>\n<div id=\"crayon-65c058faf36c9346825179-107\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-108\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-109\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">AUTO_INCREMENT <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-e\">dumped <\/span><span class=\"crayon-i\">tables<\/span><\/div>\n<div id=\"crayon-65c058faf36c9346825179-110\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-111\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-112\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-113\" class=\"crayon-line\">&#8212; <span class=\"crayon-e\">AUTO_INCREMENT <\/span><span class=\"crayon-e\">for <\/span><span class=\"crayon-i\">table<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-114\" class=\"crayon-line crayon-striped-line\">&#8212;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-115\" class=\"crayon-line\"><span class=\"crayon-e\">ALTER <\/span><span class=\"crayon-i\">TABLE<\/span> `<span class=\"crayon-i\">pegawai<\/span>`<\/div>\n<div id=\"crayon-65c058faf36c9346825179-116\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;<\/span><span class=\"crayon-i\">MODIFY<\/span> `<span class=\"crayon-i\">pegawai_id<\/span>` <span class=\"crayon-e\">int<\/span>(<span class=\"crayon-cn\">11<\/span>) <span class=\"crayon-e\">NOT <\/span><span class=\"crayon-e\">NULL <\/span><span class=\"crayon-i\">AUTO_INCREMENT<\/span>, <span class=\"crayon-i\">AUTO_INCREMENT<\/span>=<span class=\"crayon-cn\">58<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-117\" class=\"crayon-line\"><span class=\"crayon-i\">COMMIT<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-118\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-119\" class=\"crayon-line\"><span class=\"crayon-c\">\/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-120\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS *\/<\/span>;<\/div>\n<div id=\"crayon-65c058faf36c9346825179-121\" class=\"crayon-line\"><span class=\"crayon-c\">\/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION *\/<\/span>;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Oke saya anggap teman-teman sudah punya data yang akan kita buatkan pagination nya.<\/p>\n<div id=\"attachment_3460\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3460 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/membuat-pagination-pada-laravel.png\" alt=\"membuat pagination pada laravel\" width=\"875\" height=\"612\" aria-describedby=\"caption-attachment-3460\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3460\" class=\"wp-caption-text\">membuat pagination pada laravel<\/p>\n<\/div>\n<p>Atau jika teman-teman ingin menginput data testing dengan cepat. teman-teman bisa menggunakan Faker di laravel. silahkan baca&nbsp;<a href=\"https:\/\/www.malasngoding.com\/seeding-dan-faker-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">tutorial Seeding dan Faker pada laravel<\/a>.<\/p>\n<p>Selanjutnya kita akan menampilkan data pegawai ini.<\/p>\n<p>Buat Route baru.<\/p>\n<p><strong>belajar_laravel\/routes\/web.php<\/strong><\/p><div id=\"crayon-65c058faf36d1378583579\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36d1378583579-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36d1378583579-1\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/pegawai&#8217;<\/span>,<span class=\"crayon-s\">&#8216;PegawaiController@index&#8217;<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>di sini kita menetapkan route \u2018\/pegawai\u2019 untuk mengakses method index dalam controller PegawaiController.<\/p>\n<p>Sekarang buat controller PegawaiController dan method index nya jika belum.<\/p>\n<p>silahkan teman-teman baca&nbsp;<a href=\"https:\/\/www.malasngoding.com\/tutorial-membuat-controller-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">cara membuat controller dengan Laravel<\/a>. karena sudah kita bahas pada tutorial sebelumnya. karena di tutorial laravel part 15 ini kita akan fokus pada materi membuat pagination pada laravel saja.<\/p>\n<p>Buat controller PegawaiController dan method index jika belum.<\/p>\n<p><strong>belajar_laravel\/app\/Http\/controllers\/PegawaiController.php<\/strong><\/p><div id=\"crayon-65c058faf36db830943241\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36db830943241-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36db830943241-21\">21<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36db830943241-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65c058faf36db830943241-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Controllers<\/span>;<\/div>\n<div id=\"crayon-65c058faf36db830943241-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-5\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Request<\/span>;<\/div>\n<div id=\"crayon-65c058faf36db830943241-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Support<\/span>\\<span class=\"crayon-i\">Facades<\/span>\\<span class=\"crayon-i\">DB<\/span>;<\/div>\n<div id=\"crayon-65c058faf36db830943241-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-9\" class=\"crayon-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">PegawaiController<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Controller<\/span><\/div>\n<div id=\"crayon-65c058faf36db830943241-10\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65c058faf36db830943241-11\" class=\"crayon-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">index<\/span>()<\/div>\n<div id=\"crayon-65c058faf36db830943241-12\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65c058faf36db830943241-13\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/\/ mengambil data dari table pegawai<\/span><\/div>\n<div id=\"crayon-65c058faf36db830943241-14\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">pegawai<\/span> = <span class=\"crayon-i\">DB<\/span>::<span class=\"crayon-e\">table<\/span>(<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">paginate<\/span>(<span class=\"crayon-cn\">10<\/span>);<\/div>\n<div id=\"crayon-65c058faf36db830943241-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/\/ mengirim data pegawai ke view index<\/span><\/div>\n<div id=\"crayon-65c058faf36db830943241-17\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;index&#8217;<\/span>,[<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">pegawai<\/span>]);<\/div>\n<div id=\"crayon-65c058faf36db830943241-18\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-19\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65c058faf36db830943241-20\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36db830943241-21\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Coba teman-teman perhatikan. karena kita akan bermain dengan database. maka wajib kita aktifkan dulu dengan menulis syntax<\/p><div id=\"crayon-65c058faf36dc814067407\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dc814067407-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36dc814067407-1\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Support<\/span>\\<span class=\"crayon-i\">Facades<\/span>\\<span class=\"crayon-i\">DB<\/span>;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>kemudian pada method index kita ambil data dari tabel pegawai. dan kita&nbsp;<a href=\"https:\/\/www.malasngoding.com\/passing-data-controller-ke-view-laravel\/\" target=\"_blank\" rel=\"noopener\">passing ke view<\/a>.<\/p>\n<div id=\"crayon-65c058faf36dd007201626\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\"><br><\/div><\/div><\/div><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dd007201626-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36dd007201626-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dd007201626-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36dd007201626-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dd007201626-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36dd007201626-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dd007201626-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36dd007201626-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36dd007201626-9\">9<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36dd007201626-1\" class=\"crayon-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">index<\/span>()<\/div>\n<div id=\"crayon-65c058faf36dd007201626-2\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65c058faf36dd007201626-3\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ mengambil data dari table pegawai<\/span><\/div>\n<div id=\"crayon-65c058faf36dd007201626-4\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">pegawai<\/span> = <span class=\"crayon-i\">DB<\/span>::<span class=\"crayon-e\">table<\/span>(<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">paginate<\/span>(<span class=\"crayon-cn\">10<\/span>);<\/div>\n<div id=\"crayon-65c058faf36dd007201626-5\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36dd007201626-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ mengirim data pegawai ke view index<\/span><\/div>\n<div id=\"crayon-65c058faf36dd007201626-7\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;index&#8217;<\/span>,[<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">pegawai<\/span>]);<\/div>\n<div id=\"crayon-65c058faf36dd007201626-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36dd007201626-9\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Coba perhatikan pada query builder nya. pada saat kita belajar menampilkan data dari database. perintah yang kita gunakan adalah<\/p><div id=\"crayon-65c058faf36de278896406\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36de278896406-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36de278896406-1\" class=\"crayon-line\">$<span class=\"crayon-i\">pegawai<\/span> = <span class=\"crayon-i\">DB<\/span>::<span class=\"crayon-e\">table<\/span>(<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">get<\/span>();<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>fungsi&nbsp;-&gt;get()&nbsp;bertujuan untuk mengambil&nbsp;semua data.<\/p>\n<p>Sedangkan untuk membuat pagination kita cukup menggunakan fungsi&nbsp;-&gt;paginate(10).<\/p>\n<p>Angka 10 di sini bermaksud menentukan untuk membuat&nbsp;<a href=\"https:\/\/laravel.com\/docs\/5.7\/pagination\" target=\"_blank\" rel=\"noopener\">pagination<\/a>&nbsp;yang masing-masing halamannya akan menampilkan 10 row data.<\/p>\n<p>dan terakhir kita passing data nya ke view index.<\/p>\n<div id=\"crayon-65c058faf36e2069463441\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\"><br><\/div><\/div><\/div><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e2069463441-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e2069463441-2\">2<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36e2069463441-1\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ mengirim data pegawai ke view index <\/span><\/div>\n<div id=\"crayon-65c058faf36e2069463441-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;index&#8217;<\/span>,[<span class=\"crayon-s\">&#8216;pegawai&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">pegawai<\/span>]);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Buat view nya. yaitu view index.blade.php.<\/p>\n<p><strong>belajar_laravel\/resources\/views\/index.blade.php<\/strong><\/p>\n<div id=\"crayon-65c058faf36e3147939724\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\"><br><\/div><\/div><\/div><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e3147939724-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e3147939724-47\">47<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36e3147939724-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!<span class=\"crayon-e\">DOCTYPE <\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-3\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">title<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Tutorial <\/span><span class=\"crayon-e\">Membuat <\/span><span class=\"crayon-e\">Pagination <\/span><span class=\"crayon-e\">Pada <\/span><span class=\"crayon-i\">Laravel<\/span> &#8211; <span class=\"crayon-i\">www<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">malasngoding<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">com<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">title<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-ta\">&lt;style <\/span><span class=\"crayon-e \">type<\/span><span class=\"crayon-k \">=&#8221;text\/css&#8221;&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-9\" class=\"crayon-line\"><span class=\"crayon-k \"> .pagination li<\/span>{<\/div>\n<div id=\"crayon-65c058faf36e3147939724-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e \">float<\/span>: <span class=\"crayon-i \">left<\/span>;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-11\" class=\"crayon-line\"><span class=\"crayon-e \">list-style-type<\/span>: <span class=\"crayon-i \">none<\/span>;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e \">margin<\/span>:<span class=\"crayon-i \">5px<\/span>;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-13\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65c058faf36e3147939724-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-ta\">&lt;\/style&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">h2<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;https:\/\/www.malasngoding.com&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">www<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">malasngoding<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">com<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h2<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-17\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">h3<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Data <\/span><span class=\"crayon-i\">Pegawai<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h3<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-18\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-19\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">table <\/span><span class=\"crayon-i\">border<\/span>=<span class=\"crayon-s\">&#8220;1&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-21\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Nama<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-23\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Jabatan<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Umur<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-25\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Alamat<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-26\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-27\" class=\"crayon-line\">@<span class=\"crayon-e\">foreach<\/span>($<span class=\"crayon-e\">pegawai <\/span><span class=\"crayon-i\">as<\/span> $<span class=\"crayon-t\">p<\/span>)<\/div>\n<div id=\"crayon-65c058faf36e3147939724-28\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-29\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_nama<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-30\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_jabatan<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-31\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_umur<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_alamat<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-33\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-34\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-35\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">table<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-36\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-37\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-38\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Halaman<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">currentPage<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-39\" class=\"crayon-line\"><span class=\"crayon-e\">Jumlah <\/span><span class=\"crayon-i\">Data<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">total<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-40\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">Data <\/span><span class=\"crayon-e\">Per <\/span><span class=\"crayon-i\">Halaman<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">perPage<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-41\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-42\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-43\" class=\"crayon-line\">{{$<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">links<\/span>() }}<\/div>\n<div id=\"crayon-65c058faf36e3147939724-44\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-45\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c058faf36e3147939724-46\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e3147939724-47\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Perhatikan di sini, kita menampilkan data nya seperti biasa. seperti yang sudah di bahas pada tutorial membuat CRUD pada laravel sebelumnya.<\/p>\n<div id=\"crayon-65c058faf36e4942892530\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\"><br><\/div><\/div><\/div><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e4942892530-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e4942892530-16\">16<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36e4942892530-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">table <\/span><span class=\"crayon-i\">border<\/span>=<span class=\"crayon-s\">&#8220;1&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-3\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Nama<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Jabatan<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Umur<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Alamat<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-7\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-8\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">foreach<\/span>($<span class=\"crayon-e\">pegawai <\/span><span class=\"crayon-i\">as<\/span> $<span class=\"crayon-t\">p<\/span>)<\/div>\n<div id=\"crayon-65c058faf36e4942892530-9\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_nama<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-11\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_jabatan<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_umur<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-13\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{ $<span class=\"crayon-t\">p<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">pegawai_alamat<\/span> }}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-15\" class=\"crayon-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65c058faf36e4942892530-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">table<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Bedanya di sini kita bisa menggunakan fungsi&nbsp;links()&nbsp;untuk membuat link penomoran nya.<\/p><div id=\"crayon-65c058faf36e5473919829\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e5473919829-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36e5473919829-1\" class=\"crayon-line\">{{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">links<\/span>() }}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>dan kita bisa menampilkan status detail tentang datanya dengan fungsi-fungsi berikut ini.<\/p><div id=\"crayon-65c058faf36e6776388878\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-mac print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e6776388878-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c058faf36e6776388878-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c058faf36e6776388878-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c058faf36e6776388878-1\" class=\"crayon-line\"><span class=\"crayon-i\">Halaman<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">currentPage<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e6776388878-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">Jumlah <\/span><span class=\"crayon-i\">Data<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">total<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c058faf36e6776388878-3\" class=\"crayon-line\"><span class=\"crayon-e\">Data <\/span><span class=\"crayon-e\">Per <\/span><span class=\"crayon-i\">Halaman<\/span> : {{ $<span class=\"crayon-i\">pegawai<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">perPage<\/span>() }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Oke coba kita lihat hasilnya. jalankan project kita. dan akses route \u2018 \/pegawai \u2018.<\/p>\n<p>localhost:8000\/pegawai<\/p>\n<div id=\"attachment_3461\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3461 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/pagination-laravel.png\" alt=\"pagination laravel\" width=\"817\" height=\"614\" aria-describedby=\"caption-attachment-3461\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3461\" class=\"wp-caption-text\">pagination laravel<\/p>\n<\/div>\n<p>Nah pagination telah berhasil kita buat dengan laravel.<\/p>\n<p>coba klik pada halaman lain.<\/p>\n<div id=\"attachment_3462\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3462 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/membuat-pagination-di-laravel.png\" alt=\"membuat pagination di laravel\" width=\"756\" height=\"576\" aria-describedby=\"caption-attachment-3462\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3462\" class=\"wp-caption-text\">membuat pagination di laravel<\/p>\n<\/div>\n<p>Oke teman-teman. selesai sudah materi&nbsp;<strong>Membuat Pagination Pada Laravel<\/strong>. intinya kita hanya menggunakan fungsi paginate(). dan membuat link nya dengan fungsi links().<\/p>\n<p>Sampai jumpa pada tutorial laravel selanjutnya.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pagination berguna untuk membuat penomoran halaman. misalnya kita memiliki banyak row. katakanlah ada 200 bahkan ribuan row data. saat data tersebut tampil pada website atau aplikasi yang kita buat pasti akan terlalu panjang ke bawah. Di sinilah kita memerlukan pagination atau penomoran halaman. jadi kita bisa mengatur berapa jumlah row data yang ingin ditampilkan. dan [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":1308,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1295"}],"collection":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":7,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1295\/revisions"}],"predecessor-version":[{"id":1582,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1295\/revisions\/1582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1308"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}