Jump to content
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×
  • entries
    24
  • comments
    0
  • views
    73,582

Laravel Blade Layout


Doğuhan ELMA

55 views

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 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...