Sveltejs Academy · درس

البيانات المشتركة عبر التخطيطات

حمّل البيانات في تخطيط أصل، ثم استخدمها في الصفحات والتخطيطات الابنة

الدرس 4 من 413 خطوة

البيانات المشتركة عبر التخطيطات درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

عمليات تحميل التخطيط

يمكن لـ +layout.js أو +layout.server.js تحميل بيانات تشترك فيها جميع الصفحات الموجودة تحته.

الوصول إلى البيانات

تتلقى الصفحة بيانات مدمجة من جميع تخطيطات الأسلاف ومن الصفحة نفسها.

export let data;
// data has both layout and page properties

الوراثة في المكونات

استخدم $page.data للوصول إلى البيانات المدمجة من أي مكان في شجرة التخطيط.

import { page } from "$app/stores";
<p>User: {$page.data.user?.name}</p>

المصادقة على المستوى الأعلى

حمّل المستخدم الحالي في التخطيط الجذر؛ ويمكن لكل صفحة الوصول إليه عبر $page.data.

تجنب التكرار

يمنع تحميل البيانات في أعلى تخطيط يحتاج إليها تكرار عمليات الجلب في كل صفحة.

بيانات خاصة بالخادم

بالنسبة إلى البيانات الحساسة، حمّلها في +layout.server.js حتى لا تصل إلى العميل إلا إذا عُرضت.

البث

يمكن لعمليات تحميل التخطيط بث الوعود تمامًا مثل عمليات تحميل الصفحات.

حل التعارضات

تتجاوز بيانات الصفحة بيانات التخطيط إذا حملتا المفتاح نفسه.

الوراثة في TypeScript

تتضمن أنواع بيانات الصفحة بيانات تخطيطات الأسلاف تلقائيًا عبر الأنواع المُولَّدة.

إبطال الصلاحية

استخدم invalidate لإعادة تشغيل عمليات تحميل تخطيط محددة عند الطلب.

import { invalidate } from "$app/navigation";
invalidate("app:user");

التسلسل الهرمي

تعامل مع التخطيطات باعتبارها تسلسلًا هرميًا للبيانات: الجذر للبيانات العامة، والأقسام للبيانات الخاصة بالأقسام، والصفحات للبيانات الخاصة بالصفحات.

تحقق سريع

كيف تصل إلى بيانات التخطيط في صفحة؟

أجب عليها في الدرس التفاعلي

مراجعة

تسهم عمليات تحميل التخطيط في كائن بيانات مدمج متاح للعناصر المتفرعة عبر خاصية data و$page.data.

البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات: 41
الدروس: 163

ابدأ التعلم مجانًا عرض الدورة الكاملة

الأسئلة الشائعة

هل درس «البيانات المشتركة عبر التخطيطات» مجاني؟

نعم — نص درس «البيانات المشتركة عبر التخطيطات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

ماذا ستتعلم في «البيانات المشتركة عبر التخطيطات»؟

حمّل البيانات في تخطيط أصل، ثم استخدمها في الصفحات والتخطيطات الابنة تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟

لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.

كم من الوقت يستغرق درس «البيانات المشتركة عبر التخطيطات»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟

نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Sveltejs Academy