وسما url وstatic
اربط المسارات والأصول دون كتابة المسارات مباشرة
وسما url وstatic درس مجاني في Django Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Django Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Django Academy 4 دروس في المجموع.
لا تكتب المسارات مباشرةً
يؤدي إدخال عناوين URL ومسارات الملفات يدويًا إلى تعطلها فور تغيّرها. وتوفر لك Django وسمي url وstatic لإنشائها بأمان. 🔗
ينشئ وسم url المسارات
يحوّل وسم url اسم المسار إلى مساره الفعلي. وإذا أعدت تسمية نمط عنوان URL لاحقًا، فستُحدَّث كل الروابط تلقائيًا.
<a href="{% url 'home' %}">Home</a>سمِّ مساراتك أولًا
لكي تعمل url، امنح كل نمط اسمًا في urls.py. فهذا الاسم هو المرجع الثابت الذي يستخدمه القالب.
path("about/", views.about, name="about")تمرير وسائط URL
إذا كان المسار يحتاج إلى قيمة، فمرّرها بعد الاسم. يضع Django الوسيط في المسار حيث يتوقعه المحوّل.
{% url 'post_detail' post.id %}أسماء URL ذات المساحات الاسمية
عندما يحدّد التطبيق app_name، أشِر إلى المسارات ببادئة مثل blog:detail لتجنب التعارض مع التطبيقات الأخرى.
{% url 'blog:detail' post.id %}وسم static للأصول
ينشئ وسم static عنوان URL الصحيح لملف CSS أو JS أو صورة، حتى عندما تختلف مسارات التخزين في بيئة الإنتاج.
{% static 'css/style.css' %}تحميل static أولًا
قبل استخدام الوسم، يجب تنفيذ load static بالقرب من أعلى القالب، إذ يؤدي ذلك إلى إتاحة الوسم داخل هذا الملف.
{% load static %}ربط ورقة أنماط
اجمع الأجزاء لربط ورقة أنماط بالطريقة الآمنة، بحيث يبقى المسار صالحًا بغض النظر عن مكان تقديم الملفات.
<link rel="stylesheet" href="{% static 'css/style.css' %}">عرض صورة
يعمل وسم static نفسه مع الصور. أشِر به إلى ملف داخل مجلد static، وسيحدّد Django عنوان URL الكامل.
<img src="{% static 'img/logo.png' %}">أهمية static
في بيئة الإنتاج، تنتقل الأصول غالبًا إلى CDN أو إلى مسار يتضمن قيمة hash. يخفي وسم static هذه التفاصيل، لذلك لن تحتاج القوالب إلى تعديل.
وسمان، وهدف واحد
يشترك الوسمان في هدف واحد: تمكين Django من حساب المسارات بدلًا منك. استخدم url للواجهات، وstatic للملفات.
تحقق سريع
اختر الوسم المناسب للمهمة المناسبة.
مراجعة: روابط آمنة
تعلّمت إنشاء مسارات الواجهات باستخدام وسم url، ومسارات الأصول باستخدام static بعد تحميل static. وبهذا نختتم عرض HTML مع البيانات.
تعلم Python مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 30
- الدروس
- 120
الأسئلة الشائعة
هل درس «وسما url وstatic» مجاني؟
نعم — نص درس «وسما url وstatic» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Django Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Django Academy 4 دروس في المجموع.
ماذا ستتعلم في «وسما url وstatic»؟
اربط المسارات والأصول دون كتابة المسارات مباشرة تتمرن على Django Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Django Academy؟
لا تُشترط خبرة سابقة. Django Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «وسما url وstatic»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Django Academy هذا؟
نعم. كل درس في Django Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.