{"id":28538,"date":"2025-09-01T00:30:29","date_gmt":"2025-08-31T21:30:29","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/laravel-blade-zarif-ve-tekrar-kullanilabilir-gorunumler-olusturma\/"},"modified":"2025-09-01T00:30:29","modified_gmt":"2025-08-31T21:30:29","slug":"laravel-blade-zarif-ve-tekrar-kullanilabilir-gorunumler-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/laravel-blade-zarif-ve-tekrar-kullanilabilir-gorunumler-olusturma\/","title":{"rendered":"Laravel & Blade: Zarif ve Tekrar Kullan\u0131labilir G\u00f6r\u00fcn\u00fcmler Olu\u015fturma"},"content":{"rendered":"

Laravel & Blade: Zarif ve Tekrar Kullan\u0131labilir G\u00f6r\u00fcn\u00fcmler Olu\u015fturma<\/p>\n

Laravel’in g\u00fc\u00e7l\u00fc ve esnek yap\u0131s\u0131, web uygulamalar\u0131n\u0131z\u0131 h\u0131zla geli\u015ftirmenizi sa\u011flar. Ancak, uygulaman\u0131z\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fcn \u015f\u0131k, tutarl\u0131 ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131 da bir o kadar \u00f6nemlidir. Blade \u015fablon motoruyla, karma\u015f\u0131k ve tekrarlayan kodlar\u0131 ortadan kald\u0131rarak, temiz, bak\u0131m\u0131 kolay ve tekrar kullan\u0131labilir g\u00f6r\u00fcn\u00fcmler olu\u015fturabilirsiniz. Bu makale, Laravel ve Blade’i kullanarak zarif ve tekrar kullan\u0131labilir g\u00f6r\u00fcn\u00fcmler olu\u015fturma yolculu\u011funuzda size rehberlik edecektir.<\/p>\n

Laravel ve Blade’e Giri\u015f: Temel Kavramlar<\/h2>\n

Laravel, PHP tabanl\u0131 pop\u00fcler bir web uygulama geli\u015ftirme framework’\u00fcd\u00fcr. Karma\u015f\u0131k projeleri daha kolay ve daha h\u0131zl\u0131 geli\u015ftirmenizi sa\u011flayan bir\u00e7ok \u00f6zelli\u011fe sahiptir. Bu \u00f6zellikler aras\u0131nda yer alan Blade \u015fablon motoru, PHP kodunuzu HTML’den ay\u0131rman\u0131za ve g\u00f6r\u00fcn\u00fcmlerinizin daha temiz ve okunabilir olmas\u0131n\u0131 sa\u011flaman\u0131za yard\u0131mc\u0131 olur. Blade, PHP kodunu HTML i\u00e7erisine yerle\u015ftirme ihtiyac\u0131n\u0131 ortadan kald\u0131rarak kodun daha d\u00fczenli olmas\u0131n\u0131 sa\u011flar. Ayr\u0131ca, Blade’in sa\u011flad\u0131\u011f\u0131 kontrol yap\u0131lar\u0131 ve di\u011fer yard\u0131mc\u0131 fonksiyonlar sayesinde kod tekrar\u0131ndan ka\u00e7\u0131n\u0131r ve uygulaman\u0131z\u0131n s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131r\u0131rs\u0131n\u0131z.<\/p>\n

Blade’in temel bile\u015fenleri aras\u0131nda y\u00f6nergeler (directives), par\u00e7alar (partials) ve yer tutucular (placeholders) bulunur. Y\u00f6nergeler, ko\u015fullu ifadeler, d\u00f6ng\u00fcler ve di\u011fer kontrol yap\u0131lar\u0131 olu\u015fturmak i\u00e7in kullan\u0131l\u0131r. Par\u00e7alar, tekrar tekrar kullan\u0131lan HTML par\u00e7alar\u0131n\u0131 ayr\u0131 dosyalar halinde tutman\u0131za olanak tan\u0131r. Yer tutucular ise, verileri g\u00f6r\u00fcn\u00fcmler i\u00e7erisine yerle\u015ftirmenizi kolayla\u015ft\u0131r\u0131r.<\/p>\n

\u00d6rne\u011fin, basit bir “Merhaba D\u00fcnya” \u00f6rne\u011fi ile ba\u015flayal\u0131m:<\/p>\n

\nMerhaba, {{ $name }}!<\/pre>\n
<\/code><\/p>\n
<\/pre>\n
<\/code>\/\/ routes\/web.php
\nRoute::get('\/', function () {
\n    return view('welcome', ['name' => 'D\u00fcnya']);
\n});<\/code><\/p>\n
Bu \u00f6rnekte, {{ $name }}<\/code> Blade y\u00f6nergesi, $name<\/code> de\u011fi\u015fkeninin de\u011ferini g\u00f6r\u00fcn\u00fcme yerle\u015ftirir. Bu basit \u00f6rnek bile, Blade'in nas\u0131l temiz ve okunabilir kod yazmaya yard\u0131mc\u0131 oldu\u011funu g\u00f6stermektedir. Daha karma\u015f\u0131k uygulamalar i\u00e7in, Blade'in sundu\u011fu g\u00fc\u00e7l\u00fc \u00f6zellikler ve fonksiyonlar \u00e7ok daha b\u00fcy\u00fck faydalar sa\u011flayacakt\u0131r.<\/p>\n
Blade Y\u00f6nergeleri: \u015eablon Kontrol\u00fcn\u00fc Elde Etme<\/h2>\n
Blade'in en \u00f6nemli \u00f6zelliklerinden biri,  y\u00f6nergelerdir.  Bu y\u00f6nergeler,  ko\u015fullu ifadeler, d\u00f6ng\u00fcler ve  di\u011fer kontrol yap\u0131lar\u0131 kullanarak  g\u00f6r\u00fcn\u00fcmlerinizin i\u00e7eri\u011fini dinamik olarak olu\u015fturman\u0131za olanak tan\u0131r.  @if<\/code>, @elseif<\/code>, @else<\/code>, @endif<\/code>, @for<\/code>, @foreach<\/code>, @while<\/code>, @endwhile<\/code> gibi  y\u00f6nergeler s\u0131kl\u0131kla kullan\u0131lanlard\u0131r.  Ayr\u0131ca,  @include<\/code>, @extends<\/code>, @section<\/code>, @yield<\/code> y\u00f6nergeleri ile  par\u00e7alar\u0131 i\u00e7e aktarabilir ve  ana g\u00f6r\u00fcn\u00fcmleri olu\u015fturabilirsiniz.  Bunlar,  kod tekrar\u0131n\u0131 azaltmak ve  uygulaman\u0131z\u0131n s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131rmak i\u00e7in \u00e7ok \u00f6nemlidir.<\/p>\n
\u00d6rnek olarak, bir \u00fcr\u00fcn listesini g\u00f6r\u00fcnt\u00fclemek i\u00e7in @foreach<\/code> y\u00f6nergesini nas\u0131l kullanabilece\u011finizi g\u00f6relim:<\/p>\n
\n@foreach ($products as $product)\n    
\n        
{{ $product->name }}<\/h2>\n        
{{ $product->description }}<\/p>\n        
Fiyat: {{ $product->price }}<\/p>\n    <\/div>\n@endforeach<\/pre>\n
<\/code><\/p>\n
Bu kod,  $products<\/code> dizisindeki her bir \u00fcr\u00fcn i\u00e7in  bir div<\/code> eleman\u0131 olu\u015fturur.  $product->name<\/code>, $product->description<\/code> ve $product->price<\/code>  gibi  \u00f6zelliklere eri\u015ferek  \u00fcr\u00fcn bilgilerini g\u00f6r\u00fcnt\u00fcler.  Bu sayede,  ayn\u0131 kodu tekrar tekrar yazmadan  \u00e7ok say\u0131da \u00fcr\u00fcn\u00fc  kolayca listeleyebilirsiniz.<\/p>\n
Blade Par\u00e7alar\u0131: Kod Tekrar\u0131n\u0131 Azaltma<\/h2>\n
Blade par\u00e7alar\u0131,  g\u00f6r\u00fcn\u00fcmlerinizin tekrar eden b\u00f6l\u00fcmlerini  ayr\u0131 dosyalar halinde tutman\u0131za olanak tan\u0131r.  Bu,  kod tekrar\u0131n\u0131 azalt\u0131r,  bak\u0131m\u0131 kolayla\u015ft\u0131r\u0131r ve  uygulaman\u0131z\u0131n s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131r\u0131r.  Par\u00e7alar\u0131 @include<\/code> y\u00f6nergesi ile  ana g\u00f6r\u00fcn\u00fcmlerinizde  kullanabilirsiniz.  \u00d6rne\u011fin,  bir \u00fcstbilgi (header) veya  altbilgi (footer) gibi  tekrar eden b\u00f6l\u00fcmleri  ayr\u0131 par\u00e7alar halinde olu\u015fturup,  her sayfada  tekrar kullanabilirsiniz.<\/p>\n
\u00d6rnek olarak, bir \u00fcstbilgi par\u00e7as\u0131 olu\u015ftural\u0131m:<\/p>\n
\n
\n    My Web Sitesi\n