close

Aşağıdakilerle Yerleşim Düzenleri Oluşturma Laravel- Esnek ve Bakımı Yapılabilir Arayüzler Oluşturma

'da Laravel düzen, bir web uygulaması için kullanıcı arabiriminin oluşturulmasında önemli bir rol oynar.  Düzen, ve header gibi ortak bölümler de dahil olmak üzere bir web sayfasının genel yapısını temsil eder. Bu makalede, esnek ve bakımı yapılabilir arayüzler oluşturmak için düzenlerin nasıl oluşturulacağını keşfedeceğiz. footer sidebar Laravel

İlk olarak, web sitemiz için temel bir düzen oluşturalım. app.blade.php Dizinde adlı bir dosya oluşturarak başlayın. Bu dosya, tüm web sitesi için ana düzen olarak hizmet edecektir. resources/views/layouts

İşte app.blade.php dosya için örnek bir içerik:

<!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 Bu düzende, düzen içindeki dinamik bölümleri tanımlamak için yönergeleri kullanırız. Örneğin, @yield('title') çocuğun sayfa başlığını geçersiz kılmasına ve ayarlamasına izin verir. Benzer şekilde, çocuğun sayfanın ana içeriğini eklemesine izin verir. views @yield('content') views

Düzen oluşturulduktan sonra, bu düzeni kullanan alt öğe oluşturabiliriz. Örneğin, benzer bir düzene sahip bir sayfa oluşturmak için dizinde adlı bir dosya oluşturun. Bu dosya düzeni genişletecek  ve sayfa için belirli içeriği tanımlayacaktır: 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

Yukarıdaki örnekte, düzeni @extends devralmak için yönergeyi kullanıyoruz app.blade.php  .  Ardından, sayfanın  ve bölümleri @section için belirli içeriği tanımlamak için yönergeyi kullanırız. title content

Son olarak, URL'leri ilgili. views

Örneğin, dosyaya routes/web.php  aşağıdaki rotaları ekleyebilirsiniz:

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

Bu örnekte, "/" URL'si ile bağlantılıyken welcome.blade.php view, /about URL ile bağlantılıdır about.blade.php view.

Sonuç olarak, içinde mizanpajlar oluşturmak, Laravel web uygulamanız için paylaşılan bir arayüz oluşturmanıza ve header, footer ve gibi ortak bölümleri yönetmenize olanak tanır sidebar. Yerleşimleri ve alt öğelerini kullanarak, içinde esnek ve bakımı yapılabilir arabirimler oluşturabilirsiniz. views Laravel