İçeriğe atla
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

Laravel

  • makale
    24
  • yorum
    0
  • görüntüleme
    113.645

Laravel Blade Layout


Doğuhan ELMA

87 görünüm

Laravel Blade, Laravel'in sağladığı güçlü bir şablon motorudur. Blade, veri gösterimi ve şablon kalıtımı için basit ama etkili yöntemler sunar. Layouts, Laravel Blade ile bir web uygulamasının farklı bölümlerini (örneğin, header, footer, sidebar) yeniden kullanılabilir yapılar olarak tanımlamanıza olanak tanır. Bu yapılar, uygulamanın farklı sayfalarında tutarlı bir görünüm ve his sağlamak için kullanılır.

 

Blade Layout Oluşturma

Layout Dosyası Oluşturma: Genellikle, layouts klasörü içinde bir layout dosyası oluşturursunuz. Bu dosya, uygulamanızın genel yapısını tanımlar. Örneğin, resources/views/layouts/app.blade.php isminde bir dosya oluşturun.

<!doctype html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Post show @yield('title')</title>
</head>
<body>

<header>
    <nav>
        <a href="/">Home</a>
        <a href="post">Post</a>
    </nav>
</header>

@section('body')

@show

</body>
</html>

 

home.blade.php

@extends('layouts.app')

@section('title', 'Hoş Geldiniz')

@section('body')

    @if(count($posts))
        @foreach($posts as $post)
            <div>
                {{$post['title']}} :{{$post['id']}}
            </div>
        @endforeach
    @else
        No post
    @endif
@stop

 

Bu yapı, uygulamanızın farklı bölümlerini organize etmek, kod tekrarını azaltmak ve tutarlı bir sayfa yapısı sağlamak için etkilidir. Blade layout'ları ve view'ları, verimli ve esnek bir şekilde birleştirerek, geliştirme sürecinizi hızlandırır ve uygulamanızın bakımını kolaylaştırır.

0 Yorum


Önerilen Yorumlar

Görüntülenecek yorum yok.

Misafir
Yorum ekle...

×   Zengin metin olarak yapıştırıldı.   Bunun yerine düz metin olarak yapıştır

  Yalnızca 75 emojiye izin verilir.

×   Bağlantınız otomatik olarak gömüldü.   Bunun yerine bağlantı olarak görüntüle

×   Önceki içeriğiniz geri yüklendi.   Düzenleyiciyi temizle

×   Görüntüleri doğrudan yapıştıramazsınız. URL'den resim yükleyin veya ekleyin.

×
×
  • Create New...