close

Sukurkite išdėstymus naudojant Laravel – lanksčių ir prižiūrimų sąsajų kūrimas

Išdėstymas Laravel vaidina svarbų vaidmenį kuriant žiniatinklio programos vartotojo sąsają. Išdėstymas parodo bendrą tinklalapio struktūrą, įskaitant įprastas dalis, tokias kaip header, footer  ir sidebar. Šiame straipsnyje mes išnagrinėsime, kaip sukurti išdėstymus, Laravel kad būtų sukurtos lanksčios ir prižiūrimos sąsajos.

Pirmiausia sukurkime pagrindinį mūsų svetainės maketą. Pradėkite sukurdami failą, pavadintą app.blade.php kataloge. Šis failas bus pagrindinis visos svetainės išdėstymas. resources/views/layouts

Štai failo turinio pavyzdys app.blade.php:

<!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>

Šiame makete mes naudojame @yield direktyvas, kad apibrėžtume dinamines išdėstymo dalis. Pavyzdžiui, @yield('title') leidžia vaikui nepaisyti ir nustatyti puslapio pavadinimą. Panašiai leidžia vaikui įterpti pagrindinį puslapio turinį. views @yield('content') views

Sukūrę maketą, galime sukurti vaiką, kuris naudotų šį maketą. Pavyzdžiui, norėdami sukurti puslapį su panašiu išdėstymu, sukurkite failą, pavadintą kataloge. Šis failas išplės  maketą ir apibrėžs konkretų puslapio turinį: 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

Aukščiau pateiktame pavyzdyje mes naudojame @extends direktyvą, kad paveldėtume app.blade.php  išdėstymą. Tada naudojame @section direktyvą, kad apibrėžtume konkretų puslapio title  ir content  skyrių turinį.

Galiausiai turime apibrėžti maršrutus, kaip susieti URL adresus su atitinkamais. views

Pavyzdžiui, faile routes/web.php  galite įtraukti šiuos maršrutus:

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

Šiame pavyzdyje „/“ URL yra susietas su welcome.blade.php view, o /about URL yra susietas su about.blade.php view.

Apibendrinant galima pasakyti, kad išdėstymų kūrimas Laravel leidžia sukurti bendrą žiniatinklio programos sąsają ir valdyti įprastas skiltis, tokias kaip header, footer ir sidebar. Naudodami išdėstymus ir antrinius elementus galite sukurti lanksčias ir prižiūrimas sąsajas. views Laravel