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/页面,我们将会看到页面的左上方加载了背景图片。

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

原文地址:https://www.cnblogs.com/love9527/p/8664446.html