您的位置:首页 > Web前端 > JavaScript

django1.7静态文件配置(css/js/img)

2015-03-17 16:55 681 查看
环境:python2.7.9
django1.7

只是在开发环境下适用,生产环境下还需要改配置,文末有另一篇的链接

django中通过URL.py来提供每个URL对应的django函数来显示页面,templates目录中的html页面是不能直接写图片或css的路径的,而是用URLs提供的url来对应到图片或css的目录。我想要在HTML中使用预先写好的css文件,所以需要配置静态文件,但是网上的教程很多都是django1.4的,按照那个配置完后始终显示我要的css文件和图片404
not found。而且看1.7的documentation总是看不下去,最终在stack overflow上找到了类似的问题,把实现过程记下来备忘一下:

1、 app目录下创建static目录,将静态文件放到此目录下:

-app

-static

-css

-js

-img

2、 设置setting.py中的STATIC_URL的值为' /static/'


STATIC_DIR的值为:

<span style="font-family:SimHei;">STATICFILES_DIRS = (</span>
<span style="font-family:SimHei;">   os.path.join(BASE_DIR,'static'),</span>
<span style="font-family:SimHei;">)</span>
其中
<span style="font-family:SimHei;">BASE_DIR = os.path.dirname(os.path.dirname(__file__)) </span>


今天又试了下,不用STATICFILES_DIRS也可以

3、 在模板中使用

{% load staticfiles %}
<img src = "{% static "img/test.jpg" %}" alt = "test"/>

或者

{% load staticfiles %}<linkrel="stylesheet"href="{%
static 'css/header.css' %}">

有几点需要注意的是:

确保setting.py中的INSTALL_APPS中包含django.contrib.staticfiles(我的project里自己就有)
确保setting.py中的DEBUG选项为True,否则无法映射到静态文件目录。

在生产模式中不可设置为True哦,所以生产模式下的配置是不一样的,django的想法是这种事情是可以交给服务器去做的,具体可看这篇有提到http://blog.csdn.net/sherrylml/article/details/46867055

2015、4,、16更新

参考链接:
http://stackoverflow.com/questions/26580700/django-1-7-serving-static-files http://www.cnblogs.com/ForeVerWater/p/4231860.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: