Djang中静态文件配置方法

下面通过图文并茂的方法给大家详细介绍下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

复制代码代码如下:

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

我的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

复制代码代码如下:

G^gZjB>w[kh4( M'*G"A4(:/ZCc#f*4+B#n;jZ?#fV4+vgZj&#rw?#fOcvgZ;>J3vgZRnZB;?#fc>C>[jvgvb4(bvgZ7Wj3roZs