المعلمات الاختيارية ومعلمات Rest
تعامل مع المقاطع الاختيارية باستخدام [[optional]] والمسارات الشاملة باستخدام [...rest]
المعلمات الاختيارية ومعلمات Rest درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
المقاطع الاختيارية
استخدم الأقواس المزدوجة [[optional]] لجعل المقطع اختياريًا.
src/routes/[[lang]]/about/+page.svelteتطابق عناوين URL كلاهما
يطابق ما سبق كلاً من /about و/en/about. وتكون lang غير معرّفة في الحالة الأولى.
المعلمات المتبقية
استخدم [...rest] لالتقاط جميع مقاطع المسار المتبقية في صورة مصفوفة.
src/routes/docs/[...slug]/+page.svelteالتقاط عدة مقاطع
يطابق ما سبق /docs و/docs/a و/docs/a/b وغير ذلك. وتكون params.slug سلسلة متصلة.
حالات الاستخدام
تناسب المعلمات المتبقية مواقع التوثيق، ومواقع الويكي، ومتصفحات الملفات التي يختلف فيها عمق المسار.
الدمج
اخلط المعلمات الاختيارية والمتبقية مع المعلمات العادية لإنشاء توجيه مرن.
المقطع الشامل في النهاية
يجب أن تكون المعلمات المتبقية آخر مقطع؛ ويفرض SvelteKit ذلك.
فك الترميز
تُفكّ مقاطع المسار بترميز URL؛ لذا شفّر الأحرف الخاصة عند إنشاء عناوين URL.
المعلمة المتبقية الفارغة
تتحول المعلمة المتبقية الفارغة إلى سلسلة فارغة. عالج ذلك في دالة التحميل.
ملائم لتحسين SEO
يمكن لمسارات المعلمات المتبقية تقديم توثيق متداخل من دون إنشاء شجرة مسارات ضخمة.
حل التعارضات
يفضّل SvelteKit المسارات المحددة على مسارات المعلمات المتبقية. ويتغلب الثابت على المتبقي.
تحقق سريع
ماذا يفعل [...slug]؟
مراجعة
استخدم [[opt]] للمقاطع الاختيارية، و[...rest] للمطابقة الشاملة. ويزيد كلاهما مرونة التوجيه.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «المعلمات الاختيارية ومعلمات Rest» مجاني؟
نعم — نص درس «المعلمات الاختيارية ومعلمات Rest» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «المعلمات الاختيارية ومعلمات Rest»؟
تعامل مع المقاطع الاختيارية باستخدام [[optional]] والمسارات الشاملة باستخدام [...rest] تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «المعلمات الاختيارية ومعلمات Rest»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- التوجيه القائم على الملفات باستخدام +page.svelte
- معلمات المسارات الديناميكية: [id]
- المعلمات الاختيارية ومعلمات Rest
- ملفات التخطيط: +layout.svelte