Eylemlerle +page.server.js
Form verilerini işlemek için +page.server.js içinde adlandırılmış ve varsayılan eylem işleyicileri tanımlayın.
Eylemlerle +page.server.js, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. 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.
Form Eylemlerine Giriş
SvelteKit, +page.server.js içindeki eylem işleyicileri aracılığıyla form gönderimlerini sunucuda ele almanızı sağlar.
Varsayılan Eylem
Adsız formlar için bir default işleyicisi içeren actions nesnesini dışa aktarın.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};Form Öğesi
Formunuz mevcut URL'ye gönderilir. action özniteliğine gerek yoktur.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>Adlandırılmış Eylemler
Bir dosyada birden fazla eylem bulunabilir; formun eylem özniteliğinde bunlara adlarıyla başvurun.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};Adlandırılmış Eylemleri Çağırma
Formun eyleminde ?/name kullanarak başvurun.
<form method="POST" action="?/login">Form Verilerini Okuma
Gönderilen alanları okumak için await request.formData() kullanın.
const data = await request.formData();
const email = data.get("email");Veri Döndürme
Bir nesne döndürün; bu nesne sayfada form özelliğine dönüşür.
return { success: true };Başarıdan Sonra Yönlendirme
Başarılı bir eylemden sonra gezinmek için redirect() kullanın.
Doğrulama Hataları
Doğrulama hatalarını istemci tarafında göstermek için fail() kullanın (sonraki derslerde).
Yerel Veriler Kullanılabilir
Kancalarda ayarlanan locals aracılığıyla kimlik doğrulama bilgilerine erişebilirsiniz.
Yalnızca Sunucu
Yüklemede olduğu gibi eylemler yalnızca sunucuda çalışır; bu nedenle veritabanı çağrıları güvenlidir.
Hızlı Kontrol
Eylemler nerede bulunur?
Özet
POST isteklerini ele almak için +page.server.js dosyasından bir actions nesnesini dışa aktarın. Birden fazla form için adlandırılmış eylemler kullanın.
Sıkça Sorulan Sorular
“Eylemlerle +page.server.js” dersi ücretsiz mi?
Evet — “Eylemlerle +page.server.js” 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.
“Eylemlerle +page.server.js” dersinde ne öğreneceğim?
Form verilerini işlemek için +page.server.js içinde adlandırılmış ve varsayılan eylem işleyicileri tanımlayı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 1. dersidir.
“Eylemlerle +page.server.js” 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
- Eylemlerle +page.server.js
- use: Yönergesi
- Formlar için Aşamalı Geliştirme
- Eylemlerde Doğrulama Hatalarını İşleme