如何分离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编程中的命名空间与作用域
Oct 16 Python
Python网络编程中urllib2模块的用法总结
Jul 12 Python
python使用xpath中遇到:到底是什么?
Jan 04 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
May 07 Python
Python实现拷贝/删除文件夹的方法详解
Aug 29 Python
PyTorch基本数据类型(一)
May 22 Python
python3 selenium自动化测试 强大的CSS定位方法
Aug 23 Python
python中的TCP(传输控制协议)用法实例分析
Nov 15 Python
python-numpy-指数分布实例详解
Dec 07 Python
python数据预处理 :数据抽样解析
Feb 24 Python
对Keras中predict()方法和predict_classes()方法的区别说明
Jun 09 Python
python调用百度AI接口实现人流量统计
Feb 03 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
PHP的反射机制实例详解
2017/03/29 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
使用django-crontab实现定时任务的示例
2018/02/26 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
python爬取音频下载的示例代码
2020/10/19 Python
Pycharm安装python库的方法
2020/11/24 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
四风查摆问题及整改措施
2014/10/10 职场文书
银行招聘自荐信
2015/03/06 职场文书
关于感恩的作文
2019/08/26 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
教你nginx跳转配置的四种方式
2022/07/07 Servers
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL