Ajmal-Yumna

Praktik 1: Extends, Yield, Section



Catatan Koe mengenai penerapan route, include, extends, yields, dan section


web.php

route::get('/beranda',function(){
    return view('beranda');
});

route::get('/kontak',function(){
    return view('kontak');
});

route::get('/perihal',function(){
    return view('perihal');
});


navigasi.blade.php

<div>
    <a href="/beranda">Beranda</a>  |  
    <a href="/kontak">Kontak</a>  |  
    <a href="/perihal">Perihal</a>  
</div>
<br/>


layout.app.blade

<!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>Belajar Laravel 7</title>
</head>
<body>
     @include('layout.navigasi')
     
    <h1>@yield('konten')</h1>
</body>
</html>


beranda.blade.php

@extends('layout.app')

@section('konten')
    Konten Beranda... ke yield-kan yang ada di app.blade
@endsection


kontak.blade.php

@extends('layout.app')


@section('konten')
    Konten Kontak... ke yield-kan yang ada di app.blade
@endsection


perihal.blade.php

@extends('layout.app')


@section('konten')
    Konten Perihal... ke yield-kan yang ada di app.blade
@endsection


0 Comments:


© Sora XScript