Dinamik Yönlendirme Parametreleri: [id]
Klasör adlarında köşeli parantez söz dizimini kullanarak URL bölümlerini parametre olarak yakalayın.
Dinamik Yönlendirme Parametreleri: [id], CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. 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.
Köşeli Parantezli Klasör Adları
Dinamik bölümler için klasör adlarında köşeli parantezler kullanın.
src/routes/blog/[slug]/+page.svelte -> /blog/:slugParametreye Erişme
Sayfanın içinde $app/stores içindeki $page deposunu kullanın.
import { page } from "$app/stores";
<p>Slug: {$page.params.slug}</p>load İşlevinde Erişim
+page.js içindeki load işlevinde params.slug değerini doğrudan kullanın.
export function load({ params }) { return { slug: params.slug }; }Birden Çok Parametre
Birden çok bölümlü yollar için birden fazla parantez kullanın.
src/routes/[lang]/[slug]/+page.svelteParametreleri Doğrulama
Parametre geçersizse load işlevinden 404 döndürün.
if (!isValid(params.slug)) error(404, "Not found");Eşleştiriciler
Bir parametre üzerinde düzenli ifade zorlaması yapmak için src/params içine bir eşleştirici ekleyin.
src/routes/blog/[slug=alpha]/+page.svelteEşleştirici Tanımlama
Bir işlev dışa aktaran src/params/alpha.js dosyası oluşturun.
export function match(value) { return /^[a-z]+$/.test(value); }Kısa Adlarla SEO
Kısa adlar genellikle URL için güvenli kimliklerdir. Temiz URL'ler için başlıklardan kısa adlar oluşturun.
Statik ve Dinamik Rotaları Birleştirme
Dinamik klasörlerin yanında statik klasörler de kullanabilirsiniz; çakışma durumunda statik rota önceliklidir.
Tür Güvenliği
SvelteKit, her rota için parametre türleri oluşturur; bu türler load işlevinin bağımsız değişkeninde kullanılabilir.
Dinamik Rotaları Önceden İşleme
Önceden işlenecek değerleri listelemek için +page.js içinde entries kullanın.
Hızlı Kontrol
Dinamik bölümler nasıl bildirilir?
Özet
Dinamik bölümler için [param] klasörlerini kullanın. Bunlara load içindeki params veya $page.params üzerinden erişin.
Sıkça Sorulan Sorular
“Dinamik Yönlendirme Parametreleri: [id]” dersi ücretsiz mi?
Evet — “Dinamik Yönlendirme Parametreleri: [id]” 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.
“Dinamik Yönlendirme Parametreleri: [id]” dersinde ne öğreneceğim?
Klasör adlarında köşeli parantez söz dizimini kullanarak URL bölümlerini parametre olarak yakalayı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 2. dersidir.
“Dinamik Yönlendirme Parametreleri: [id]” 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