前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >分离django中的媒体文件,静态文件

分离django中的媒体文件,静态文件

作者头像
py3study
发布2020-01-05 15:32:52
1.7K0
发布2020-01-05 15:32:52
举报
文章被收录于专栏:python3python3

作者: knthony

django项目中,占很大体积的是静态文件,媒体文件还有html代码,那我们该如何把它们分离出来以方便我们和服务器去管理和使用它们。

static 文件

static,顾名思义就是静态文件,django自带了一个命令讲项目中所有的静态文件提取出来 python3 manage.py collectstatic

我习惯将这些可以从外部引入的文件放在项目的根目录下

代码语言:javascript
复制
DemoProject
--DemoProject
--DemoApp
--static
--manage.py

是的,就是它,我喜欢的位置。 不过在此之前,我们需要在项目的setting.py中去设置提取文件所要存储的位置STATIC_ROOT

代码语言:javascript
复制
STATIC_ROOT = os.path.join(BASE_DIR, "static")

那这样,我们运行完上面的命令就会发现我们的项目结构中会多一个static文件 然后配置DemoProject下的url,添加

代码语言:javascript
复制
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.conf.urls.static import static
from django.conf import settings


urlpatterns = [
    url(r'^admin/', admin.site.urls),
]


if settings.DEBUG or True:
    urlpatterns += staticfiles_urlpatterns()

当然这个if判断是在debug为true的时候支持这样的访问,那如果在真实生产环境中需要修改遮盖判断 不过到这里还没有结束,为了方便的引用我们需要在setting.py中添加

代码语言:javascript
复制
STATICFILES_DIRS = [
    ('bootstrap',os.path.join(BASE_DIR, 'static/bootstrap').replace('\\','/')),
]

注意这种方式在html中可以直接以如下方式访问

代码语言:javascript
复制
<link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}">

注意要在第一行加上{% load staticfiles %}

media文件

网站上总是会有音乐视频或者图片等体积比较大的文件,那我们将这些也从django项目中分离出来并进行调用 首先我们在和static同目录下新建一个media文件夹,在media中新建一个image作为我们存放图片的文件夹 结构如下:

代码语言:javascript
复制
DemoProject
--DemoProject
--DemoApp
--static
--media
---image
--manage.py

第一步:在setting.py最后添加

代码语言:javascript
复制
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, "media")

第二部:在urls.py中 在 urlpatterns += staticfiles_urlpatterns() 下面添加 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

说出来你可能不信,这样就ok了

代码语言:javascript
复制
<img src="/media/image/test.png" alt="">

这样就可以访问我们的media/image下的图片或者视频了

templates

如果我们想把项目中的网页代码文件归类分离出来 第一步:

代码语言:javascript
复制
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'templates').replace('\\','/'),
        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

在上面代码的DIRS中添加你网页代码的路径,如果也想和我一样放在根路径下可以和我一样

代码语言:javascript
复制
os.path.join(BASE_DIR, 'templates').replace('\\','/'),

这是最近写django项目总结的一点点,第一次写文章,大牛勿喷,感谢大牛能指出文中的缺漏和错误

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-10-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • static 文件
  • media文件
  • templates
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档