Django新手上路——静态文件配置

Django新手上路——静态文件配置

1.静态文件

• CSS
• JavaScript
• Images

2.路径配置

#项目目录下settings.py中配置

STATIC_URL = '/static/'
 
# 当运行 python manage.py collectstatic 的时候
# STATIC_ROOT 文件夹 是用来将所有STATICFILES_DIRS中所有文件夹中的文件，以及各app中static中的文件都复制过来
# 把这些文件放到一起是为了用apache等部署的时候更方便

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"), #项目根目录下需要名为static的文件夹
)
 
# 这个是默认设置，Django 默认会在 STATICFILES_DIRS中的文件夹 和 各app下的static文件夹中找文件
# 注意有先后顺序，找到了就不再继续找了

3引入

{% load static %}   <!--这个地方引入static这个文件-->

<!--
导入图片
{% static "image/logo.png" %}表示路径
-->
<img src="{% static "image/logo.png" %}" alt="My image"/>  

<!--
导入css
<link rel="stylesheet" href ="{% static 'css带名路径' %}">
-->
<link rel="stylesheet" href ="{% static 'book/index.css' %}">

<!--
导入js
<script src="{% static 'js带名路径' %}"></script>
-->
<script src="{% static 'book/js/index.js' %}"></script>