Laravel Routes dan Laravel View – Episode 2

  1. Laravel Routes
    Routes di Laravel digunakan untuk mendefinisikan URL yang dapat diakses oleh pengguna dan menghubungkannya dengan controller atau closure. Routes mengatur alur aplikasi, memetakan permintaan HTTP (GET, POST, dll) ke fungsi tertentu.
    • Definisi Route: Routes didefinisikan di file routes/web.php untuk aplikasi berbasis web atau routes/api.php untuk API.
    • Contoh Route:phpCopy codeRoute::get('/home', [HomeController::class, 'index']); Route::post('/submit', [FormController::class, 'submit']);
    • Route Parameter: Dapat mendefinisikan parameter dinamis dalam URL.phpCopy codeRoute::get('/user/{id}', [UserController::class, 'show']);
    • Route Grouping: Untuk mengelompokkan rute dengan middleware atau prefix tertentu.phpCopy codeRoute::middleware('auth')->group(function () { Route::get('/profile', [UserController::class, 'profile']); });
  2. Laravel View
    View di Laravel digunakan untuk menampilkan konten kepada pengguna. Laravel memisahkan logika aplikasi dari tampilan menggunakan sistem templating Blade. View adalah file HTML yang dapat berisi kode Blade untuk menyuntikkan data dinamis.
    • Definisi View: Views biasanya diletakkan di folder resources/views.
    • Contoh Penggunaan View:phpCopy codereturn view('home', ['name' => 'John']);
    • Blade Syntax: Menggunakan sintaks Blade untuk menyuntikkan data, loop, dan kontrol alur.bladeCopy code<h1>Hello, {{ $name }}</h1>
    • View Layouts: Menggunakan @extends dan @section untuk mengatur layout dasar.bladeCopy code@extends('layouts.app') @section('content') <h1>Welcome to the Dashboard</h1> @endsection

Secara singkat:

  • Routes untuk mendefinisikan URL dan menghubungkannya ke controller atau closure.
  • View untuk menampilkan tampilan (HTML) dan menggunakan Blade untuk menyuntikkan data dinamis.

Instruksi : 

  • Buat Projects Laravel dengan nama “cvtemplates”
  • Gunakan templates “startbootstrap-resume-gh-pages” untuk nanti digunakan ketika membuat view
  • Copy/simpan folder “startbootstrap-resume-gh-pages” di folder “/public”
  • Buat 6 Routes dan 6 View sesuai dengan templates yang sudah di download
  • Dokumentasikan tahapannya dalam google docs dan dikumpulkan

Catatan Tambahan :
1. Untuk membuat link/url baru bisa buka folder routes/web.php tambahkan :
Route::get(‘/home’, function () {
    return view(‘home’);
});
2. Untuk membuat view baru bisa buka folder resources/view/ lalu tambahkan file baru misalnya home.blade.php
3. Untuk memanggil css atau image di blade laravel, kita bisa menggunakan {{ asset(‘path css/path image.jpg’) }}, contohnya :

<link href=”{{ asset(‘startbootstrap-resume-gh-pages/css/styles.css’)}}” rel=”stylesheet” />
<img class=”img-fluid img-profile rounded-circle mx-auto mb-2″ src=”{{ asset(‘startbootstrap-resume-gh-pages/assets/img/profile.jpg’)}}” alt=”…” />

Download Template : https://drive.google.com/file/d/1CYqgcYf9B9GKwjMF-9K0SHLfxgldZf6e/view?usp=drive_link

Tags :

Leave a Reply

Your email address will not be published. Required fields are marked *

18 − six =

Tutorial Terpopuler

Tutorial Pilihan

Tentang Gurututorku

Gurututorku adalah sebuah kursus online maupun offline yang menyediakan berbagai macam tutorial tentang pemrograman, design, dan multimedia serta artikel teknologi yang tentunya bisa dinikmati dan dipelajari oleh semua orang yang baru ingin belajar dunia IT.

© 2024 – Gurututorku.com | Learning today success tomorrow.