Breaking

Post Top Ad

Pasang Iklan Disini

Rabu, 08 Februari 2023

Struktur Folder, Routes & View Laravel


 

Karena laravel merupakan konsep MVC, maka kita harus tau dimana letak folder-folder tersebut.

  1. Model -> app-Model
  2. View -> resources-views
  3. Controller -> app-Http-Controllers

Selain ketiga folder tersebut, ada beberapa folder lain yang harus diperhatikan diantaranya :

  • public : folder ini digunakan untuk menyimpan semua file statis kita seperti gambar, css, js dll
  • routes : folder ini terdapat file-file untuk routing atau penjaluran. Dimana semua itu di atus di dalam file web.php
  • file .env : file ini berperan sebagai penghubung antara aplikasi dan database.

Ketika kita akses web kita atau http://127.0.0.1:8000/ akan muncul halaman view. Itu semua di atur dalam folder routes pada file web.php. Lihat isi file deafult tersebut :


Route::get('/', function () {
    return view('welcome');
});


Ketika ada rute yang mengakses metode get (metode yang mengakses url) yang alamatnya sles (/) atau http://127.0.0.1:8000/  akan dikembalikan ke nilai/alamat folder view dimana ada file welcome.blade.php return view('welcome');   Kalau kita ingin menampilkan selain folder view, kita bisa memberikan nilai lain misal return 'Helo Kopikuka'; maka ketika kita akses url default (http://127.0.0.1:8000/ ) atau maka akan muncul di browser tulisan Helo Kopikuka


Contoh lain: 

Route::get('/about', function () {
    return 'Halaman About';
});


Jika kita membuka url default + about (http://127.0.0.1:8000/about) maka akan di tampilkan di browser Halaman About.

Seperti yang sudah dijelaskan di atas, kalau folder public adalah folder untuk menyimpan file statis seperti css dan java script, jika kita ingin menambahkan file tersebut, kita tinggal buat folder js atau css pada folder public lalu kita akses link tersebut pada kode kita seperti berikut:


<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>


Lihat pada href="css/style.css" itu berarti kita mengakses file style.css yang ada pada folder public->css.


Mengirim Data Dari Route Ke View

Cara untuk mengirimkan data dari route ke view yang berupa array assosiative, cukup mudah. Misal kita ingin mengirim data dari route ke halaman about. Pada route, kita tinggal menuliskan sebagai berikut:


Route::get('/about', function () {
    return view('about', [
        "nama" => "Kopikuka",
        "email" => "kopikuka@gmail.com",
        "ttl" => 1990,
        "foto" => "kopikuka.jpeg"
    ]);
});


Lalu pada file about.blade.php ketikan kode berikut:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>Halaman About</h1>
    <ul>
        <li>Nama : {{ $nama }}</li>
        <li>Alamat : {{ $email }}</li>
        <li>Tanggal Lahir : {{ $ttl }}</li>
        <li>Foto : <img src="img/{{ $foto }}" alt="" width="80"></li>
    </ul>
</body>
</html>


Di route kita mencoba mengirim data berupa array dengan key nama, email, ttl dan foto yang sudah ada value-nya yaitu Kopikuka, kopikuka@gmail.com, 1990, dan kopikuka.jpeg ke halaman/file about. Lalu di file about data itu di terima dan di tangkap melalui key-nya (variabel) <?php echo "$nama" ?>; atau gunakan sintaks echo yang dimiliki oleh laravel yaitu {{ $nama }}. Maka akan tampil sebagai berikut:





Materi lanjutan : Part 3 - Blade Templating Engine Laravel


Tidak ada komentar:

Posting Komentar

Post Top Ad

Pasang Iklan Disini

Halaman