像圖片,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>