مجموعات التخطيط باستخدام (group)
جمّع المسارات ضمن تخطيط مشترك دون إضافة مقطع إلى URL باستخدام الأقواس
مجموعات التخطيط باستخدام (group) درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
لماذا مجموعات التخطيط
قد تحتاج أحيانًا إلى تخطيط ينطبق على عدة مسارات من دون إضافة جزء إلى عنوان URL.
اصطلاح المجلدات
أحط أسماء المجلدات بقوسين لإنشاء مجموعة تخطيط: (marketing).
src/routes/(marketing)/+layout.svelte
src/routes/(marketing)/about/+page.svelte
src/routes/(marketing)/pricing/+page.svelteعناوين URL تبقى نظيفة
لا يظهر القوسان في عنوان URL. يبقى كل من /about و/pricing كما هو، لكنهما يشتركان في التخطيط.
مجموعات متعددة
يمكن أن يكون لديك مجموعتا (marketing) و(app) منفصلتان بتخطيطين مختلفين.
حالة الاستخدام
صفحات التسويق (الرأس وhero) مقابل صفحات التطبيق (الشريط الجانبي والتنقل في dashboard) ضمن النطاق نفسه.
من دون مجموعات
من دون المجموعات، ستحتاج إلى إضافة مجلدات فرعية إلى عنوان URL أو تكرار ترميز التخطيط.
الخطافات على مستوى المجموعة
يمكن أن تحتوي المجموعات على +layout.js و+layout.server.js تمامًا مثل التخطيطات العادية.
تداخل المجموعات
يمكن أن تتداخل المجموعات داخل مجموعات أخرى لمزيد من التخصيص.
صفحات الخطأ لكل مجموعة
يمكن أن تحتوي كل مجموعة على +error.svelte الخاص بها لعرض واجهة خطأ مخصصة.
إعادة الهيكلة
انقل التخطيطات المشتركة إلى مجموعة عندما تجد نفسك تكرر التخطيطات بين المجلدات المتجاورة.
الترحيل
يؤدي نقل مسار إلى مجموعة إلى تغيير التخطيط فقط، وليس عنوان URL.
تحقق سريع
ماذا تفعل الأقواس في أسماء المجلدات؟
مراجعة
أحط المجلدات بأقواس لإنشاء مجموعات تخطيط تشترك في واجهة المستخدم من دون إضافة أجزاء إلى عناوين URL.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «مجموعات التخطيط باستخدام (group)» مجاني؟
نعم — نص درس «مجموعات التخطيط باستخدام (group)» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «مجموعات التخطيط باستخدام (group)»؟
جمّع المسارات ضمن تخطيط مشترك دون إضافة مقطع إلى URL باستخدام الأقواس تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «مجموعات التخطيط باستخدام (group)»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- مجموعات التخطيط باستخدام (group)
- التخطيطات على مستوى المسار
- الخروج من التخطيط باستخدام +page@route
- البيانات المشتركة عبر التخطيطات