Django配置靜態文件

• 一般我們將html文件都放在默認templates目錄下

• 靜態文件放在static目錄下

• static目錄大致分為

  • js文件夾
  • css文件夾
  • img文件夾
  • plugins文件夾

• 在瀏覽器輸入url能夠看到對應的靜態資源，如果看不到說明后端沒有開放相關接口

靜態文件配置

打開settings.py文件

# Django默認的靜態文件url
STATIC_URL = 'static/'# 加入自己的靜態文件配置
STATIC_DIRS = [os.path.join(BASE_DIR, 'static')
]

在app目錄下創建static以及以下文件夾

調用方法

在HTML文件第一行寫下

{% load static %}

使用方法如下
如遇到加載jquery文件加載失敗請把.min刪除

<!--    引入jQuery-->
<script src="{% static 'js/jquery.min.js' %}"></script><!--    引入Bootstrap的CSS文件-->
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"><!--    引入Bootstrap的JavaScript文件-->
<script src="{% static 'js/bootstrap.min.js' %}"></script><!-- 原路徑如下-->
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>-->
<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">-->
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>-->

瀏覽器查看url發現沒有問題

這樣就成功了