Django学习笔记 1.6 静态文件

前言

https://docs.djangoproject.com/zh-hans/2.2/intro/tutorial06/

这节为我们的应用增加样式和图片。

小能手正在学习 Django，系列笔记请点此查看。

除了服务端生成的 HTML 以外，网络应用通常需要一些额外的文件——比如图片，脚本和样式表——来帮助渲染网络页面。在 Django 中，我们把这些文件统称为“静态文件”。

django.contrib.staticfiles 存在的意义：它将各个应用的静态文件（和一些你指明的目录里的文件）统一收集起来，这样一来，在生产环境中，这些文件就会集中在一个便于分发的地方。

1 自定义 应用 的界面样式

首先，在你的 polls 目录下创建一个名为 static 的目录。Django 将在该目录下查找静态文件，这种方式和 Diango 在 polls/templates/ 目录下查找 template 的方式类似。

Django 的 STATICFILES_FINDERS 设置包含了一系列的查找器，它们知道去哪里找到 static 文件。AppDirectoriesFinder 是默认查找器中的一个，它会在每个 INSTALLED_APPS 中指定的应用的子文件中寻找名称为 static 的特定文件夹，就像我们在 polls 中刚创建的那个一样。管理后台采用相同的目录结构管理它的静态文件。

静态文件命名空间：虽然我们 可以 像管理模板文件一样，把 static 文件直接放入 polls/static ——而不是创建另一个名为 polls 的子文件夹，不过这实际上是一个很蠢的做法。Django 只会使用第一个找到的静态文件。如果你在 其它 应用中有一个相同名字的静态文件，Django 将无法区分它们。我们需要指引 Django 选择正确的静态文件，而最简单的方式就是把它们放入各自的 命名空间 。也就是把这些静态文件放入 另一个 与应用名相同的目录中。

1.1 准备样式表

将以下代码放入样式表(polls/static/polls/style.css)：

li a {
    color: green;
}

1.2 界面载入样式

下一步，在 polls/templates/polls/index.html 的文件头添加以下内容：

{% load static %}

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

{% static %} 模板标签会生成静态文件的绝对路径。

2 添加一个背景图

接着，我们会创建一个用于存在图像的目录。在 polls/static/polls 目录下创建一个名为 images 的子目录。在这个目录中，放一张名为 background.gif 的图片。

随后，在你的样式表（polls/static/polls/style.css）中添加：

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

小结

这节笔记描述了如何增加样式文件及图片。/app/static/ 目录放置网站的静态文件，即 staticfile，{% static %} 模板标签会生成静态文件的绝对路径。