التوجيه القائم على الملفات باستخدام +page.svelte
حوّل مسارات الملفات ضمن src/routes إلى مسارات URL تلقائيًا
التوجيه القائم على الملفات باستخدام +page.svelte درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
الملف = المسار
يربط SvelteKit المجلدات الموجودة ضمن src/routes بمسارات URL. ويعرّف ملف +page.svelte مسارًا.
الصفحة الجذرية
يُعرض src/routes/+page.svelte عند المسار /.
صفحة About
يُعرض src/routes/about/+page.svelte عند المسار /about.
المسارات المتداخلة
تتداخل المجلدات. يُعرض src/routes/blog/posts/+page.svelte عند المسار /blog/posts.
مكوّن الصفحة
الملف مكوّن Svelte عادي. استخدم أي ميزة تعلمتها.
<!-- +page.svelte -->
<h1>About Us</h1>
<p>Welcome to our site.</p>اصطلاحات التوجيه
تحمل أسماء الملفات التي تبدأ بالرمز + معنى خاصًا في SvelteKit، مثل +page و+layout و+server وغير ذلك.
لا حاجة إلى عمليات استيراد
لا تسجّل المسارات يدويًا؛ فنظام الملفات هو الموجّه.
التنقل البرمجي
استخدم goto من $app/navigation للتنقل في الشيفرة.
import { goto } from "$app/navigation";
goto("/about");مكوّن الرابط
استخدم وسوم <a href> العادية؛ إذ يعترضها SvelteKit لإجراء التنقل من جانب العميل.
الجلب المسبق
استخدم data-sveltekit-preload-data على رابط لتفعيل الجلب المسبق عند تمرير المؤشر فوقه.
صفحة 404
أنشئ src/routes/+error.svelte لتخصيص صفحة عدم العثور.
تحقق سريع
أين تنشئ مسار /products؟
مراجعة
يحدد نظام الملفات المسارات. ويصبح +page.svelte الموجود في أي مجلد ضمن src/routes مسارًا.
الأسئلة الشائعة
هل درس «التوجيه القائم على الملفات باستخدام +page.svelte» مجاني؟
نعم — نص درس «التوجيه القائم على الملفات باستخدام +page.svelte» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «التوجيه القائم على الملفات باستخدام +page.svelte»؟
حوّل مسارات الملفات ضمن src/routes إلى مسارات URL تلقائيًا تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «التوجيه القائم على الملفات باستخدام +page.svelte»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- التوجيه القائم على الملفات باستخدام +page.svelte
- معلمات المسارات الديناميكية: [id]
- المعلمات الاختيارية ومعلمات Rest
- ملفات التخطيط: +layout.svelte