Django2学习笔记--引用本地静态文件css，js等

在django引用bootstrap前端框架

个人学习笔记，内容不作为各位学习参考

第一步 下载

官网下载bootstrap：https://v3.bootcss.com/getting-started/

也可以在线上复制保留到本地
css：https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css
jQuery：https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js
js：https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js

第二步 保留文件

在应用下新建stitic文件夹，保留bootstrap.min.css、fonts、bootstrap.min.js、jquery.min.js（其他的大概率不会用），可以分别新建css、js文件夹分类存储

第三步 配置settings.py

在末尾添加

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static'),
]

第四步 html路径配置

<!-- 调用bootstrap必加load，注意bootstrap.css jquery.js必须在bootstrap.js前-->
{% load staticfiles %}
	<link rel="stylesheet" type="text/css" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
	<script type="text/javascript" src="{% static 'bootstrap/js/jquery.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>