Belajar Framework Laravel #10 |Cara Membuat View di Laravel 8
Muhammad Rafitulloh Nur Ramadhani
25 Mei 2023
Tampilan (Views) adalah komponen penting dalam pengembangan aplikasi web dengan Laravel 8. Tampilan memungkinkan Anda untuk merancang antarmuka pengguna yang menarik dan berinteraksi dengan data yang ditampilkan dalam aplikasi Anda. Dalam artikel ini, kami akan membahas cara membuat tampilan di Laravel 8.
1. Pengenalan tentang Tampilan di Laravel
Tampilan dalam Laravel adalah file-file yang berisi kode HTML, CSS, dan elemen-elemen frontend lainnya yang digunakan untuk merancang antarmuka pengguna aplikasi web Anda. Tampilan ini digunakan untuk menampilkan data yang diambil dari controller atau sumber data lainnya.
2. Membuat Tampilan Dasar
Langkah 1: Membuat Tampilan Baru
Untuk membuat tampilan baru di Laravel 8, buat file dengan ekstensi .blade.php di direktori resources/views. Misalnya, Anda dapat membuat file halaman.blade.php dengan perintah:
touch resources/views/halaman.blade.php
Langkah 2: Menulis Kode HTML
Buka file halaman.blade.php yang baru dibuat dalam editor kode Anda dan tambahkan kode HTML yang sesuai dengan tampilan yang ingin Anda buat. Contohnya, Anda dapat menambahkan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat datang di halaman ini!</h1>
</body>
</html>
3. Mengirim Data ke Tampilan
Anda dapat mengirim data dari controller ke tampilan untuk digunakan dalam tampilan Anda. Berikut adalah contoh cara mengirim data ke tampilan:
Langkah 1: Mengedit Fungsi dalam Controller
Dalam controller, Anda dapat menggunakan fungsi view() untuk mengirim data ke tampilan. Misalnya, dalam fungsi index() dalam controller Anda, Anda dapat menambahkan kode berikut:
public function index()
{
$nama = 'John Doe';
return view('halaman', compact('nama'));
}
Langkah 2: Menggunakan Data dalam Tampilan
Anda dapat menggunakan data yang dikirimkan dari controller dalam tampilan Anda dengan menggunakan sintaks Blade. Misalnya, Anda dapat menampilkan data $nama seperti ini:
<body>
<h1>Selamat datang, {{ $nama }}!</h1>
</body>
4. Pewarisan Tampilan (Layouts)
Laravel juga mendukung konsep tampilan yang diwariskan (layouts), yang memungkinkan Anda untuk merancang tampilan dasar yang dapat digunakan oleh tampilan lainnya. Dengan ini, Anda dapat membuat tampilan yang konsisten di seluruh aplikasi Anda.
Langkah 1: Membuat Layout
Buat file layout di dalam direktori resources/views, misalnya layout.blade.php. Tambahkan elemen-elemen yang ingin Anda gunakan dalam tampilan dasar ini, seperti header, footer, dan elemen lainnya.
Langkah 2: Menambahkan Konten Tampilan ke Layout
Dalam tampilan lain yang ingin Anda gunakan, Anda dapat meng-extend layout yang telah Anda buat dengan menggunakan direktif Blade @extends dan menambahkan konten yang sesuai dalam blok konten.
@extends('layout')
@section('content')
<h1>Selamat datang, {{ $nama }}!</h1>
@endsection
5. Menampilkan Tampilan
Untuk menampilkan tampilan yang telah Anda buat, Anda dapat menggunakannya dalam controller atau rute Anda. Berikut adalah contoh cara menampilkan tampilan dalam controller:
public function tampilkanHalaman()
{
return view('halaman');
}
Anda juga dapat mengarahkan rute Anda ke tampilan yang sesuai dalam berkas web.php.
6. Menjalankan Aplikasi
Untuk melihat tampilan Anda dalam aplikasi web, jalankan server pengembangan Laravel (seperti yang telah dijelaskan dalam artikel sebelumnya) dan buka alamat yang sesuai dalam browser Anda.
Kesimpulan
Membuat tampilan di Laravel 8 adalah langkah penting dalam pengembangan aplikasi web Anda. Dengan pemahaman tentang cara membuat tampilan, mengirim data ke tampilan, menggunakan pewarisan tampilan (layouts), dan menampilkan tampilan, Anda dapat merancang antarmuka pengguna yang menarik dan dinamis untuk aplikasi Anda. Selamat mengembangkan aplikasi web Anda dengan Laravel 8!
Artikel Lainnya Dengan Kategori Terkait :
1. Belajar Framework Laravel #01 |Pengertian Framework
2. Belajar Framework Laravel #02 |Framework vs PHP Native
3. Belajar Framework Laravel #03 |Pengertian Dan Keunggulan Framework Laravel
4. Belajar Framework Laravel #04 |Pengertian MVC (Model – View – Controller)
5. Belajar Framework Laravel #05 |Instalasi XAMPP dan Cara Akses PHP dari CMD
6. Belajar Framework Laravel #06 |Cara Menginstall Composer
7. Belajar Framework Laravel #07 |Cara Menginstall Laravel 8
8. Belajar Framework Laravel #08 |Cara Menjalankan Laravel 8
9. Belajar Framework Laravel #09 |Cara Membuat Route di Laravel 8
10. Belajar Framework Laravel #10 |Cara Membuat View di Laravel 8
11. Belajar Framework Laravel #11 |Cara Mengirim Data ke View Laravel 8
12. Belajar Framework Laravel #12 |Membuat Controller Pada Laravel 8
13. Belajar Framework Laravel #13 |Passing Data Controller Ke View Laravel
14. Belajar Framework Laravel #14 |Request Data Pada Laravel
15. Belajar Framework Laravel #15 |Maintenance Mode Pada Laravel
16. Belajar Framework Laravel #16 |Konfigurasi Dasar Pada Laravel
17. Belajar Framework Laravel #17 |Sistem Template Blade Laravel
19. Belajar Framework Laravel #19 |CRUD Menginput Data Dengan menggunakan query builder pada laravel
20. Belajar Framework Laravel #20 |CRUD Update Data Dengan menggunakan query builder pada laravel
21. Belajar Framework Laravel #21 |CRUD Update Data Dengan menggunakan query builder pada laravel
22. Belajar Framework Laravel #22 |Seeding dan Faker Pada Laravel
23. Belajar Framework Laravel #23 |Membuat Pagination Pada Laravel
24. Belajar Framework Laravel #24 |Membuat Pencarian Pada Laravel
25. Belajar Framework Laravel #25 |Menggunakan Bootstrap Di Laravel
26. Belajar Framework Laravel #26 |Membuat Form Validasi Pada Laravel
27. Belajar Framework Laravel #27 |Migration Laravel
28. Belajar Framework Laravel #28 |CRUD Eloquent Laravel pada laravel 8
29. Belajar Framework Laravel #29 |CRUD Laravel Menggunakan Eloquent
30. Belajar Framework Laravel #30 |Soft Deletes pada laravel
31. Belajar Framework Laravel #31 |Relasi One To One Eloquent pada laravel
32. Belajar Framework Laravel #32 |Relasi One To Many Eloquent Pada Laravel
33. Belajar Framework Laravel #33 |Relasi Many To Many Eloquent Pada Laravel
34. Belajar Framework Laravel #34 |Membuat Login dan Register Menggunakan Laravel 8
35. Belajar Framework Laravel #35 |Membuat Reset Password Laravel Via Email
36. Belajar Framework Laravel #36 |Encrypt dan Decrypt pada Laravel
37. Belajar Framework Laravel #37 |Hashing Pada Laravel
38. Belajar Framework Laravel #38 |CRUD Membuat Upload file pada laravel 8
39. Belajar Framework Laravel #39 |CRUD Hapus File Menggunakan Laravel
40. Belajar Framework Laravel #40 |Session pada laravel
41. Belajar Framework Laravel #41 |Notifikasi dengan session laravel
42. Belajar Framework Laravel #42 |Error Handling Laravel
43. Belajar Framework Laravel #43 |Kirim Email Dengan Laravel
44. Belajar Framework Laravel #44 |Verifikasi Email User Laravel
45. Belajar Framework Laravel #45 |Membuat Laporan PDF Dengan DOMPDF Laravel
46. Belajar Framework Laravel #46 |Export Excel Laravel
47. Belajar Framework Laravel #47 |Import Excel Laravel
48. Belajar Framework Laravel #48 |Multi Bahasa Localization
49. Belajar Framework Laravel #49 |Multi Bahasa Localization Laravel Dengan URL
