Django配置静态文件

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发现没有问题

这样就成功了