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/页面,我们将会看到页面的左上方加载了背景图片。
上面只是对静态文件的基本应用,更多信息参考静态文件参考。