{"id":1231,"date":"2024-01-31T05:16:54","date_gmt":"2024-01-31T05:16:54","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1231"},"modified":"2025-05-21T04:20:46","modified_gmt":"2025-05-21T04:20:46","slug":"laravel-2-belajar-route-dan-view-pada-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-2-belajar-route-dan-view-pada-laravel\/","title":{"rendered":"Laravel #2 : Belajar Route dan View Pada 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

Route dan view adalah sesuatu yang paling dasar yang harus kita pahami di dalam menggunakan laravel sebelum kita melanjutkan tutorial laravel ke tahap yang selanjutnya. pada seri tutorial laravel lengkap ini akan dijelaskan menggunakan penjelasan yang insyallah mudah dipahami.<\/p>\n

Route jika kita artikan ke dalam bahasa indonesia, maka artinya adalah rute atau jalur. jadi bisa kita ambil kesimpulannya bahwa route pada laravel adalah bagian yang mengatur rute pada project aplikasi yang kita bangun dengan laravel. contoh kecilnya kita bisa mengatur rute url pada aplikasi yang kita buat dengan laravel. misalnya kita membuat route \u201cblog\u201d. maka kita bisa memerintahkan untuk membuka view, menjalankan controller dan lain-lain pada saat route blog di akses. Bingung ? tenang, jika sudah masuk ke contoh kasusnya pasti teman-teman lebih bisa memahaminya.<\/p>\n

Oke kita masuk ke penjelasan View, jika teman-teman sudah pernah belajar Codeigniter<\/a> di www.malasngoding.com, tentu teman-teman sudah familiar dengan yang nama nya View dalam konsep MVC. Sama seperti pada framework PHP lainnya yang menggunakan konsep MVC, View bertugas untuk menangani atau mengurus bagian tampilan.<\/p>\n

Jadi segala sesuatu yang akan tampil pada user interface, akan kita buat pada view. misalnya menampilkan data dan lain-lain.<\/p>\n

Tutorial Belajar Route dan View Pada Laravel<\/h3>\n

Setelah membaca sedikit penjelasan di bagian atas tadi, kita akan langsung masuk ke contoh,<\/p>\n

Coba lihat pada tampilan awal project laravel yang sudah berhasil kita install sebelumnya.<\/p>\n

\n
\n

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

\"Belajar<\/p>\n

Belajar Route dan View Pada Laravel<\/p>\n<\/div>\n

Tampilan awal project laravel ini berada pada view yang bernama welcome.blade.php. letaknya ada di dalam folder resources.<\/p>\n

view welcome.blade.php tersebut diperintahkan secara default untuk tampil pada route web.php yang terletak dalam folder routes.<\/p>\n

Coba buka file web.php dalam folder routes, seperti gambar berikut.<\/p>\n

\"tutorial<\/p>\n

tutorial route dan view laravel<\/p>\n<\/div>\n

Di sana kita menjumpai syntax berikut<\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/div>\n<\/td>\n
\n
\n
Route<\/span>::get<\/span>(‘\/’<\/span>, function<\/span> () {<\/div>\n
    <\/span>return <\/span>view<\/span>(‘welcome’<\/span>);<\/div>\n
});<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

yang tujuannya adalah pada saat direktori awal ( \/ ) project dijalankan, maka akan menampilkan atau me-return view welcome<\/strong> (welcome.blade.php).<\/p>\n

Kita tidak perlu menuliskan ekstensi .blade.php, kita cukup menulisakan nama view nya saja. seperti pada contoh di atas, cukup menuliskan \u201cwelcome\u201d untuk menampilkan view welcome.blade.php.<\/p>\n

dan isi dari view welcome.blade.php adalah tampilan awal yang kita lihat pada gambar pertama di atas.<\/p>\n

Teman-teman jangan menghiraukan dulu ekstensi .blade.php<\/strong> nya. ini adalah sistem templating dari laravel. dan kita akan mempelajari nya pada tutorial selanjutnya, agar materi belajar laravel kita lebih terstruktur dan terarah.jadi teman-teman yang baru belajar tidak kebingungan dengan banyak nya istilah-istilah baru yang dijumpai.<\/p>\n

Sekarang buka view welcome.blade.php nya dan kita akan mencoba merubah sedikit, untuk membuktikan benar atau tidak bahwa file view welcome.blade.php yang di tampilkan.<\/p>\n

Kita akan mencoba merubah pada bagian tulisan \u201cLaravel\u201d menjadi \u201cMalas Ngoding\u201d.<\/p>\n

\"Tutorial<\/p>\n

Tutorial Laravel Lengkap Dari Dasar<\/p>\n<\/div>\n

Save, dan reload\/refresh web browsernya.<\/p>\n

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

\"Tutorial<\/p>\n

Tutorial laravel untuk pemula<\/p>\n<\/div>\n

Nah, tulisan yang awalnya \u201cLaravel\u201d, telah berubah menjadi \u201cMalas Ngoding\u201d.<\/p>\n

Membuat Route Baru Laravel<\/h3>\n

Untuk memperbanyak contoh, sekarang kita akan membuat route baru.<\/p>\n

tulis syntax berikut ini di bawah route sebelumnya, selain me-return view, kita juga bisa me-return string<\/a>.<\/p>\n

belajar_laravel\/routes\/web.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/div>\n<\/td>\n
\n
\n
Route<\/span>::get<\/span>(‘halo’<\/span>, function<\/span> () {<\/div>\n
return<\/span> “Halo, Selamat datang di tutorial laravel www.malasngoding.com”<\/span>;<\/div>\n
});<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\"membuat<\/p>\n

membuat route laravel<\/p>\n<\/div>\n

sekarang coba kita jalankan route halo nya. dengan mengakses http:\/\/localhost:8000\/halo.<\/p>\n

\"Tutorial<\/p>\n

Tutorial route laravel<\/p>\n<\/div>\n

Seperti yang teman-teman lihat pada gambar di atas, maka akan tampil string \u201cHalo, Selamat datang di tutorial laravel www.malasngoding.com\u201d, sesuai dengan yang kita perintahkan jika route halo di jalankan.<\/p>\n

Selanjutnya kita akan belajar membuat route baru lagi untuk menampikan view baru.<\/p>\n

Buat route baru lagi di bawah route halo. di sini kita akan mencoba membuat route \u201cblog\u201d.<\/p>\n

belajar_laravel\/routes\/web.php<\/strong><\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/div>\n<\/td>\n
\n
\n
Route<\/span>::get<\/span>(‘blog’<\/span>, function<\/span> () {<\/div>\n
return <\/span>view<\/span>(‘blog’<\/span>);<\/div>\n
});<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Sehingga isi full file route web.php nya akan seperti 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
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<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
\/*<\/span><\/div>\n
|————————————————————————–<\/span><\/div>\n
| Web Routes<\/span><\/div>\n
|————————————————————————–<\/span><\/div>\n
|<\/span><\/div>\n
| Here is where you can register web routes for your application. These<\/span><\/div>\n
| routes are loaded by the RouteServiceProvider within a group which<\/span><\/div>\n
| contains the “web” middleware group. Now create something great!<\/span><\/div>\n
|<\/span><\/div>\n
*\/<\/span><\/div>\n
 <\/div>\n
Route<\/span>::get<\/span>(‘\/’<\/span>, function<\/span> () {<\/div>\n
return <\/span>view<\/span>(‘welcome’<\/span>);<\/div>\n
});<\/div>\n
 <\/div>\n
Route<\/span>::get<\/span>(‘halo’<\/span>, function<\/span> () {<\/div>\n
return<\/span> “Halo, Selamat datang di tutorial laravel www.malasngoding.com”<\/span>;<\/div>\n
});<\/div>\n
 <\/div>\n
Route<\/span>::get<\/span>(‘blog’<\/span>, function<\/span> () {<\/div>\n
return <\/span>view<\/span>(‘blog’<\/span>);<\/div>\n
});<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

pada route blog kita mencoba menampilkan atau memanggil view blog. jadi sekarang kita buat view baru dengan nama blog.blade.php dalam folder views.<\/p>\n

belajar_laravel\/resources\/views\/blog.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<\/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> – www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/title<\/span>><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
<<\/span>body<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>h3<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/h3<\/span>><\/span><\/div>\n
<<\/span>p<\/span>><\/span>Seri <\/span>Tutorial <\/span>Laravel <\/span>Lengkap <\/span>Dari <\/span>Dasar<\/span><<\/span>\/p<\/span>><\/span><\/div>\n
<<\/span>p<\/span>><\/span>Ini <\/span>adalah <\/span>view <\/span>blog<\/span>. ada <\/span>di <\/span>route <\/span>blog<\/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

Sekarang coba akses route \u201cblog\u201d dengan alamat http:\/\/localhost:8000\/blog.<\/p>\n

\"tutorial<\/p>\n

tutorial laravel lengkap<\/p>\n<\/div>\n

nah, maka akan muncul view blog.blade.php sesuai dengan yang kita perintahkan pada route blog.<\/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":"

Route dan view adalah sesuatu yang paling dasar yang harus kita pahami di dalam menggunakan laravel sebelum kita melanjutkan tutorial laravel ke tahap yang selanjutnya. pada seri tutorial laravel lengkap ini akan dijelaskan menggunakan penjelasan yang insyallah mudah dipahami. Route jika kita artikan ke dalam bahasa indonesia, maka artinya adalah rute atau jalur. jadi bisa kita ambil kesimpulannya bahwa […]<\/p>\n","protected":false},"author":21,"featured_media":1250,"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\/1231"}],"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=1231"}],"version-history":[{"count":6,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1231\/revisions"}],"predecessor-version":[{"id":2240,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1231\/revisions\/2240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1250"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}