(六)django——静态文件

除由服务器生成的HTML文件外,网页应用一般还需要提供其它必要的文件——比如图片、JavaScript脚本和CSS样式表。 这样才能为用户呈现出一个完整的网站。 在Django中,这些文件统称为“ 静态文件 ”。
django.contrib.staticfiles的用途:它收集每个应用(和任何你指定的地方)的静态文件到一个统一指定的地方,并且易于访问。

一、使用静态文件

首先在 polls 路径中创建一个 static 目录。Django会从这里搜索静态文件, 这个和Django在 polls/templates/ 中查找对应的模板文件的方式是一样的。

Django有一个 STATICFILES_FINDERS 的查找器,它会告诉Django从哪里查找静态文件。 其中有个内建的查找器 AppDirectoriesFinder ,它的作用是在每个 INSTALLED_APPS 下查找static子目录下的静态文件。admin管理站点的静态文件也是使用相同的目录结构。

在刚刚创建的static目录中,再创建一个 polls 目录并在它下面创建一个文件 style.css。 这个 style.css 样式表应该是 polls/static/polls/style.css。 因为根据 AppDirectoriesFinder 静态文件查找器的工作方式, Django会在 polls/static 找到 polls/style.css 这个静态文件,和访问模板的路径类似。

静态文件命名空间
和模板类似,其实我们也可以直接将静态文件直接放在 polls/static 下面(而不是再创建一个polls子目录), 但是这样是一个不好的行为。Django会自动使用它所找到的第一个符合要求的静态文件的文件名, 如果你有在两个不同应用中存在两个同名的静态文件,那么Django是无法区分它们的。 所以我们需要告诉Django该使用其中的哪一个,最简单的方法就是为它们添加命名空间。 也就是将这些静态文件放进以它们所在的应用的名字命名的子目录下(即多建一层与应用同名的子目录)。

样式表中写入这些内容( polls/static/polls/style.css ):

polls/static/polls/style.css
li a {
    color: green;
}

然后在 polls/templates/polls/index.html 中添加如下内容:

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/目录下创建一个子目录来存放图片。将你的图片放在 polls/static/polls/images/background.gif

然后,在样式表中添加( polls/static/polls/style.css ):

polls/static/polls/style.css
body {
    background: white url("images/background.gif") no-repeat right bottom;
}

重新加载 http://localhost:8000/polls/ , 你应该在屏幕的右下方看到载入的背景图片。
注意:
{% static %} 模板标签在不是由 Django 生成的静态文件(比如样式表)中是不可用的。 在以后开发过程中应该使用相对路径来相互链接静态文件,因为这样你可以只改变 STATIC_URL ( static 模板标签用它来生成URLs),而不用同时修改一大堆静态文件的路径。

实际上不管是在Django开发服务器上,还是在nginx+uwsgi+django部署的服务器上,都可以直接通过url访问静态文件,不需要在Django中专门为每个静态文件编写url路由和视图。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值