Django 使用靜態文件(圖片,CSS,JS代碼等)

像圖片,JS,CSS等都是靜態文件,不屬於模版的範圍,因此Django在使用靜態文件是需要做些變化:

操作如下:

先在app目錄下建立static文件夾,然後再以app爲名建立一個文件夾(與模板templates建立同理)。

目錄如下:

在該文件夾下寫靜態文件即可。

在模板html中,引入靜態文件需要如下操作:

{% load static %}

以detail.html引入style.css爲例子,需要如下操作:

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

啓動服務器,運行即可。

完整的模板引入靜態文件代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投票目錄</title>
</head>
<body>
{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
        <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章