一、django静态文件配置原理

静态文件配置就是为了让用户请求时django服务器能找到静态文件返回。

首先要理解几个概念:

  • 媒体文件:用户上传的文件
  • 静态文件:css,js,image等
  • 开发环境:使用django内置服务器处理静态文件
  • 生产环境:使用apache2/nginx服务器处理静态文件映射

静态文件交由Web服务器处理,Django本身不处理静态文件。简单的处理逻辑如下(以nginx为例):

URI请求-----> 按照Web服务器里面的配置规则先处理,以nginx为例,主要求配置在nginx. #conf里的location

  |---------->如果是静态文件,则由nginx直接处理

  |---------->如果不是则交由Django处理,Django根据urls.py里面的规则进行匹配

以上是部署到Web服务器后的处理方式,为了便于开发,Django提供了在开发环境的对静态文件的处理机制,方法是这样:

1、在INSTALLED_APPS里面加入'django.contrib.staticfiles',

2、在urls.py里面加入

 if settings.DEBUG:
urlpatterns += patterns('', url(r'^media/(?P<path>.*)$',
'django.views.static.serve', {'document_root': settings.MEDIA_ROOT }),
url(r'^static/(?P<path>.*)$',
'django.views.static.serve',{'document_root':settings.STATIC_ROOT}), )

3、这样就可以在开发阶段直接使用静态文件了。

二、MEDIA_ROOT和MEDIA_URL

静态文件的处理又包括STATIC和MEDIA两类,这往往容易混淆,在Django里面是这样定义的:

MEDIA:指用户上传的文件,比如在Model里面的FileFIeld,ImageField上传的文件。如果你定义 #MEDIA_ROOT=c:\temp\media,那么File=models.FileField(upload_to="abc/")上传的文件就会被保存到c:\temp\media\abc

 class blog(models.Model):
Title=models.charField(max_length=64)
Photo=models.ImageField(upload_to="photo")
# 上传的图片就上传到c:\temp\media\photo,而在模板中要显示该文件,则在这样写

在settings里面设置的MEDIA_ROOT必须是本地路径的绝对路径,一般是这样写:

BASE_DIR= os.path.abspath(os.path.dirname(__file__))
MEDIA_ROOT=os.path.join(BASE_DIR,'media/').replace('\\','/')

MEDIA_URL是指从浏览器访问时的地址前缀,举个例子:

MEDIA_ROOT=c:\temp\media\photo
MEDIA_URL="/data/"
#在开发阶段,media的处理由django处理: # 访问http://localhost/data/abc/a.png就是访问c:\temp\media\photo\abc\a.png # 在模板里面这样写<img src="{{MEDIA_URL}}abc/a.png">

在部署阶段最大的不同在于你必须让web服务器来处理media文件,因此你必须在web服务器中配置, 以便能让web服务器能访问media文件 # 以nginx为例,可以在nginx.conf里面这样:

location ~/media/{
root/temp/
break;
}

具体可以参考如何在nginx部署django的资料。

三、STATIC_ROOT和STATIC_URL

STATIC主要指的是如css,js,images这样文件,在settings里面可以配置STATIC_ROOT和STATIC_URL, 配置方式与MEDIA_ROOT是一样的,但是要注意:

STATIC文件一般保存在以下位置:

1. STATIC_ROOT:在settings里面设置,一般用来放一些公共的js,css,images等。

2、app的static文件夹,在每个app所在文夹均可以建立一个static文件夹,然后当运行collectstatic时, Django会遍历INSTALL_APPS里面所有app的static文件夹,将里面所有的文件复制到STATIC_ROOT。因此, 如果你要建立可复用的app,那么你要将该app所需要的静态文件放在static文件夹中。 也就是说一个项目引用了很多app,那么这个项目所需要的css,images等静态文件是分散在各个app的static文件的,比 较典型的是admin应用。当你要发布时,需要将这些分散的static文件收集到一个地方就是STATIC_ROOT。

3、STATIC文件还可以配置STATICFILES_DIRS,指定额外的静态文件存储位置。

STATIC_URL的含义与MEDIA_URL类似。

注意1: 为了后端的更改不会影响前端的引入,避免造成前端大量修改

STATIC_URL = '/static/'               #引用名
STATICFILES_DIRS = (
os.path.join(BASE_DIR,"statics") #实际名 ,即实际文件夹的名字
) #django对引用名和实际名进行映射,引用时,只能按照引用名来,不能按实际名去找
#<script src="/statics/jquery-3.1.1.js"></script>
#------error-----不能直接用,必须用STATIC_URL = '/static/':
#<script src="/static/jquery-3.1.1.js"></script>

注意2(statics文件夹写在不同的app下,静态文件的调用):

 STATIC_URL = '/static/'
STATICFILES_DIRS=(
('hello',os.path.join(BASE_DIR,"app01","statics")) ,
) #<script src="/static/hello/jquery-1.8.2.min.js"></script>

注意3:使用模板语言

STATIC_URL = '/static/'
{% load staticfiles %}
<script src={% static "jquery-1.8.2.min.js" %}></script>

最新文章

  1. ICSharpCode.SharpZipLib.dll 移植WP
  2. JScrollBar
  3. ORACLE10g数据库字符集设置和客户端字符集设置不一致问题
  4. 转:Struts2&lt;s:iterator value=&quot;&quot; var=&quot;lst&quot;&gt;中var的使用和一些标签的使用体会
  5. qt多文档
  6. MVC5----用户登陆及验证码
  7. saltstack实战2--远程执行之返回(returner)
  8. .NET System.Timers.Timer的原理和使用(开发定时执行程序)
  9. 从 IT 中断中学到的最佳监控实践
  10. git 仓库
  11. Linux进程同步之POSIX信号量
  12. Android布局及属性归总(查询用)
  13. VR市场爆炸-VR全景智慧城市
  14. JavaScript学习笔记(二)——选项卡小结
  15. 通过history解决ajax不支持前进/后退/刷新
  16. [Swift]LeetCode57. 插入区间 | Insert Interval
  17. Java中static、final、static final的区别(转)
  18. Python-eval()函数
  19. c++11 线程池学习笔记 (二) 线程池
  20. Lintcode35-Reverse Linked List-Easy

热门文章

  1. LeetCode 1048. Longest String Chain
  2. learning scala extracors example
  3. 微信小程序轮播组件
  4. 2016级移动应用开发在线测试14-MediaPlayer
  5. ajax post data 获取不到数据,注意 content-type的设置 、post/get(转)
  6. js MD5加密与 java MD5加密不一致
  7. python3 Paramiko模块学习
  8. 2015-2016-2《Java程序设计》团队博客3
  9. [C++] 浅拷贝和深拷贝
  10. 【大数据应用期末总评】Hadoop综合大作业