我们将html文件默认都放在templates文件夹下 我们将网站所使用的静态文件默认都放在static文件夹下
静态文件
前端已经写好了的 能够直接调用使用的文件
网站写好的js文件
网站写好的css文件
网站用到的图片文件
第三方前端框架
...
拿来就可以直接使用的
“”"
django默认是不会自动帮你创建static文件夹 需要你自己手动创建
一般情况下我们在static文件夹内还会做进一步的划分处理 -static –js –css –img 其他第三方文件
“”" 在浏览器中输入url能够看到对应的资源 是因为后端提前开设了该资源的借口 如果访问不到资源 说明后端没有开设该资源的借口
http://127.0.0.1:8000/static/bootstrap-3.3.7-dist/css/bootstrap.min.css “”"
静态文件配置
“”"
当你在写django项目的时候 可能会出现后端代码修改了但是前端页面没有变化的情况 1.你在同一个端口开了好几个django项目 一直在跑的其实是第一个django项目
2.浏览器缓存的问题
settings
network
disable cache 勾选上
“”"
STATIC_URL = ‘/ooo/’ # 类似于访问静态文件的令牌 “”“如果你想要访问静态文件 你就必须以static开头”"" “”" /static/bootstrap-3.3.7-dist/js/bootstrap.min.js
/static/令牌 取列表里面从上往下依次查找 bootstrap-3.3.7-dist/js/bootstrap.min.js 都没有才会报错 “”"
settings文件配置:
STATICFILES_DIRS = [ os.path.join(BASE_DIR,‘static’), os.path.join(BASE_DIR,‘static1’), os.path.join(BASE_DIR,‘static2’), ]
静态文件动态解析
{% load static %}
<link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
<script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
|