django模板中导⼊js、css等静态⽂件
打开settings.py,在底部添加:
import os
STATIC_URL = '/static/'
css和html和js怎么结合
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
访问
若能访问⽂件,说明你css等静态⽂件已经可以被django到了,这时访问你的模板对应的页⾯就可以发现页⾯可以引⽤css了
⽤法
1.在settings.py中定义你的STATIC_URL:
STATIC_URL='/static/'
1
2.在项⽬中,static⽂件的⽬录如下图所⽰:
项⽬名:ProjetTestDjango;APP名:peojetDjango,static ⽂件夹在APP⽬录下。
3.在settings.py中添加项⽬APP:
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">笔记⽤,侵歉删

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。