{"id":1233,"date":"2024-01-31T05:24:37","date_gmt":"2024-01-31T05:24:37","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1233"},"modified":"2025-05-21T04:21:17","modified_gmt":"2025-05-21T04:21:17","slug":"laravel-4-passing-data-controller-ke-view-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-4-passing-data-controller-ke-view-laravel\/","title":{"rendered":"Laravel #4 : Passing Data Controller Ke View Laravel"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Passing data adalah proses mengoper data. data yang dioper adalah data yang ada pada controller ke view untuk ditampilkan.<\/p>\n

Cara untuk mempassing atau oper data ke view pada laravel, kita bisa mengirim datanya dalam parameter ke 2 pada fungsi view().<\/p>\n

Kita telah belajar tentang penggunaan fungsi view() pada tutorial route dan view<\/a> sebelumnya.<\/p>\n

Fungsi view() kita gunakan untuk memanggil view yang ingin ditampilkan. nah, data yang ingin di passing<\/a> kita letakkan pada parameter ke 2 dalam fungsi view. Parhatikan contoh berikut.<\/p>\n

Jika teman-teman mengikuti seri tutorial lengkap laravel di www.malasngoding.com, sebelumnya kita telah membuat controller DosenController. Untuk teman-teman yang belum membaca tutorial laraval dari part 1 sampai part 4 ini, silahkan cek tutorial sebelumnya dulu agar pembahasan kita lebih nyambung.<\/p>\n

Memanggil View Dari Controller Laravel<\/h3>\n

Kita mulai dengan memanggil atau menampilkan view dari controller DosenController yang sudah kita buat pada tutorial laravel part sebelumnya.<\/p>\n

Buka controller DosenController, pada belajar_laravel\/app\/Http\/Controllers\/DosenController.php.<\/p>\n

\n

\"Passing<\/p>\n

Passing Data Controller Ke View Laravel<\/p>\n

\n
\n
 <\/div>\n<\/div>\n<\/div>\n<\/div>\n

Pada tutorial sebelumnya kita telah membuat method index() pada controller DosenController. untuk me-return atau mengembalikan string. seperti pada syntax di gambar di atas dan syntax berikut.<\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
namespace <\/span>App<\/span>\\Http<\/span>\\Controllers<\/span>;<\/div>\n
 <\/div>\n
use <\/span>Illuminate<\/span>\\Http<\/span>\\Request<\/span>;<\/div>\n
 <\/div>\n
class<\/span> DosenController<\/span> extends<\/span> Controller<\/span><\/div>\n
{<\/div>\n
    <\/span>public <\/span>function <\/span>index<\/span>(){<\/div>\n
     <\/span>return<\/span> “Halo ini adalah method index, dalam controller DosenController. – www.malasngoding.com”<\/span>;<\/div>\n
    <\/span>}<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Sekarang kita akan mencoba memanggil atau menampilkan view dari controller, jadi sampai di sini kita tidak lagi menampilkan view dari route seperti cara sebelumnya.<\/p>\n

Karena Cara sebelumnya kita hanya berkenalan dengan route dan cara pemanggilan view, cara benar nya adalah view tetap di panggil dari controller untuk ditampilkan.<\/p>\n

Buat view baru, di sini kita akan menampilkan view biodata. jadi biat sebuah file view baru lagi dalam folder views. buat dengan nama biodata.blade.php.<\/p>\n

Untuk nama view nya terserah teman-teman asalkan ekstensinya tetap menggunakan .blade.php seperti cara membuat view pada laravel yang sudah dijelaskan pada tutorial sebelumnya.<\/p>\n

belajar_laravel\/resources\/views\/biodata.blade.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!DOCTYPE <\/span>html<\/span>><\/span><\/div>\n
<<\/span>html<\/span>><\/span><\/div>\n
<<\/span>head<\/span>><\/span><\/div>\n
<<\/span>title<\/span>><\/span>Tutorial <\/span>Laravel<\/span> #4 : Passing Data Controller Ke View Laravel – www.malasngoding.com<\/title><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
<<\/span>body<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>h1<\/span>><\/span>Tutorial <\/span>Laravel<\/span><<\/span>\/h1<\/span>><\/span><\/div>\n
<<\/span>a<\/span> href<\/span>=“https:\/\/www.malasngoding.com\/category\/laravel”<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/a<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>\/body<\/span>><\/span><\/div>\n
<<\/span>\/html<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Selanjutnya pada method index dalam controller DosenController kita panggil view biodata.blade.php ini.<\/p>\n

belajar_laravel\/app\/Http\/Controllers\/DosenController.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
namespace <\/span>App<\/span>\\Http<\/span>\\Controllers<\/span>;<\/div>\n
 <\/div>\n
use <\/span>Illuminate<\/span>\\Http<\/span>\\Request<\/span>;<\/div>\n
 <\/div>\n
class<\/span> DosenController<\/span> extends<\/span> Controller<\/span><\/div>\n
{<\/div>\n
    <\/span>public <\/span>function <\/span>index<\/span>(){<\/div>\n
     <\/span>return <\/span>view<\/span>(‘biodata’<\/span>);<\/div>\n
    <\/span>}<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Sekarang pada saat kita mengakses localhost:8000\/dosen atau localhost\/belajar_laravel\/public\/dosen, maka akan ditampilkan view dosen.blade.php.<\/p>\n

Karena pada part sebelumnya yaitu pada tutorial cara membuat controller pada laravel<\/a>, kita telah memerintahkan route \u2018dosen\u2019 menjalankan controller DosenController dan method index pada saat route \u2018dosen\u2019 di akses.<\/p>\n

\n

\"memanggil<\/p>\n

memanggil controller dari route laravel<\/p>\n<\/div>\n

Oke teman-teman sekarang kita akan mengakses route \u201cdosen\u201d.<\/p>\n

Jangan lupa menjalankan \u201cphp artisan serve\u201d dulu ya teman-teman.<\/p>\n

\n

\"menjalankan<\/p>\n

menjalankan laravel dari php artisan<\/p>\n<\/div>\n

localhost:8000\/dosen<\/p>\n

Maka hasilnya.<\/p>\n

\n

\"memanggil<\/p>\n

memanggil view dari controller laravel<\/p>\n<\/div>\n

Selanjutnya kita akan belajar mengoper data dari dari controller DosenController (method index) ke view biodata.<\/p>\n

Passing Data Dari Controller Ke View Laravel<\/h3>\n

Seperti yang sudah disinggung pada awal sub judul tutorial ini, untuk memparsing data dari controller ke view, kita bisa mengirimkannya pada parameter kedua pada fungsi view(). contoh, silahkan buka lagi method index() pada controller DosenController.<\/p>\n

belajar_laravel\/app\/Http\/Controllers\/DosenController.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
namespace <\/span>App<\/span>\\Http<\/span>\\Controllers<\/span>;<\/div>\n
 <\/div>\n
use <\/span>Illuminate<\/span>\\Http<\/span>\\Request<\/span>;<\/div>\n
 <\/div>\n
class<\/span> DosenController<\/span> extends<\/span> Controller<\/span><\/div>\n
{<\/div>\n
    <\/span>public <\/span>function <\/span>index<\/span>(){<\/div>\n
     <\/span>$nama<\/span> = “Diki Alfarabi Hadi”<\/span>;<\/div>\n
     <\/span>return <\/span>view<\/span>(‘biodata’<\/span>,[‘nama’<\/span> =><\/span> $nama<\/span>]);<\/div>\n
    <\/span>}<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Perhatikan pada syntax di atas, pada syntax di atas kita membuat sebuah variabel yang menyimpan data nama \u201cDiki Alfarabi Hadi\u201d.<\/p>\n

Kemudian pada bagian<\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
[‘nama’<\/span> =><\/span> $nama<\/span>]<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

kita mengirimkan data variabel nama. selanjutnya pada view biodata.blade.php, kita bisa langsung menampilkan data yang ada dalam variabel nama. buka view biodata.blade.php.<\/p>\n

belajar_laravel\/resources\/views\/biodata.blade.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!DOCTYPE <\/span>html<\/span>><\/span><\/div>\n
<<\/span>html<\/span>><\/span><\/div>\n
<<\/span>head<\/span>><\/span><\/div>\n
<<\/span>title<\/span>><\/span>Tutorial <\/span>Laravel<\/span> #4 : Passing Data Controller Ke View Laravel – www.malasngoding.com<\/title><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
<<\/span>body<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>h1<\/span>><\/span>Tutorial <\/span>Laravel<\/span><<\/span>\/h1<\/span>><\/span><\/div>\n
<<\/span>a<\/span> href<\/span>=“https:\/\/www.malasngoding.com\/category\/laravel”<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/a<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>br<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>p<\/span>><\/span>Nama<\/span> : {{ $nama<\/span> }}<<\/span>\/p<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>\/body<\/span>><\/span><\/div>\n
<<\/span>\/html<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Perhatikan pada syntax di atas. kita bisa langsung menampilkan data yang ada dalam variabel nama tadi hanya dengan menuliskan syntax {{ $nama }} .<\/p>\n

Jadi kita tidak perlu lagi menuliskannya dengan cara membuka tag php ( <?php  \u2026\u2026.   ?>).<\/p>\n

Ini lah kelebihan dari sistem template blade dari laravel ( .blade.php )<\/strong>. segala penggunaannya semacam sudah dipermudah untuk kita dalam menggunakan laravel.<\/p>\n

Oke kita lihat hasilnya, localhost:8000\/dosen.<\/p>\n

\n

\"sistem<\/p>\n

sistem templating blade laravel<\/p>\n<\/div>\n

Passing Data Array Ke View Laravel<\/h3>\n

Untuk mengoper data array ke view laravel, perhatikan contoh berikut.<\/p>\n

belajar_laravel\/app\/Http\/Controllers\/DosenController.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
namespace <\/span>App<\/span>\\Http<\/span>\\Controllers<\/span>;<\/div>\n
 <\/div>\n
use <\/span>Illuminate<\/span>\\Http<\/span>\\Request<\/span>;<\/div>\n
 <\/div>\n
class<\/span> DosenController<\/span> extends<\/span> Controller<\/span><\/div>\n
{<\/div>\n
    <\/span>public <\/span>function <\/span>index<\/span>(){<\/div>\n
     <\/span>$nama<\/span> = “Diki Alfarabi Hadi”<\/span>;<\/div>\n
 <\/div>\n
     <\/span>$pelajaran<\/span> = [“Algoritma & Pemrograman”<\/span>,“Kalkulus”<\/span>,“Pemrograman Web”<\/span>];<\/div>\n
 <\/div>\n
     <\/span>return <\/span>view<\/span>(‘biodata’<\/span>,[‘nama’<\/span> =><\/span> $nama<\/span> , ‘matkul’<\/span> =><\/span> $pelajaran<\/span>]);<\/div>\n
    <\/span>}<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Perhatikan pada syntax di atas, data array yang kita masukkan dalam variabel pelajaran bisa langsung kita passing ke view, dengan cara yang sama, data-data yang dikirim ke view tinggal kita pisahkan dengan tanda koma \u201d , \u201c.<\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
[‘nama’<\/span> =><\/span> $nama<\/span> , ‘matkul’<\/span> =><\/span> $pelajaran<\/span>]<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Pada contoh data array yang dikirim di atas, data array kita masukkan dalam variabel pelajaran, kemudian kita kirimkan dengan nama \u201cmatkul\u201d. jadi pada view kita akan mengakses dengan nama \u201cmatkul\u201d.<\/p>\n

Buka view biodata.blade.php lagi.<\/p>\n

belajar_laravel\/resources\/views\/biodata.blade.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!DOCTYPE <\/span>html<\/span>><\/span><\/div>\n
<<\/span>html<\/span>><\/span><\/div>\n
<<\/span>head<\/span>><\/span><\/div>\n
<<\/span>title<\/span>><\/span>Tutorial <\/span>Laravel<\/span> #4 : Passing Data Controller Ke View Laravel – www.malasngoding.com<\/title><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
<<\/span>body<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>h1<\/span>><\/span>Tutorial <\/span>Laravel<\/span><<\/span>\/h1<\/span>><\/span><\/div>\n
<<\/span>a<\/span> href<\/span>=“https:\/\/www.malasngoding.com\/category\/laravel”<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/a<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>br<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>p<\/span>><\/span>Nama<\/span> : {{ $nama<\/span> }}<<\/span>\/p<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>p<\/span>><\/span>Mata <\/span>Pelajaran<\/span><<\/span>\/p<\/span>><\/span><\/div>\n
<<\/span>ul<\/span>><\/span><\/div>\n
 <\/div>\n
@foreach<\/span>($matkul <\/span>as<\/span> $m<\/span>)<\/div>\n
 <\/div>\n
<<\/span>li<\/span>><\/span>{{ $m<\/span> }}<<\/span>\/li<\/span>><\/span><\/div>\n
 <\/div>\n
@endforeach<\/span><\/div>\n
 <\/div>\n
<<\/span>\/ul<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>\/body<\/span>><\/span><\/div>\n
<<\/span>\/html<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Perhatikan pada syntax di atas, data array matkul yang dikirimkan dari controller kita tampilkan dengan menggunakan foreach()<\/a>. karena datanya dalam bentuk array.<\/p>\n

Data variabel matkul kita ubah menjadi variabel m dalam fungsi foreach. kemudian kita tinggal menampilkan variabel m seperti pada syntax di atas.<\/p>\n

Untuk penulisan fungsi foreach dan perulangan lainnya dalam template blade laravel kita juga tidak perlu menulisakan tag php. kita bisa menggungakan tanda @ langsung.<\/p>\n

Kita lihat hasilnya.<\/p>\n

\n

\"passing<\/p>\n

passing data array di laravel<\/p>\n<\/div>\n

Sampai di sini selesai sudah materi kita tentang Passing Data Controller Ke View Laravel<\/strong>.<\/p>\n

Pada tutorial laravel part 4 ini, Kita telah belajar cara memanggil view dari controller, belajar cara mengoper data dan data array dari controller ke view.<\/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":"

Passing data adalah proses mengoper data. data yang dioper adalah data yang ada pada controller ke view untuk ditampilkan. Cara untuk mempassing atau oper data ke view pada laravel, kita bisa mengirim datanya dalam parameter ke 2 pada fungsi view(). Kita telah belajar tentang penggunaan fungsi view() pada tutorial route dan view sebelumnya. Fungsi view() kita gunakan untuk […]<\/p>\n","protected":false},"author":21,"featured_media":1257,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1233"}],"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=1233"}],"version-history":[{"count":7,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1233\/revisions"}],"predecessor-version":[{"id":2248,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1233\/revisions\/2248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1257"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}