close

შენობების განლაგება Laravel- მოქნილი და შენარჩუნებული ინტერფეისების შექმნა

In Laravel, განლაგება მნიშვნელოვან როლს ასრულებს ვებ აპლიკაციის მომხმარებლის ინტერფეისის შექმნაში. განლაგება წარმოადგენს ვებ გვერდის მთლიან სტრუქტურას, მათ შორის საერთო სექციებს, როგორიცაა header, footer  და sidebar. ამ სტატიაში ჩვენ განვიხილავთ, თუ როგორ უნდა ავაშენოთ განლაგება Laravel მოქნილი და შენარჩუნებული ინტერფეისების შესაქმნელად.

პირველ რიგში, მოდით შევქმნათ ჩვენი ვებსაიტის ძირითადი განლაგება. app.blade.php დაიწყეთ დირექტორიაში დასახელებული ფაილის შექმნით. ეს ფაილი იქნება მთელი ვებსაიტის მთავარი განლაგება. resources/views/layouts

აქ არის ფაილის შინაარსის მაგალითი 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>

ამ განლაგებაში ჩვენ ვიყენებთ @yield დირექტივებს განლაგების შიგნით დინამიური სექციების დასადგენად. მაგალითად, @yield('title') საშუალებას აძლევს ბავშვს გადალახოს და დააყენოს გვერდის სათაური. ანალოგიურად, საშუალებას აძლევს ბავშვს ჩასვას გვერდის ძირითადი შინაარსი. views @yield('content') views

განლაგების შექმნის შემდეგ, ჩვენ შეგვიძლია შევქმნათ ბავშვი, რომელიც გამოიყენებს ამ განლაგებას. მაგალითად, მსგავსი განლაგებით გვერდის შესაქმნელად, შექმენით დირექტორიაში დასახელებული ფაილი. ეს ფაილი გააფართოვებს განლაგებას  და განსაზღვრავს გვერდის კონკრეტულ შინაარსს: 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

ზემოთ მოყვანილ მაგალითში, ჩვენ ვიყენებთ დირექტივას @extends განლაგების მემკვიდრეობით app.blade.php  . შემდეგი, ჩვენ ვიყენებთ დირექტივას  გვერდის  და სექციების @section კონკრეტული შინაარსის დასადგენად. title content

და ბოლოს, ჩვენ უნდა განვსაზღვროთ მარშრუტები, რომ დააკავშიროთ URL-ები შესაბამის. views

მაგალითად, ფაილში routes/web.php  შეგიძლიათ დაამატოთ შემდეგი მარშრუტები:

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

ამ მაგალითში, "/" URL უკავშირდება welcome.blade.php view, ხოლო /about URL დაკავშირებულია about.blade.php view.

დასასრულს, შენობის განლაგება Laravel საშუალებას გაძლევთ შექმნათ საერთო ინტერფეისი თქვენი ვებ აპლიკაციისთვის და მართოთ საერთო სექციები, როგორიცაა header, footer და sidebar. განლაგებისა და ბავშვის გამოყენებით, შეგიძლიათ შექმნათ მოქნილი და შენარჩუნებული ინტერფეისები. views Laravel