+page.server.js مع الإجراءات
حدّد معالجات إجراءات مسمّاة وافتراضية في +page.server.js لمعالجة بيانات النماذج
+page.server.js مع الإجراءات درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
مقدمة إلى إجراءات النماذج
يتيح لك SvelteKit معالجة عمليات إرسال النماذج على الخادم عبر معالجات الإجراءات في +page.server.js.
الإجراء الافتراضي
صدّر كائن actions مع معالج default للنماذج غير المسماة.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};عنصر النموذج
يُرسل نموذجك إلى عنوان URL الحالي. ولا تحتاج إلى السمة action.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>الإجراءات المسماة
يمكن أن تتضمن الوحدة الواحدة عدة إجراءات؛ ويمكن الإشارة إليها بالاسم في سمة action للنموذج.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};استدعاء الإجراءات المسماة
أشر إليها باستخدام ?/name في action النموذج.
<form method="POST" action="?/login">قراءة بيانات النموذج
استخدم await request.formData() لقراءة الحقول المُرسلة.
const data = await request.formData();
const email = data.get("email");إعادة البيانات
أعد كائنًا؛ وسيصبح خاصية form في الصفحة.
return { success: true };إعادة التوجيه بعد النجاح
استخدم redirect() للانتقال بعد نجاح الإجراء.
أخطاء التحقق
استخدم fail() لعرض أخطاء التحقق على جانب العميل (في الدروس التالية).
توافر locals
يمكنك الوصول إلى معلومات المصادقة عبر locals التي تُعيّن في الخطافات.
يقتصر على الخادم
مثل load، تُنفّذ الإجراءات على الخادم فقط، ولذلك تكون استدعاءات قاعدة البيانات آمنة.
تحقق سريع
أين توجد الإجراءات؟
مراجعة
صدّر كائن actions من +page.server.js لمعالجة طلبات POST. واستخدم الإجراءات المسماة عند التعامل مع عدة نماذج.
الأسئلة الشائعة
هل درس «+page.server.js مع الإجراءات» مجاني؟
نعم — نص درس «+page.server.js مع الإجراءات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «+page.server.js مع الإجراءات»؟
حدّد معالجات إجراءات مسمّاة وافتراضية في +page.server.js لمعالجة بيانات النماذج تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «+page.server.js مع الإجراءات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- +page.server.js مع الإجراءات
- توجيه use:enhance
- التحسين التدريجي للنماذج
- معالجة أخطاء التحقق في الإجراءات