الملفات الثابتة

جزء من قسم أساسيات Django في رحلة Django على Coddy. الدرس 20 من 23.

صفحات المقهى باللون الأسود على خلفية بيضاء. ستغيّر ورقة الأنماط ذلك، وأوراق الأنماط والبرامج النصية والصور هي ملفات ثابتة: يرسلها الخادم كما هي، من دون عرض. يعثر Django عليها بالطريقة نفسها التي يعثر بها على القوالب، في مجلد static/ لكل تطبيق مثبّت، مع اسم التطبيق داخل المجلد مرة أخرى:

shop/static/shop/cart.js

تُتاح هذه الملفات على المسار STATIC_URL، أي "static/" في settings.py، لذا يكون مسار هذا الملف /static/shop/cart.js. ينشئ القالب العنوان باستخدام {% static %}، بعد {% load static %}:

{% load static %}
<script src="{% static 'shop/cart.js' %}"></script>

يوضع عنصر <link rel="stylesheet" href="..."> الخاص بورقة الأنماط داخل <head>. ضعه في base.html، وستحصل عليه كل صفحة ترث منه.

التحدي

سهل

أنشئ menu/static/menu/style.css مع تضمين body { background: #fdf8f2; } على الأقل.
في base.html، حمّل وسوم الملفات الثابتة واربط ورقة الأنماط داخل <head>، لكي ترتبط كل صفحة بالمسار /static/menu/style.css.

اضغط على تشغيل: ستصبح الصفحات بلون كريمي. افتح /static/menu/style.css لرؤية الملف الذي يقدّمه Django.

جرّب بنفسك

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}Corner Café{% endblock %}</title>
</head>
<body>
    <nav>
        <a href="{% url 'menu:home' %}">Home</a>
        <a href="{% url 'menu:drinks' %}">Drinks</a>
        <a href="{% url 'menu:about' %}">About</a>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
</body>
</html>