close

Tata Letak Bangunan kanthi Laravel- Nggawe Antarmuka sing Fleksibel lan Bisa Dijaga

Ing Laravel, tata letak nduweni peran penting kanggo mbangun antarmuka panganggo kanggo aplikasi web. Tata letak nggambarake struktur sakabehe kaca web, kalebu bagean umum kaya header, footer  lan sidebar. Ing artikel iki, kita bakal njelajah babagan carane nggawe tata letak Laravel kanggo nggawe antarmuka sing fleksibel lan bisa dijaga.

Kaping pisanan, ayo nggawe tata letak dhasar kanggo situs web kita. Miwiti kanthi nggawe file sing dijenengi app.blade.php ing direktori. Berkas iki bakal dadi tata letak utama kanggo kabeh situs web. resources/views/layouts

Punika conto isi kanggo app.blade.php file:

<!DOCTYPE html>  
<html>  
<head>  
    <title>@yield('title')</title>  
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">  
</head>  
<body>  
    <header>  
        <h1>Header</h1>  
    </header>  
  
    <nav>  
        <ul>  
            <li><a href="/">Home</a></li>  
            <li><a href="/about">About</a></li>  
            <li><a href="/contact">Contact</a></li>  
        </ul>  
    </nav>  
  
    <main>  
        @yield('content')  
    </main>  
  
    <footer>  
        <p>Footer</p>  
    </footer>  
  
    <script src="{{ asset('js/app.js') }}"></script>  
</body>  
</html>

Ing tata letak iki, kita nggunakake @yield arahan kanggo nemtokake bagean dinamis ing tata letak. Contone, @yield('title') ngidini anak kanggo ngganti lan nyetel judhul kaca. Kajaba iku, ngidini bocah nglebokake isi utama kaca kasebut. views @yield('content') views

Sawise tata letak digawe, kita bisa nggawe anak sing nggunakake tata letak iki. Contone, kanggo nggawe kaca kanthi tata letak sing padha, gawe file sing dijenengi ing direktori. Berkas iki bakal ngluwihi  tata letak lan nemtokake isi tartamtu kanggo kaca: views about about.blade.php resources/views app.blade.php about 

@extends('layouts.app')  
  
@section('title', 'About')  
  
@section('content')  
    <h2>About Page</h2>  
    <p>This is the about us page.</p>  
@endsection

Ing conto ing ndhuwur, kita nggunakake @extends arahan kanggo marisi app.blade.php  tata letak. Sabanjure, kita nggunakake @section arahan kanggo nemtokake isi tartamtu kanggo title  lan content  bagean kaca.

Pungkasan, kita kudu nemtokake rute kanggo ngubungake URL menyang. views

Contone, ing routes/web.php  file, sampeyan bisa nambah rute ing ngisor iki:

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

Ing conto iki, URL "/" disambung menyang welcome.blade.php view, nalika /about URL disambung menyang about.blade.php view.

Kesimpulane, tata letak bangunan ing Laravel ngidini sampeyan nggawe antarmuka sing dienggo bareng kanggo aplikasi web lan ngatur bagean umum kaya header, footer lan sidebar. Kanthi nggunakake tata letak lan anak, sampeyan bisa mbangun antarmuka fleksibel lan maintainable ing. views Laravel