【一】Django有两种静态文件#

【1】static#

称为静态文件夹，是不变的，形成网站的核心部件
如 CSS文件，JS文件，背景图片等
可为Templates模板提供支持

【2】media#

称为媒体文件夹，是变动的，由用户定义的文件
如用户头像，用户上传的图片或视频等；
可为富文本编辑器mdeditor提供支持

【二】前言#

我要做的是个人博客，不提供其他人注册登录功能，故media只是为了存放文章的封面、图片等信息。
故在目录方面，我的设置如下：
static目录与Templates目录放在一起，由“主题目录接管”
主题目录：与manage.py同级目录下创建templates目录，目录下创建主题文件夹，如default，里面创建templates和static静态文件夹
如果想更换主题，只需创建新主题文件夹，变动templates和static即可
media目录放在根目录，毕竟我的“主题”无论怎么换，博客文章内容不会换，涉及的本地图片不会变动

【三】配置说明(static)#

【1】引入#

http://127.0.0.1:8000/static-files/
Django的静态文件处理一般分debug模式和非debug模式
debug模式的情况下允许访问静态资源，无需STATIC_ROOT
非debug模式也就是生产模式，在服务器运行时，静态资源需要使用nginx或者apache之类的工具维护

【2】配置解释#

STATIC_URL - 可以理解为通过url访问static文件的路径
- 如项目路径是：{{projectName}}/static/common_static/test.css
- 则访问url是：http://IP:PORT/static/common_static/test.css
STATIC_ROOT - 可以理解为你打算在服务器上存储static文件的路径（通过 python manage.py collectstatic命令）
- collectstatic命令后将复制静态文件到STATIC_ROOT指定的目录中，
- 部署django项目的时候需要
STATICFILES_DIRS - 可以理解为配置Django寻找静态文件时首先去STATICFILES_DIRS里面寻找，其次再到各个app的static文件夹里面找
- Django查找静态文件是惰性查找
- 查找到第一个，就停止查找了
django放置静态文件有两种方式
- 一是在每个app里新建一个static目录，将静态文件放置其中；
- 另一种是对公共文件的处理，如jQuery bootstrap等，这时就需要配置 STATICFILES_DIRS。

【三】配置文件修改(static)#

【1】debug模式#

确定主题目录/templates/default/，创建static文件夹

1
# debug模式在settings中进行设置
2

3
# 对外提供WEB访问时的URL地址
4
STATIC_URL = '/static/'
5
# 开发阶段放置项目自己的静态文件，不能包含STATIC_ROOT路径
6
STATICFILES_DIRS = [
7
    os.path.join(BASE_DIR, 'templates', THEME, 'static'),
8
]

【2】非debug模式#

1
# 在`settings.py`同级的`urls.py`内还需要把`STATIC_URL`和django的url连接起来
2
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
3

4
urlpatterns += staticfiles_urlpatterns()

1
# 非debug模式在settings中进行设置，需要修改
2

3
STATIC_URL = '/static/'
4

5
# 执行collectstatic命令后会将项目中的静态文件（包括STATICFILES_DIRS、自带admin的静态文件）收集到该目录下面来（所以不应该在该目录下面放置自己的一些静态文件，因为会覆盖掉）
6
STATICFILES_DIRS = (
7
    os.path.join(BASE_DIR, 'collect_static'),
8
)

【3】模板中使用静态文件#

{％load static％}和{％load staticfiles％}：哪个是首选？
Django2.x之后废弃{％load staticfiles％}语法

1
{% load static %}
2

3
<img src="{% static "my_app/example.jpg" %}" alt="My image"/>

【4】全局配置#

模板中使用静态文件，无需load static，配置全局使用load static
TEMPLATES加入’builtins’: [‘django.templatetags.static’]

1
TEMPLATES = [
2
    {
3
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
4
        'DIRS': [os.path.join(BASE_DIR, 'templates', THEME, 'templates')],
5
        'APP_DIRS': True,
6
        'OPTIONS': {
7
            'context_processors': [
8
                'django.template.context_processors.debug',
9
                'django.template.context_processors.request',
10
                'django.contrib.auth.context_processors.auth',
11
                'django.contrib.messages.context_processors.messages',
12
            ],
13
        'builtins': ['django.templatetags.static']
14
        },
15
    },
16
]

【四】配置文件说明(media)#

MEDIA_ROOT - 设置用户上传文件的实际保存目录，该文件夹自动创建
MEDIA_URL - 代表用户通过URL来访问这个本地地址的URL
- 如本机MEDIA_URL 为/media/
- 则访问url是：http://IP:PORT/media/

【五】配置文件修改(media)#

【1】配置文件注册#

1
# 在根目录下的 settings.py 中添加如下配置
2

3

4
MEDIA_URL='/media/'
5
MEDIA_ROOT=os.path.join(BASE_DIR,"media")

【2】路由映射#

1
# 导入项目文件夹中settings.py模块
2
# 或者 from . import settings
3
from django.conf import settings
4

5
# 导入相关静态文件处理的views控制包
6
from django.views.static import serve
7

8

9
urlpatterns = [
10
    re_path('media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}),
11
]

【3】模型文件配置#

FileField或ImageField字段适用于存储文件/图片
出于性能考虑，文件并不直接保存到数据库，而是保存在文件系统里，因此该字段只是记录一个路径而已。

1
img_link = models.ImageField(upload_to='images/%Y-%m', max_length=255,
2
                                 help_text='提示：不添加封面可以不选择图片，默认没有图片',
3
                                 blank=True, null=True, verbose_name='文章封面')
4

5
# upload_to相当于上传到/media/images目录下，格式为year-month，如2019-10
6

7

8
avatar = models.FileField(verbose_name='头像', upload_to='upload/avatar/')
9

10
# upload_to相当于上传到/media/upload/avatar/目录下

【4】模版文件使用#

【1】方式一#

1
<img src="/media/{{ article.img_link }}">

【2】方式二#

1
<img src="{{ article.img_link.url }}">

音乐

音乐

【一】Django有两种静态文件#

【1】static#

【2】media#

【二】前言#

【三】配置说明(static)#

【1】引入#

【2】配置解释#

【三】配置文件修改(static)#

【1】debug模式#

【2】非debug模式#

【3】模板中使用静态文件#

【4】全局配置#

【四】配置文件说明(media)#

【五】配置文件修改(media)#

【1】配置文件注册#

【2】路由映射#

【3】模型文件配置#

【4】模版文件使用#

【1】方式一#

【2】方式二#

支持与分享

音乐

Django的静态文件

【一】Django有两种静态文件#

【1】static#

【2】media#

【二】前言#

【三】配置说明(static)#

【1】引入#

【2】配置解释#

【三】配置文件修改(static)#

【1】debug模式#

【2】非debug模式#

【3】模板中使用静态文件#

【4】全局配置#

【四】配置文件说明(media)#

【五】配置文件修改(media)#

【1】配置文件注册#

【2】路由映射#

【3】模型文件配置#

【4】模版文件使用#

【1】方式一#

【2】方式二#

支持与分享