Düzen Dosyaları: +layout.svelte
Düzen bileşenleriyle birden çok sayfa arasında gezinmeyi ve kabuk kullanıcı arayüzünü paylaşın.
Düzen Dosyaları: +layout.svelte, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Yerleşimler Sayfaları Sarar
Bir +layout.svelte dosyası, aynı klasördeki ve alt klasörlerindeki tüm sayfaları sarar.
Kök Yerleşim
src/routes/+layout.svelte, uygulamadaki her sayfayı sarar. Gezinme ve uygulama iskeleti için yaygın bir yerdir.
<!-- +layout.svelte -->
<nav>...</nav>
<main>
<slot />
</main>İçerik Yuvası
Geçerli sayfa, <slot /> öğesinin göründüğü yere eklenir.
İç İçe Yerleşimler
Bölüme özel yerleşimler için herhangi bir alt klasöre +layout.svelte ekleyin.
src/routes/admin/+layout.svelte // wraps all /admin/* pagesYerleşim Mirası
Sayfalar, kökten aşağıya doğru tüm üst yerleşimleri devralır. Ortak arayüzler için bunları üst üste kullanın.
Yerleşim Verilerini Yükleme
Yerleşimde gereken verileri yüklemek için +layout.js ile birlikte kullanın.
Koşullu Arayüz
Yerleşimler, geçerli URL'ye göre değişiklik yapmak için $page değerini okuyabilir.
Yerleşimi Sıfırlama
Belirli bir sayfa için bir yerleşimden çıkmak üzere +page@ gösterimini kullanın.
Yerleşim Grupları
URL'ye bölüm eklemeyen yerleşimler için (marketing) gibi klasörler kullanın.
Hata Sayfaları
Bu bölümdeki hataları yakalamak için herhangi bir yerleşim klasörüne +error.svelte yerleştirin.
Yerleşimleri Yeniden Kullanma
Yerleşimler, tutarlı bir arayüz oluşturmayı kolaylaştırır. Özellikleri katmanlar boyunca aktarmak gerekmez.
Hızlı Kontrol
Sayfa bir yerleşimin içinde nerede işlenir?
Özet
Yerleşimler, +layout.svelte aracılığıyla sayfaları bir <slot /> ile sarar. Klasör derinliğine göre iç içe geçerler.
Sıkça Sorulan Sorular
“Düzen Dosyaları: +layout.svelte” dersi ücretsiz mi?
Evet — “Düzen Dosyaları: +layout.svelte” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Düzen Dosyaları: +layout.svelte” dersinde ne öğreneceğim?
Düzen bileşenleriyle birden çok sayfa arasında gezinmeyi ve kabuk kullanıcı arayüzünü paylaşın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.
“Düzen Dosyaları: +layout.svelte” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- +page.svelte ile Dosya Tabanlı Yönlendirme
- Dinamik Yönlendirme Parametreleri: [id]
- İsteğe Bağlı ve Kalan Parametreler
- Düzen Dosyaları: +layout.svelte