close

Ndërtimi i paraqitjeve me Laravel- Krijimi i ndërfaqeve fleksibël dhe të mirëmbajtur

Në Laravel, faqosja luan një rol të rëndësishëm në ndërtimin e ndërfaqes së përdoruesit për një aplikacion në internet. Një plan urbanistik përfaqëson strukturën e përgjithshme të një faqe interneti, duke përfshirë seksione të zakonshme si header, footer  dhe sidebar. Në këtë artikull, ne do të shqyrtojmë se si të ndërtojmë paraqitjet për Laravel të krijuar ndërfaqe fleksibël dhe të mirëmbajtur.

Së pari, le të krijojmë një plan urbanistik bazë për faqen tonë të internetit. Filloni duke krijuar një skedar të emërtuar app.blade.php në drejtori. Ky skedar do të shërbejë si faqosje kryesore për të gjithë faqen e internetit. resources/views/layouts

Këtu është një shembull i përmbajtjes për app.blade.php skedarin:

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

Në këtë paraqitje, ne përdorim @yield direktivat për të përcaktuar seksionet dinamike brenda paraqitjes. Për shembull, @yield('title') lejon fëmijën të anashkalojë dhe të vendosë titullin e faqes. Në mënyrë të ngjashme, i lejon fëmijës të fusë përmbajtjen kryesore të faqes. views @yield('content') views

Pasi të krijohet faqosja, ne mund të krijojmë fëmijë që përdor këtë paraqitje. Për shembull, për të krijuar një faqe me një plan urbanistik të ngjashëm, krijoni një skedar të emërtuar në drejtori. Ky skedar do të zgjerojë  paraqitjen dhe do të përcaktojë përmbajtje specifike për faqen: 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

Në shembullin e mësipërm, ne përdorim @extends direktivën për të trashëguar app.blade.php  paraqitjen. Më pas, ne përdorim @section direktivën për të përcaktuar përmbajtjen specifike për seksionet title  dhe content  seksionet e faqes.

Së fundi, ne duhet të përcaktojmë rrugët për të lidhur URL-të me ato përkatëse. views

Për shembull, në routes/web.php  skedar, mund të shtoni rrugët e mëposhtme:

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

Në këtë shembull, URL-ja "/" është e lidhur me welcome.blade.php view, ndërsa /about URL-ja është e lidhur me about.blade.php view.

Si përfundim, ndërtimi i paraqitjeve në Laravel ju lejon të krijoni një ndërfaqe të përbashkët për aplikacionin tuaj në ueb dhe të menaxhoni seksione të zakonshme si header, footer dhe sidebar. Duke përdorur paraqitjet dhe fëmijën, mund të ndërtoni ndërfaqe fleksibël dhe të mirëmbajtur në. views Laravel