Django模板中使用css, javascript

Django模板中使用css, javascript

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

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

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

(r'^css/(?P.*)$', '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.*)$','django.views.static.serve',{'document_root':settings.STATIC_PATH}),
   还要from django.conf import setting
3、在setting.py中加入一行：
   STATIC_PATH='./medias'

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