File Statis

Termasuk bagian Dasar-Dasar Django dalam perjalanan Django di Coddy. Pelajaran 20 dari 23.

Halaman kafe berlatar putih dengan teks hitam. Stylesheet dapat mengubah tampilannya, dan stylesheet, skrip, serta gambar adalah file statis: server mengirimkannya apa adanya, tanpa view. Django menemukan file-file itu seperti menemukan template, di folder static/ setiap app yang terpasang, dengan nama app di dalamnya:

shop/static/shop/cart.js

Django menyajikannya di alamat yang diawali STATIC_URL, yang nilainya adalah "static/" di settings.py, sehingga file itu berada di /static/shop/cart.js. Template menyusun alamatnya dengan {% static %}, setelah {% load static %}:

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

<link rel="stylesheet" href="..."> milik stylesheet diletakkan di <head>. Letakkan di base.html, lalu setiap halaman yang memperluasnya akan mendapatkannya.

Tantangan

Mudah

Beri situs ini stylesheet.

Buat menu/static/menu/style.css dengan setidaknya body { background: #fdf8f2; }.
Di base.html, muat tag statis dan tautkan stylesheet di <head>, agar setiap halaman menautkan /static/menu/style.css.

Tekan Jalankan: halaman berubah menjadi warna krem.

Coba sendiri

<!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>