Django模板中使用css, javascript

  • Post author:
  • Post category:java




Django模板中使用css, javascript


(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’>