Django学习笔记–Static文件的加载

  • Post author:
  • Post category:其他


Static文件的加载


Django把图片、JavaScript、CSS看做是static files(静态文件)。

1. 加载CSS



创建文件夹命名static

这个文件夹应在在web app目录下。最好在static文件夹下再创建一个文件夹,里面放CSS文件,这样可以防止多个web app CSS文件重名的问题。


在web app对应的templates下引用这个CSS。


例如,一个web app名为polls


– CSS路径可以是 polls/static/polls/style.css .

– templates引用可以是如下样式

路径:polls/templates/polls/index.html

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

2. 加载图片



在static文件内创建image文件夹

最好在static文件内再创建一个文件夹,里面放图片,这样可防止多个app重名问题。


在CSS文件内引用这个图片


例如:一个web app名为polls


– 图片路径 polls/static/polls/image/background.gif

– CSS中引用图片

路径:polls/static/polls/style.css

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

版本:

  • Python 2.7.9
  • Django 1.8.1

参考资料:



版权声明:本文为Geeshang原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。