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发现没有问题
这样就成功了