Django 1.10中文文档-第一个应用Part6-静态文件

　　本教程上接Part5 。前面已经建立一个网页投票应用并且测试通过，现在主要讲述如何添加样式表和图片。

　　除由服务器生成的HTML文件外，网页应用一般还需要提供其它必要的文件——比如图片、JavaScript脚本和CSS样式表。这样才能为用户呈现出一个完整的网站。 在Django中，这些文件统称为“静态文件”。

　　如果是在小型项目中，这只是个小问题，因为你可以将它们放在网页服务器可以访问到的地方。 但是呢，在大一点的项目中——尤其是由多个应用组成的项目，处理每个应用提供的多个静态文件集合还是比较麻烦的。

　　但是Django提供了

django.contrib.staticfiles

：它收集每个应用（和任何你指定的地方）的静态文件到一个单独的位置，使得这些文件很容易维护。

自定义应用外观

　　首先在

polls

路径中创建一个

static

目录。Django会从这里搜索静态文件，这个和Django在

polls/templates/

中查找对应的模板文件的方式是一样的。

　　Django有一个STATICFILES_FINDERS的查找器，它会告诉Django从哪里查找静态文件。 其中有个内建的查找器

AppDirectoriesFinder

，它的作用是在每个

INSTALLED_APPS

下查找“static”子目录下的静态文件。管理站点的静态文件也是使用相同的目录结构。

　　在你刚刚创建的static目录中，再创建一个polls目录并在它下面创建一个文件style.css。这样你的style.css样式表应该在polls/static/polls/style.css。因为根据

AppDirectoriesFinder

静态文件查找器的工作方式，Django会在polls/static找到polls/style.css这个静态文件，和访问模板的路径类似。


　　样式表中写入这些内容(polls/static/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/， 你应该会看到Question的超链接变成了绿色（Django的风格），这也表明你的样式表成功引入了。

添加背景图片

　　下一步，我们将创建一个子目录来存放图片。在

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 right bottom;
}

　　重新加载http://localhost:8000/polls/ ，你应该在屏幕的右下方看到载入的背景图片。


　　这一上仅仅是基础。有关框架中包含的设置和其他更多详细信息，参见静态文件howto 和静态文件参考。部署静态文件讲述如何在真实的服务器上使用静态文件。

　　当您对静态文件掌握的差不多了时，请阅读本教程的第7部分，了解如何自定义Django自动生成的管理站点。

快速通道

Django 1.10中文文档-第一个应用Part1-请求与响应

Django 1.10中文文档-第一个应用Part2-模型和管理站点

Django 1.10中文文档-第一个应用Part3-视图和模板

Django 1.10中文文档-第一个应用Part4-表单和通用视图

Django 1.10中文文档-第一个应用Part5-测试

项目地址

​