【Django第一步】第六部分:静态文件
2018-02-24 21:39
267 查看
【Django第一步】第六部分:静态文件
@[Django|翻译|python]Django第一步第六部分静态文件
自定义应用的样式
我们已经构建了一个经过测试的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等文件也是一样
相关文章推荐
- django使用js或者图片等静态文件的引用方法
- 阿里云上部署 django+uwsgi+nginx,admin静态文件问题
- 使用pycharm手动搭建python语言django开发环境(三) 使用django的apps应用 添加应用静态文件
- Django对静态文件的处理——部署阶段
- Django13-静态文件(Static)
- django 中使用静态文件(css,images,javascript)
- django静态文件配置
- django 静态文件配置 js url 写法
- django 1.9表的创建,静态文件加载
- Django中静态文件路径的配置
- python-Django中设置静态文件和模板的位置
- Django settings中关于静态文件的配置
- [原]django中使用静态文件
- Django使用js,css等静态文件的时候,出现mime类型问题
- Django -> debug模式下的静态文件服务(/media/)
- Django静态文件引用错误 - 'static'. Did you forget to register or load this tag?
- Django 部署 ubuntu uwsgi nginx 处理 静态文件
- Django静态文件
- django debug对静态文件的影响
- Django调用css、img、js等静态文件