Django 学习笔记 (六)

六、Writing your first Django app, part 6

处理静态文件,Django 使用 django.contrib.staticfiles 系统模块来处理静态文件,比如css或者图片.

使用CSS定制应用的外观

1.建立静态文件的存放目录 polls/static

在 settings.py 中 STATICFILES_FINDERS 部分包含一个搜索列表,用来定义搜索范围.

2.在刚才建立的目录下建立 polls/style.css 文件

现在文件的实际位置是 polls/static/polls/style.css ,在模版文件中的引用方式是 polls/style.css

文件内容是:

li a {
    color: green;
}

3.使用静态文件,修改模版文件的内容

把下面内容添加在文件polls/templates/polls/index.html头

{% load staticfiles %}

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

• {% load staticfiles %}

  负责加载 {% static %} 标签

• {% static 'polls/style.css' %}

  引用静态文件

增加背景图片

1.增加一个图片目录,并拷贝一个图片

polls/static/polls/images/background.gif

2.把背景设置填进polls/static/polls/style.css中

body {
    background: white url("images/background.gif") no-repeat right bottom;
}

现在刷新 Polls 就能看到实际效果了

在Django中使用静态图片的原则

• 只使用相对路径
• {% static %} 标签只能使用在Django中