实验结构为:
├── mysite
│ ├── manage.py
│ ├── mysite
│ │ ├── asgi.py
│ │ ├── __init__.py
│ │ ├── __pycache__
│ │ ├── settings.py
│ │ ├── urls.py
│ │ └── wsgi.py
│ └── polls
│ ├── admin.py
│ ├── apps.py
│ ├── __init__.py
│ ├── migrations
│ │ ├── 0001_initial.py
│ │ ├── __init__.py
│ │ └── __pycache__
│ ├── models.py
│ ├── __pycache__
│ ├── static
│ │ ├── polls
│ │ │ ├── images
│ │ │ │ └── background.gif
│ │ │ └── style.css
│ │ └── 这里是静态文件根目录.txt
│ ├── templates
│ │ └── polls
│ │ ├── detail.html
│ │ ├── index.html
│ │ └── results.html
│ ├── tests.py
│ ├── urls.py
│ └── views.py
├── nginx.conf
└── 实验方法.txt
12 directories, 23 files
把静态文件的设置路径放入表格中:
| 主文件 | 调用文件 | 根目录 | 主文件中的调用方式 | 被调用文件自身完整路径 |
| polls/templates/polls/index.html | style.css | mysite/polls/static | polls/style.css | mysite/polls/static/polls/style.css |
| polls/static/polls/style.css | background.gif | mysite/polls/static/polls | images/background.gif | mysite/polls/static/polls/images/background.gif |
举例1:
polls/templates/polls/index.html调用css文件的根目录是:
mysite/polls/static,所以index.html里面是'polls/style.css' ,如下:
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
举例2:
polls/static/polls/style.css调用.gif文件的根目录是:
mysite/polls/static/polls,所以style.css里面是"images/background.gif",如下:
body {
background: white url("images/background.gif") no-repeat;
}