Djang中静态文件配置方法


Posted in Python onJuly 30, 2015

下面通过图文并茂的方法给大家详细介绍下Djang中静态文件配置方法

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

首先要理解几个概念:

媒体文件:用户上传的文件
静态文件:css,js,image等
开发环境:使用django内置服务器处理静态文件
生产环境:使用apache2/nginx服务器处理静态文件映射
所以在配置时要分清楚开发环境还是生产环境,这个后面会详细介绍。

下面先介绍一下服务器查找静态文件的原理,这样我们才能更好的配置。

1、django.contrib.staticfiles
django.contrib.staticfiles是django1.3新增的一个app来帮助开发者管理静态文件【js,css等】。

django1.3之前的静态文件都是用MEDIA_URL和MEDIA_ROOT来控制的。

为了将媒体文件【用户上传的文件】和静态文件做区分,django1.3通过MEDIA_XXX配置来处理媒体文件,通过STATIC_XXX配置项来处理静态文件。

staticfiles使开发者可以将静态文件分配到app目录或任意指定目录。

2、MEDIA_XXX和STATIC_XXX配置项的区别
MEDIA_XXX配置项用来管理媒体文件。经常由FileFields字段上传,它们被保存在settings.MEDIA_ROOT指定的目录下,通过settings.MEDIA_URL指定的路径访问。

STATIC_XXX配置项用来管理静态文件。它们通过manage.py collectstatic命令汇集到settings.STATIC_ROOT目录,并通过settings.STATIC_URL指定的路径访问。

3、 静态文件相关配置项详解
STATIC_ROOT配置项

用来指定执行manage.py collectstatic时静态文件存放的路径。在生成环境中,集中存放静态资源有利于使用Lighttpd/Nginx/apache2托管静态资源。为了方便调试,通常设置如下:

SITE_ROOT = os.path.dirname(os.path.abspath(__file__))

SITE_ROOT = os.path.abspath(os.path.join(SITE_ROOT, '../'))

STATIC_ROOT = os.path.join(SITE_ROOT, 'collectedstatic')

STATIC_URL配置项

django模板中,可以引用{{STATIC_URL}}变量避免把路径写死。通常使用默认设置

STATIC_URL = '/static/'

ADMIN_MEDIA_PREFIX配置项

ADMIN_MEDIA_PREFIX必须为如下配置,以便staticfiles能够正确找到django.contrib.admin的静态资源:

ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin/'

 在模板中使用STATIC_URL
<link rel="stylesheet" href="{{ STATIC_URL }}css/core.css">

原理懂了后,接下来介绍开发环境和生产环境中静态文件具体配置。

我的django版本是1.4.21,以此版本做介绍。

>>> import django

>>> print django.get_version()

1.4.21

二、开发环境
django1.4,21中默认已安装了staticfiles app,所以开发环境中对静态文件的访问不需要对django做任何配置。

有一点:开发环境staticfiles查找静态文件的顺序取决于STATIC_FINDERS配置项,默认配置

STATICFILES_FINDERS = (

    'django.contrib.staticfiles.finders.FileSystemFinder',

    'django.contrib.staticfiles.finders.AppDirectoriesFinder',

#    'django.contrib.staticfiles.finders.DefaultStorageFinder',

)

FileStstemFinder用来用STATICFILES_DIRS【默认为空】指定的路径中查找额外的静态文件。像jquery,bootstrap等这样公用的资源文件都是在多个不同的app中共用的,django提供了公有的目录来放这些文件,这个配置参数就是:STATICFILES_DIRS
AppDirectoriesFinder从INSTALLED_APPS元组中的APP所在包的static目录中查找资源文件。
使用如下。

1、新建项目lxyproject

[root@yl-web srv]# django-admin.py startproject lxyproject

2、在项目中新建一个app名叫hello
[root@yl-web lxyproject]# python manage.py startapp hello

[root@yl-web lxyproject]# ls

hello  lxyproject  manage.py

在hello app下建一个static目录用来存放静态文件。

[root@yl-web hello]# mkdir static

[root@yl-web hello]# ls

__init__.py  models.py  static  tests.py  views.py

然后在static目录新建一个hello.txt的静态文件。
[root@yl-web hello]# cd static/

[root@yl-web static]# ls

hello.txt

[root@yl-web static]# cat hello.txt 

hello.txt's content:congratulations!!

3、在项目的settings.py文件中INSTALLED_APPS中配置hello app
INSTALLED_APPS = (

    ...

    'hello',

)

4、运行项目
[root@yl-web lxyproject]# python manage.py runserver 0.0.0.0:9000

5、通过url访问

Djang中静态文件配置方法

在static目录下新建一个images目录放一张sheep.png图片,同理通过url访问

Djang中静态文件配置方法

三、生产环境
前面也说了,在生成环境中,集中存放静态资源有利于使用Lighttpd/Nginx托管静态资源。而生产环境一般是把静态文件放在项目根目录下的static目录下。

默认配置

STATIC_ROOT = ''

STATIC_URL = '/static/'

STATICFILES_DIRS = (

)

我们要做的是

1、配置服务器,我用的是apache。

安装配置详情可参考:

Ubuntu apache2服务器配置

centos7 apache httpd安装和配置django项目

2、在项目根目录下创建collectedstatic目录。

3、配置settings.py

import os

SITE_ROOT = os.path.dirname(os.path.abspath(__file__))
SITE_ROOT = os.path.abspath(os.path.join(SITE_ROOT, '../'))
STATIC_ROOT = os.path.join(SITE_ROOT, 'collectedstatic')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
 # Put strings here, like "/home/html/static" or "C:/www/django/static".
 # Always use forward slashes, even on Windows.
 # Don't forget to use absolute paths, not relative paths.
)
INSTALLED_APPS = (
 'django.contrib.auth',
 'django.contrib.contenttypes',
 'django.contrib.sessions',
 'django.contrib.sites',
 'django.contrib.messages',
 'django.contrib.staticfiles',
 # Uncomment the next line to enable the admin:
 # 'django.contrib.admin',
 # Uncomment the next line to enable admin documentation:
 # 'django.contrib.admindocs',
 'hello',
)

 
4、运行python manage.py collectstatic收集所有已安装的APP的静态文件到根目录的collectedstatic【即STATIC_ROOT】中

 

[root@yl-web lxyproject]# python manage.py collectstatic

You have requested to collect static files at the destination

location as specified in your settings.

This will overwrite existing files!

Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: yes

Copying '/srv/lxyproject/hello/static/images/sheep.png'

1 static file copied.
 
5、配置服务器,将/static/路径指向STATIC_ROOT目录。

即在虚拟主机中配置

Alias /static/ /srv/lxyproject/collectedstatic/

6、配置至此完成,通过浏览器访问

 Djang中静态文件配置方法

真正发布一个django项目时,对静态文件的管理可能需要额外做一些工作:

Less / CoffeeScript 等自动编译成css/js
"压缩" css/js文件,提高浏览器加载速度
合并零碎的css/js文件,减少浏览器请求次数
静态资源文件的版本话:浏览器会缓存静态文件,后台代码和静态资源文件都发生更新后,浏览器很可能从缓存提取过期的静态资源,导致页面显示异常。

以上就是Djang中静态文件配置方法的全部内容,希望大家喜欢。

Python 相关文章推荐
python多重继承新算法C3介绍
Sep 28 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
Apr 16 Python
Python图算法实例分析
Aug 13 Python
python实现字符串连接的三种方法及其效率、适用场景详解
Jan 13 Python
基于Python中capitalize()与title()的区别详解
Dec 09 Python
Django 实现下载文件功能的示例
Mar 06 Python
python 异或加密字符串的实例
Oct 14 Python
在python中使用xlrd获取合并单元格的方法
Dec 26 Python
python word转pdf代码实例
Aug 16 Python
python代码如何注释
Jun 01 Python
python thrift 实现 单端口多服务的过程
Jun 08 Python
pytorch 带batch的tensor类型图像显示操作
May 20 Python
Python实现根据IP地址和子网掩码算出网段的方法
Jul 30 #Python
Python实现配置文件备份的方法
Jul 30 #Python
Python统计文件中去重后uuid个数的方法
Jul 30 #Python
Python利用正则表达式匹配并截取指定子串及去重的方法
Jul 30 #Python
Python实现简单拆分PDF文件的方法
Jul 30 #Python
使用Python脚本生成随机IP的简单方法
Jul 30 #Python
Python实现批量读取word中表格信息的方法
Jul 30 #Python
You might like
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
php获取图片信息的方法详解
2015/12/10 PHP
PHP中的表达式简述
2016/05/29 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
js常见表单应用技巧
2008/01/09 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
微信小程序视图template模板引用的实例详解
2017/09/20 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
Python subprocess模块详细解读
2018/01/29 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
2018/07/09 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
详解python 内存优化
2020/08/17 Python
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
仓库主管的岗位职责
2013/12/04 职场文书
影视动画专业个人的自我评价
2013/12/31 职场文书
医药专业应届毕业生求职信范文
2014/01/01 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
希特勒的演讲稿
2014/05/23 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
2015新年联欢晚会开场白
2014/12/14 职场文书
学校计划生育责任书
2015/05/09 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书