方法一 :借助load staticfiles tag
- js/css等静态文件要放在static目录下,且static和templates属于同级目录
- 在Django项目setting.py中,添加静态文件夹static目录路径
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'static')
]
-
检查setting.py中的INSTALLED_APPS中包含django.contrib.staticfiles,否则映射关系错误
-
注意项目中setting.py内的STATIC_URL的改变并不影响资源引用,只会影响最终文件链接地址
# 最终浏览器解析后的地址为:http://127.0.0.1:8000/ps/js/jquery-1.8.3.min.js
STATIC_URL = '/ps/'
# 最终浏览器解析后的地址为:http://127.0.0.1:8000/lidysun/js/jquery-1.8.3.min.js
STATIC_URL = '/lidysun/'
- 在templates下的HTML文件中,如果要引用static下的静态文件,则添加一下代码
{% load staticfiles %}
<link rel="stylesheet" href="{% static '静态css文件相对static的路径' %}">
<script src="{% static '/js/jquery-1.8.3.min.js' %}"></script>
- 最后注意禁用浏览器缓存,并刷新
方法二:借助STATIC_URL
- 文件目录位置同上