Django使用静态文件

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

对于小型项目，这不是个大问题，因为你可以将它们放在你的网页服务器可以访问到的地方。然而，在大一点的项目中 —— 尤其是那些由多个应用组成的项目 —— 处理每个应用提供的多个静态文件集合开始变得很难。

这正是django.contrib.staticfiles的用途：它收集每个应用（和任何你指定的地方）的静态文件到一个单独的位置，这个位置在线上可以很容易维护。

1、新建目录

根目录下新建文件夹 static 目录结构如下：

static
css
style.css
images
1.jpg
js
main.js

2、修改Django相关文件

#setting.py 增加以下配置
STATIC_URL = \'/static/\'
HERE=os.path.dirname(os.path.dirname(__file__))
STATIC_ROOT =os.path.join( HERE , \'static\').replace(\'\\\',\'/\')
STATICFILES_DIRS = (
("images", os.path.join(STATIC_ROOT,\'images\').replace(\'\\\',\'/\')),
("css", os.path.join(STATIC_ROOT,\'css\').replace(\'\\\',\'/\')),
("js", os.path.join(STATIC_ROOT,\'js\').replace(\'\\\',\'/\')),
)
#urls.py 增加以下配置
urlpatterns += static(settings.STATIC_URL, document_root = settings.STATIC_ROOT )

3、调用静态文件

{% load staticfiles %} #必须
<link rel="stylesheet" type="text/css" href="{% static \'css/main.css\' %}" />
<script src="{% static \'js/main.js\' %}" type="text/javascript"></script>
<img src="{% static \'images/1.jpg\' %}" width="100px">