【Django第一步】第六部分:静态文件

【Django第一步】第六部分:静态文件

@[Django|翻译|python]

我们已经构建了一个经过测试的Web轮询应用程序,现在我们将添加样式表和图像。

除了服务器生成的HTML之外,Web应用程序通常还需要提供额外的文件(例如图像,JavaScript或CSS)来呈现整个网页。在Django中,我们将这些文件称为“静态文件”。

对于小型项目,这不是什么大问题,因为您可以将静态文件保存在Web服务器可以找到的地方。但是,在更大的项目中 - 尤其是那些由多个应用程序组成的项目 。处理每个应用程序提供的多组静态文件开始变得棘手。

django.contrib.staticfiles:将每个应用程序(以及您指定的任何其他位置)的静态文件收集到一个可以轻松在生产环境中提供的位置。

自定义应用的样式

首先,在你的polls路径下新建一个static文件夹。Django会查看static文件夹。就像它查找polls/templates一样

Django的STATICFILES_FINDERS设置包含一个发现者列表,他们知道如何从各种来源发现静态文件。其中一个默认值是AppDirectoriesFinder在每个目录中寻找一个“静态”子目录 INSTALLED_APPS,就像polls我们刚刚创建的目录一样。管理站点为其静态文件使用相同的目录结构。

在static刚刚创建的目录中,创建另一个名为polls的目录,并在其中创建一个名为style.css的文件。换句话说,你的样式表应该在polls/static/polls/style.css。由于AppDirectoriesFinder静态文件查找程序的工作原理,您可以在Django中引用此静态文件polls/style.css,就像您引用模板路径一样。

将下面的代码放入该样式表(polls/static/polls/style.css)中:

li  a  { 
    color : green ; 
}

接下来在index.html中加入以下代码

{% load static %}

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

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

这就是你需要为开发做的一切。重新加载 http://localhost:8000/polls/,你应该看到问题链接是绿色的(Django风格!)这意味着你的样式表已被正确加载。

对于js等文件也是一样

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值