close

Gradnja postavitev z Laravel- Ustvarjanje prilagodljivih in vzdržljivih vmesnikov

V Laravel, ima postavitev pomembno vlogo pri gradnji uporabniškega vmesnika za spletno aplikacijo. Postavitev predstavlja celotno strukturo spletne strani, vključno s pogostimi razdelki, kot sta header, footer  in sidebar. V tem članku bomo raziskali, kako vgraditi postavitve za Laravel ustvarjanje prilagodljivih vmesnikov, ki jih je mogoče vzdrževati.

Najprej ustvarimo osnovno postavitev za naše spletno mesto. Začnite z ustvarjanjem datoteke z imenom app.blade.php v imeniku. Ta datoteka bo služila kot glavna postavitev za celotno spletno mesto. resources/views/layouts

Tukaj je primer vsebine datoteke 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>

V tej postavitvi uporabljamo @yield direktive za definiranje dinamičnih odsekov znotraj postavitve. @yield('title') Otroku na primer omogoča preglasitev in nastavitev naslova strani. Podobno omogoča otroku, da vstavi glavno vsebino strani. views @yield('content') views

Ko je postavitev ustvarjena, lahko ustvarimo podrejene, ki uporabljajo to postavitev. Če želite na primer ustvariti stran s podobno postavitvijo, ustvarite datoteko z imenom v imeniku. Ta datoteka bo razširila  postavitev in določila posebno vsebino za stran: 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

V zgornjem primeru uporabimo @extends direktivo za podedovanje app.blade.php  postavitve. Nato uporabimo @section direktivo za določitev specifične vsebine za title  in content  razdelke strani.

Končno moramo definirati poti za povezavo URL-jev z ustreznimi. views

Na primer, v routes/web.php  datoteko lahko dodate naslednje poti:

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

V tem primeru je URL »/« povezan z welcome.blade.php view, medtem ko /about je URL povezan z about.blade.php view.

Skratka, izdelava postavitev Laravel vam omogoča ustvarjanje skupnega vmesnika za vašo spletno aplikacijo in upravljanje skupnih razdelkov, kot sta header, footer in sidebar. Z uporabo postavitev in otroka lahko zgradite prilagodljive in vzdržljive vmesnike v. views Laravel