close

Bini ta 'Layouts bi Laravel- Ħolqien ta' Interfaces Flessibbli u Mantenibbli

F' Laravel, it-tqassim għandu rwol sinifikanti fil-bini tal-interface tal-utent għal applikazzjoni tal-web. Tqassim jirrappreżenta l-istruttura ġenerali ta' paġna web, inklużi sezzjonijiet komuni bħall- header, footer  u sidebar. F'dan l-artikolu, se nesploraw kif nibnu layouts Laravel biex noħolqu interfaces flessibbli u li jistgħu jinżammu.

L-ewwelnett, ejja noħolqu tqassim bażiku għall-websajt tagħna. Ibda billi toħloq fajl imsemmi app.blade.php fid- direttorju. Dan il-fajl se jservi bħala t-tqassim prinċipali għall-websajt kollha. resources/views/layouts

Hawn hu eżempju ta' kontenut għall- app.blade.php fajl:

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

F'dan it-tqassim, nużaw id @yield -direttivi biex niddefinixxu sezzjonijiet dinamiċi fi ħdan it-tqassim. Pereżempju, @yield('title') tippermetti lit-tfal li jissettjaw it-titlu tal-paġna. Bl-istess mod, jippermetti lit-tfal li jdaħħal il-kontenut prinċipali tal-paġna. views @yield('content') views

Ladarba tinħoloq it-tqassim, nistgħu noħolqu tfal li jużaw dan it-tqassim. Pereżempju, biex toħloq paġna b'tqassim simili, oħloq fajl imsemmi fid- direttorju. Dan il-fajl se jestendi t  -tqassim u jiddefinixxi kontenut speċifiku għall- paġna: 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

Fl-eżempju ta 'hawn fuq, nużaw id @extends -direttiva biex nirtitu t- app.blade.php  tqassim. Sussegwentement, nużaw id @section -direttiva biex niddefinixxu l-kontenut speċifiku għas- sezzjonijiet title  u content  tal-paġna.

Fl-aħħarnett, irridu niddefinixxu r-rotot biex torbot l-URLs mal-. views

Per eżempju, fil- routes/web.php  fajl, tista 'żżid ir-rotot li ġejjin:

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

F'dan l-eżempju, il-URL "/" huwa marbut mal- welcome.blade.php view, filwaqt li l- /about URL huwa marbut mal- about.blade.php view.

Bħala konklużjoni, il-bini taqsim fi Laravel jippermettilek toħloq interface kondiviża għall-applikazzjoni tal-web tiegħek u timmaniġġja sezzjonijiet komuni bħall- header, footer u sidebar. Billi tuża layouts u tfal, tista 'tibni interfaces flessibbli u li jistgħu jinżammu f'. views Laravel