django 中使用静态文件（css,images,javascript）

Django模板中使用css,images,
javascript

之前测试了好多方法，一直不能正常使用，直到快下班了才搞定，唉，真是，这时间成本太大了。
首先说一下版本：
python2.7.3
django1.4
具体操作步骤如下：
在django1.3中，提供了django.contrib.staticfiles这个模块，方便使用静态文件,显示图片，使用css等。
（必须在settings.py里面DEBUG=True时才能起作用，而且还只是在本地，部署到服务器上后仍然有问题，具体问题还需要后续解决）

在设置时需要注意的是：

1.MEDIA_ROOT MEDIA_URL

2.STATIC_ROOT STATIC_URL

3.ADMIN_MEDIA_ROOT

4.STATICFILES_DIRS

In settings.py:

HERE=os.path.dirname(os.path.dirname(__file__)

MEDIA_ROOT=os.path.join( HERE , 'media').replace('\\','/')

MEDIA_URL = '/media/'

STATIC_ROOT =os.path.join( HERE , 'static').replace('\\','/')

STATIC_URL= '/static/'

ADMIN_MEDIA_ROOT = '/static/admin/'

STATICFILES_DIRS = (

os.path.join(HERE,'app1/static/').replace('\\','/'),

os.path.join(HERE,'app2/static/').replace('\\','/')

)

In urls.py add these codes:

from django.conf import settings

from django.conf.urls.static import static

urlpatterns += static(settings.MEDIA_URL , document_root = settings.MEDIA_ROOT )

urlpatterns += static(settings.STATIC_URL, document_root = settings.STATIC_ROOT )

in templates:

{% load static %}

<img src="{{ get_static_prefix }}images/1.jpg" />

<link href="{get_static_prefix}}css/truple.css />

很重要的几段话：

1.# Don't put anything in this directory（STATIC_ROOT） yourself; store your static files in apps' "static/" subdirectories and in STATICFILES_DIRS.

（就是把静态文件放在每个应用app的子目录static下面）

2.The most likely example is user-uploaded content in MEDIA_ROOT. staticfiles is intended for static assets and has no built-in handling for user-uploaded files, but you can have Django serve your MEDIA_ROOT by appending something like this to your URLconf:

urlpatterns += static(settings.MEDIA_URL , document_root = settings.MEDIA_ROOT )

参考资料：

http://docs.djangoproject.com/en/dev/howto/static-files/

测试环境

(r'^css/(?P<path>.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/css'}),

(r'^js/(?P</path><path>.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/js'}),

(r'^images/(?P</path><path>.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/images'}),

模板中使用下述方式即可：

<link href="/css/demo.css" type="text/css" rel="stylesheet">

注：可采用os.path.dirname(globals()["__file__"])来获得当前文件所在路径，比如

(r'^css/(?P<path>.*)$', 'django.views.static.serve', {'document_root': os.path.dirname(globals()["__file__"])+'/css'}),

可以使用os.path.abspath()函数返回此路径的绝对路径。

==============

要在django的tempalte file中引用css、js、gif等静态文件，首先一条setting.py中DEBUG开关打开。

1、在project目录下建立一个存放静态文件的目录，如：medias

2、在url.py patterns中增加一行：

(r'^site_media/(?P<path>.*)$','django.views.static.serve',{'document_root':settings.STATIC_PATH}),

还要from django.conf import setting

3、在setting.py中加入一行：

STATIC_PATH='./medias'

如此设置后，就可以在template file 中引用media中存放的静态文件了，如：

<img src='/site_media/django.gif'>

线上环境

在使用Django开发的Web项目中是避免不了使用css、javascript、js等静态文件的，而对于这些静态文件的处理，django官 网这样写：Django itself doesn’t serve static (media) files, such as images, style sheets, or video. It leaves that job to whichever Web server you choose.就是说django本身不处理类似于图片、样式表、视频等静态文件，它将此项工作交给了你选择的Web服务器。

在网上搜索到的django项目处理静态文件的示例中，大家似乎都在使用如下的方法让django处理静态文件：
?View
Code PYTHON

urlpatterns += patterns('', (r'^static/(?P.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}), )

而对于django.views.static.serve方法，django官网说得很清楚：Using this method is inefficient and insecure. Do not use this in a production setting. Use this only for development.就是说这种方法是低效且不安全的，不要在生产环境使用此方法，只在开发环境使用。

这时对于静态文件的处理，我们只能使用我们选择的Web服务器来处理了。比如使用nginx服务器的话，可以如下设置：

先设置settings.py,如下,



设置settings.py

然后设置nginx的相应网站配置部分，如下，