django模板中导入js、css等静态文件

打开settings.py,在底部添加:

import os
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),

打开urls.py,添加:(注意,如果你在blog目录下也建立了urls.py,那么就得在blog/urls.py中做修改。别忘了import settings)

import settings
urlpatterns = patterns('',
url( r'^static/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }),
)

然后将你的css,js文件以及html中引用的静态图片都放置在static文件夹里。
在html模板里调用:
<link rel="stylesheet" href="../../static/css/style.css" type="text/css">

注意,href就是你在static里面css等的路径。

然后启动python manage.py runserver
访问http://127.0.0.1:8000/static/css/style.css
若能访问文件,说明你css等静态文件已经可以被django找到了,这时访问你 的模板对应的页面就可以发现页面可以引用css了

用法

1.在settings.py中定义你的STATIC_URL:

STATIC_URL='/static/'
  • 1

2.在项目中,static文件的目录如下图所示:
django模板中导入js、css等静态文件

项目名:ProjetTestDjango;APP名:peojetDjango,static 文件夹在APP目录下。

3.在settings.py中添加项目APP:
django模板中导入js、css等静态文件

4.在HTML文件中调用:

{% load static %}
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="all">
<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}" width="36" height="36">

笔记用,侵歉删

上一篇:Express (Routing、Middleware、托管静态文件、view engine 等等)


下一篇:第三个Sprint ------第一天