Django 2.0 学习(09)：Django 静态文件(样式和背景图片)

应用的定制化：静态文件

首先，在polls目录中创建一个名叫static的目录。Django会在该目录里面查找静态文件，类似于Django在polls/template目录下查找模板文件。

Django的静态文件查找器配置包含了一系列的查找器，这些查找器知道如何从不同的源文件中查找静态文件。默认的AppDirrectoriesFinder查找器，会在每个INSTALLED_APPS中查找"static"子目录，就像我们刚才在polls创建的。

在static目录中，创建polls目录，在该目录中创建style.css文件；换句话说，样式表的目录为：polls/static/polls/style.css。由于静态文件查找器AppDirenctoriesFinder的工作，我们可也以像下面这面简单的创建静态文件polls/style.css，类似于模板路径。

编辑polls/static/polls/style.css文件，添加如下代码：

li a {
    color: green;
}

接下来，在polls/templates/polls/index.html文件的头部添加如下代码：

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

{% static %}模板标签生成静态文件的绝对URL。重新访问http://localhost:8000/polls/，看到如下图所示：

我们看到问题链接显示绿色，说明我们的样式产生作用。

添加背景图片

接下来，我们将为图片创建一个子目录，在polls/static/polls/目录中创建images子目录。在该目录中放置一张名叫background.gif的图片，换句话说，将图片放目录polls/static/polls/images/background.gif。

现在来添加样式，打开polls/static/polls/style.css文件，添加如下代码：

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

刷新http://localhost:8000/polls/页面，我们将会看到页面的左上方加载了背景图片。

上面只是对静态文件的基本应用，更多信息参考静态文件参考。