Belajar Laravel Versi 5.7 Part 1 : Mengubah Tampilan Default Home
Ok brosis tapi bukan sosis. Pada artikel kali ini, saya akan berbagi tips dan cara mengubah tampilan default dari laravel. Dan kebetulan, saya menggunakan laravel versi 5.7.
Pertama kali anda menginstal laravel, baik itu via laravel installer atau create project. Anda akan melihat tampilan atau halaman sebagai berikut :
Pastinya kita instal laravel engga akan cuma nampilin tulisan laravel doang kan. Dan tentunya akan banyak logika, parameter atau beberapa fitur lainnya. Sebelum kita lanjut ke tahapan berikutnya, kita akan mencoba mengubah halaman defaultnya.
Berbicara tentang halaman default di laravel setelah instalasi, anda bisa mencarinya di folder resources -> views -> welcome.blade.php
sekarang anda coba ubah tulisan laravel atau tambahkan kata ‘latihan’ sebelum laravel. Setelah itu save dan coba reload halaman laravel anda pada web browser.
Maka tampilan halaman default akan berubah menjadi :
Tentunya aplikasi gak akan sesimple itu, kita coba tambahkan file baru untuk jadi halaman utama kita, dengan cara sebagai berikut :
- Buat file di folder resources -> views
- buatlah file home.blade.php (blade.php adalah sistem templating pada laravel).
- generate html biasa aja pada file home.blade.php,
<!DOCTYPE html>
<html>
<head>
<title>Halaman Home</title>
</head>
<body>
<h1>Ini adalah halaman home</h1>
</body>
</html>2. Setting route
Untuk menjadikan file home.blade.php menjadi halaman utama, anda harus mensettingnya terlebih dahulu. Masuk ke folder routes->web.php
<?phpRoute::get('/', function () {
return view('welcome');
});
ubah welcome menjadi home, seperti berikut :
<?phpRoute::get('/', function () {
return view('home');
});
setelah itu, save dan coba reload halaman laravel anda pada web browser. Dan tralalaalalalala…
Jika berhasil, maka akan muncul tampilan sebagai berikut :
anda bisa mencoba berkreasi dengan itu, apalagi sudah adanya fitur templating blade yang keren di laravel. Insyallah saya akan bahas artikel selanjutnya.. :D semoga bermanfaat.
Dan jika masih ada error ataupun kurang jelas, anda bisa beri komentar dibawah atau kirim email di diszaid@gmail.com
