CRUD Laravel 5.7 Part 1 : Menampilkan Data Dari Database (Eloquent)

Disza Jatnika
4 min readNov 30, 2018

--

Pada artikel kali ini, saya akan membahas tentang cara menampilkan data di database menggunakan laravel 5.7

Sangat lelah dengan perkembangan laravel, pertama kenal versi 4 lebih, beberapa saat setelah itu masuk ke versi 5.1,5.2,5.3 dan sekarang pas saya cek lagi udah versi 5.7.. Sungguh warbiasahhh.

Oke, engga akan basa basi lagi, pada artikel kali ini saya akan membahas tentang cara menampilkan data dari database menggunakan teknik eloquent.

1. Koneksikan laravel dengan database di mysql.

Untuk tutorialnya bisa dilihat di artikel yang saya tulis sebelumnya di Mengkoneksikan Antara Laravel Dengan Database Mysql atau MariaDB

2. Buat database dengan php artisan migrate.

setelah setting database, anda coba migrate database default yang sudah disediakan, diantaranya adalah tabel user, setting dan miggrate.

Ketikan perintah ini pada terminal atau cmd.

php artisan migrate

akan ada error seperti ini.

error default string

artinya, anda harus mensetting default value string pada tabel migrate. Untuk setting default value nya, anda tinggal buka file AppServiceProvider.php yang berada pada folder app->proiders. Kira kira berikut adalah tampilan ketika anda membuka file tersebut.

setting default string

anda tinggal tambahkan syntak beriktu dibawah use Illuminate\Support\Facades\ServiceProvider; :

use Illuminate\Support\Facades\Schema;

lalu tambahkan syntak dibawah ini pada public fuction boot() diantara kurung kurawal.

Schema::defaultStringLength(150);

jika sudah, maka akan tampil syntak keseluruhan seperti gambar dibawah ini :

setting default string length

setelahnya, cobalah delete semua tabel yang sudah dibuat dengan migrasi sebelumnya. Dengan mencentang kedua tabel tersebut lalu pilih drop.

jika sudah dihapus, cobalah migrate kembali dengan memasukan perintah seperti berikut :

php artisan migrate

jika berhasil maka akan muncul tampilan sebagai berikut pada cmd atau terminal.

migrate sukses.

cobalah untuk melihat database di phpmyadmin, maka akan muncul beberapa tabel diantaranya adalah tabel users, password reset dan migration. Seperti pada gambar dibawah ini.

tabel di database setelah migrate

3. Buat Model Dengan Nama User, Setting Route, Dan Tambah Controller

Setelahnya kita buat model User, tapi berhubung model user sudah tersedia, maka kita tinggal buka web.php yang berada di folder route.

Tambahkan syntak sebagai berikut pada web.php

Route::get('/lihatdata', 'crud@index')->name('lihatdata');

otomatis kita harus membuat controller dengan nama crud. Untuk membuatnya sangatlah mudah, masukan perintah dibawah ini.

php artisan make:controller crud

maka akan muncul tampilan sebagai berikut pada terminal atau cmd. Atinya bahwa kita berhasil menambahkan controller baru.

dimana file controller.? tepatnya ada pada folder app->http->controller. Ini adalah tampilan dari file controller crud.php

controller crud

setelah itu, kita panggil model User dibawah use Illuminate\Http\Request;

use App\User;

lalu buat fungsi index menampilkan data

public function index(){
$hasil = User::all();
}

jangan lupa taruh return view dibawahnya, kita arahkan pada halaman lihatdata.blade.php saja. Jangan lupa parse nilainya.

return view('lihatdata',['liat'=>$hasil]);

maka, tampilan crud controller akan seperti gambar dibawah ini.

controller crud update

selanjutnya, kita buat file view baru dengan nama lihatdata.blade.php. Kita generate html biasa saja

<!DOCTYPE html>
<html>
<head>
<title>Lihat Data</title>
</head>
<body>

</body>
</html>

langkah selanjutnya adalah tinggal panggil data usernya dengan menambahkan syntak sebagai berikut diantara tab <body> … </body>

@foreach($liat as $li)
<li>{{ $li->name }}</li>
@endforeach

sekarang anda coba buka di browser localhost:8000/lihatdata. Maka tidak akan muncul apa apa, karena kita belum menambahkan record di database users. Cobalah buat data di database users, seperti berikut atau anda bisa bebas.

tambah data users

setelah itu, cobalah refresh halaman localhost:8000/lihatdata. Jika berhasil, maka akan tampil datanya, seperti gambar dibawah ini.

menampilkan data di laravel.

Mungkin cukup sekian yang bisa saya sampaikan, mudah mudahan bermanfaat, jikalau ada yang ingin ditanyakan, anda bisa komen atau email pribadi saya di diszaid@gmail.com

--

--

Disza Jatnika
Disza Jatnika

Responses (4)