如何分离django中的媒体、静态文件和网页


Posted in Python onNovember 12, 2019

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

static 文件

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

python3 manage.py collectstatic

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

DemoProject
--DemoProject
--DemoApp
--static
--manage.py

是的,就是它.

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

STATIC_ROOT = os.path.join(BASE_DIR, "static")

那这样,我们运行完上面的命令就会发现我们的项目结构中会多一个 static 文件

然后配置 DemoProject 下的 url ,添加

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中添加

STATICFILES_DIRS = [
  ('bootstrap',os.path.join(BASE_DIR, 'static/bootstrap').replace('\\','/')),
]

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

<link rel="stylesheet" href="{% static " rel="external nofollow" bootstrap/css/bootstrap.min.css" %}">

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

media 文件

网站上总是会有音乐视频或者图片等体积比较大的文件,那我们将这些也从django项目中分离出来并进行调用

首先我们在和static同目录下新建一个media文件夹,在media中新建一个image作为我们存放图片的文件夹

结构如下:

DemoProject
--DemoProject
--DemoApp
--static
--media
---image
--manage.py

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

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了

<img src="/media/image/test.png" alt="">

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

templates

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

第一步:

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中添加你网页代码的路径,如果也想和我一样放在根路径下可以和我一样

os.path.join(BASE_DIR, 'templates').replace('\\','/')

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python中编写ORM框架的入门指引
Apr 29 Python
python获取当前时间对应unix时间戳的方法
May 15 Python
Python的组合模式与责任链模式编程示例
Feb 02 Python
python实现class对象转换成json/字典的方法
Mar 11 Python
详解Python import方法引入模块的实例
Aug 02 Python
Python实现基本数据结构中队列的操作方法示例
Dec 04 Python
用TensorFlow实现lasso回归和岭回归算法的示例
May 02 Python
python矩阵/字典实现最短路径算法
Jan 17 Python
Python3中的最大整数和最大浮点数实例
Jul 09 Python
pycharm 2018 激活码及破解补丁激活方式
Sep 21 Python
python logging.info在终端没输出的解决
May 12 Python
Python中bisect的用法及示例详解
Jul 20 Python
pygame实现烟雨蒙蒙下彩虹雨
Nov 11 #Python
Python实现元素等待代码实例
Nov 11 #Python
如何基于python生成list的所有的子集
Nov 11 #Python
使用django和vue进行数据交互的方法步骤
Nov 11 #Python
如何使用python进行pdf文件分割
Nov 11 #Python
python实发邮件实例详解
Nov 11 #Python
Python 中 -m 的典型用法、原理解析与发展演变
Nov 11 #Python
You might like
php生成随机密码的三种方法小结
2010/09/04 PHP
php class类的用法详细总结
2013/10/17 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
Move.js入门
2017/02/08 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
js实现弹窗效果
2020/08/09 Javascript
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
django定期执行任务(实例讲解)
2017/11/03 Python
5款非常棒的Python工具
2018/01/05 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Python如何批量生成和调用变量
2020/11/21 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
中国跨境电商:Tomtop
2017/03/16 全球购物
结婚典礼证婚词
2014/01/08 职场文书
大学生实习鉴定评语
2014/04/25 职场文书
初中新生军训方案
2014/05/13 职场文书
新学期标语
2014/06/30 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
如何使用flask将模型部署为服务
2021/05/13 Python
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis