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，注意js jquery必須在bootstrap前-->
{% 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>