1、在project目录下创建static文件夹,将静态文件分目录放入
2、在setttings.py文件增加
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
3、添加html模板到应用目录下
4、在html中添加如下内容
{% load static %} # 放在开头
<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script> # 加载js
<script type="text/javascript" src="{% static 'js/echarts.common.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery3.3.1.min.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}" media="all" /> # 加载css
body {
background: url("{% static 'images/banner.jpg' %}"); # 加载静态图片
background-size: cover;
}
目录结果