Menggunakan Laravel Untuk Menampilkan Data Json Pada Field Database

halo semua, tutorial kali ini kita akan membahas tentang laravel. Nah lebih tepatnya membahas tentang bagaimana agar kita bisa mengakses data json pada suatu field di database. Awal tutorial ini dibuat itu dari salah satu member dari group facebook laravel indonesia yang menanyakan tentang hal ini.

study case kali ini adalah bagaimana cara kita menggunakan laravel untuk menampilkan data json pada field database di view kita. Diharapkan untuk kalian yang mengikuti tutorial ini sudah memahami apa itu migration, seeder, controller, router dan model pada laravel. Kalau kalian belum paham silahkan terlebih dahulu melihat documentasi laravel.

oke kita langsung saja praktek untuk menyelesaikan study kasus diatas. Sebelumnya jangan lupa untuk berdoa supaya semua berjalan lancar :D.

1. Membuat project baru tempat kita menguji coba

2. Membuat database

pada case kali ini kita menggunakan mysql untuk database kita. setelah membuat database silahkan cari file .emv untuk mengatur koneksi antara aplikasi dan datanase kita. pastikan semua berjalan lancar.

3. Membuat migration product

pastikan pembuatan migration berhasil, bisa lihat pada contoh gambar diatas.

4. Membuat seeder, model dan controller

Membuat seeder

Membuat model

Membuat Controller

5. Setup migration

silahkan buka file migration yang sudah kita buat tadi. Bisa di cek pada folder database/migrations/namamigratoin.php

setelah itu kita coba menajalankan migration yang sudah kita buat dengan cara php artisan migrate, pastikan pada database kalian bisa lihat di phpmyadmin, akan tampil seperti gambar dibawah ini:

Bisa dilihat diatas banyak table terbentuk setelah kita melakukan migrate tadi, jangan khawatir kita focus saja pada table products. 

6. Setup seeder

pada tahap ini kita akan membuat data dummy terlebih dahulu. Silahkan buka file seeder yang ada di folder database/seeds/namaseeder.php 

setelah selesai pada file seeder kalian selanjutnya lakukan juga perubahan pada file DatabaseSeeder.php 

Script diatas berfungsi untuk memanggil file seeder yang tadi kita buat ke file utama.
selanjutnya yaitu menjalankan file seeder tadi dengan cara

setelah itu pastikan pada table product tertambah 2 row sesuai dengan config file seeder kita tadi.

oke selanjutnya kita akan melakukan setup pada model, controller, route dan view kita.

7. Model Product

untuk model disini ada sedikit script yang harus kalian perhatikan. Script ini sangat berpengaruh pada view kalian nanti.

8. File ProductController

Berikut ini adalah file controller pada file ini kita hanya membuat satu method yaitu method index dan menggunakan model product yang telah kita buat tadi.

9. file route/web.php

Disini kita akan mendefinikan routing kita jadi pada saat user mengakses namadomain.com/product akan kita arahkan ke controller Product 

10. membuat view product

Di view product ini kita akan menggunakan semantic-ui untuk sedikit menambahkan style pada view kita. Kalian bisa langsung menggunakan file cdn semantic-ui . Silahkan membuat file product.blade.php dan isi dengan kode sebagai berikut:
selanjutnya coba kalian akses domain.com/product. Pastikan tampilannya sama seperti berikut

Oke bisa dilihat field images yang berisikan data json sudah berhasil kita tampilkan pada table kita.

oke sekian tutorial Menggunakan Laravel Untuk Menampilkan Data Json Pada Field Database semoga bermanfaat jangan lupa comment kalau ada pertanyaan dan jangan lupa untuk dishare kalau kalian merasa informasi ini bermanfaat.