Djang中静态文件配置方法
作者：starof
字体：[ ] 类型：转载 时间：
这篇文章主要介绍Djang中静态文件配置方法的相关资料，django静态文件配置主要是为了让用户请求django服务器时能找到静态文件返回,需要的朋友可以参考下
下面通过图文并茂的方法给大家详细介绍下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()
二、开发环境
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
[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访问
在static目录下新建一个images目录放一张sheep.png图片，同理通过url访问
三、生产环境
前面也说了，在生成环境中，集中存放静态资源有利于使用Lighttpd/Nginx托管静态资源。而生产环境一般是把静态文件放在项目根目录下的static目录下。
STATIC_ROOT = ''
STATIC_URL = '/static/'
STATICFILES_DIRS = (
我们要做的是
1、配置服务器，我用的是apache。
安装配置详情可参考：
Ubuntu apache2服务器配置
centos7 apache httpd安装和配置django项目
2、在项目根目录下创建collectedstatic目录。
3、配置settings.py
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',
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、配置至此完成，通过浏览器访问
真正发布一个django项目时，对静态文件的管理可能需要额外做一些工作：
Less / CoffeeScript 等自动编译成css/js
"压缩" css/js文件，提高浏览器加载速度
合并零碎的css/js文件，减少浏览器请求次数
静态资源文件的版本话：浏览器会缓存静态文件，后台代码和静态资源文件都发生更新后，浏览器很可能从缓存提取过期的静态资源，导致页面显示异常。
以上就是Djang中静态文件配置方法的全部内容，希望大家喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具django中怎么载入css等静态文件
新手，在网上找了很多方法都没有成功，已经研究好几天了，求大家解救
window7 python2.7 django1.6.2
| |-__init__.py
| |-manage.py
| |-settings.py
| |-urls.py
|-templates
| |-...(html files)
| |-static
settings.py中static变量的设置：
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
STATIC_URL = '/static/'
STATIC_PATH = os.path.join(BASE_DIR, 'templates/static').replace('\\','/')
urls.py中urlpatterns的设置
urlpatterns = patterns('',
url(r'^static/(?P&path&.*)$','django.views.static.serve',{'document_root':settings.STATIC_PATH}),
模板文件中的引用方式
&script src="/static/js/jquery.js"&&/script&
&link href="/static/css/css.css" rel="stylesheet" type="text/css"&
另：如果想在debug=false下，又要怎么设置？
后又尝试：
urls.py中urlpatterns的设置
urlpatterns = patterns('',
url(r'^media/(?P&path&.*)$','django.views.static.serve',{'document_root':settings.STATIC_PATH}),
static换为media
模板文件中的引用方式
&script src="/media/js/jquery.js"&&/script&
&link href="/media/css/css.css" rel="stylesheet" type="text/css"&
同样，static换为media
结果好像是找到文件了，但是又出现了别的错误：
Exception Type:
UnicodeDecodeError
Exception Value:
'ascii' codec can't decode byte 0xb0 in position 1: ordinal not in range(128)
我的文件都是utf-8编码的，绝对不是ascii，而且文件里也没有出现中文。
错误信息：
UnicodeDecodeError at /statics/css/test.css
'ascii' codec can't decode byte 0xb0 in position 1: ordinal not in range(128)
Request Method: GET
Request URL:
Django Version: 1.6.2
Exception Type: UnicodeDecodeError
Exception Value:
'ascii' codec can't decode byte 0xb0 in position 1: ordinal not in range(128)
Exception Location: C:\Python27\lib\mimetypes.py in enum_types, line 249
Python Executable:
C:\Python27\python.exe
Python Version: 2.7.6
Python Path:
['D:\Project\django\site01\sites',
'C:\Windows\system32\python27.zip',
'C:\Python27\DLLs',
'C:\Python27\lib',
'C:\Python27\lib\plat-win',
'C:\Python27\lib\lib-tk',
'C:\Python27',
'C:\Python27\lib\site-packages']
Server time:
星期六, 26 四月 :08 +0800
Unicode error hint
The string that could not be encoded/decoded was: .??????
Traceback Switch to copy-and-paste view
C:\Python27\lib\site-packages\django\core\handlers\base.py in get_response
response = wrapped_callback(request, *callback_args, **callback_kwargs) ...
? Local vars
C:\Python27\lib\site-packages\django\views\static.py in serve
content_type, encoding = mimetypes.guess_type(fullpath) ...
? Local vars
C:\Python27\lib\mimetypes.py in guess_type
init() ...
? Local vars
C:\Python27\lib\mimetypes.py in init
db.read_windows_registry() ...
? Local vars
C:\Python27\lib\mimetypes.py in read_windows_registry
for subkeyname in enum_types(hkcr): ...
? Local vars
C:\Python27\lib\mimetypes.py in enum_types
ctype = ctype.encode(default_encoding) # omit in 3.x! ...
? Local vars
2015年 6月13日
请输入验证码:
[captcha placeholder]
或 后不会被要求输入验证码。
请输入验证码:
&&&& 或 后不会被要求输入验证码。
自己解决了！
settings.py中的设置：
STATICFILES_DIRS = (
'templates/static'
urls.py中设置：
url(r'^staticfiles/(?P&path&.*)$','django.views.static.serve',{'document_root':settings.STATICFILES_DIRS, 'show_indexes': True}),
html中引用方式：
&link href="/staticfiles/css/test.css" rel="stylesheet" type="text/css"&
这样设置完，文件是找到了，但是会出现编码错误，错误行是：
C:\Python27\lib\mimetypes.py in enum_types, line 249
在网上找了半天，找到了解决编码错误的办法，
在mimetypes.py文件中，添加
reload(sys)
sys.setdefaultencoding('gb18030')
2015年 6月13日
(821 威望)
请输入验证码:
[captcha placeholder]
或 后不会被要求输入验证码。
提一个问题:
2014年 6月8日
(973 威望)
2013年 9月11日
(647 威望)
2016年 1月31日
(750 威望)
2015年 9月3日
(520 威望)
2016年 2月2日
(526 威望)
欢迎访问随意问技术百科，为了给您提供更好的服务，请及时反馈您的意见。前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用&link rel="stylesheet" href="../css/lstyle.css"&这个格式,但是django中需要配置一下,才能如此使用.
关键词:django静态文件 django生产环境 django1.8
&&&&&& 第一步,在django工程目录下建立static文件夹,同时在static文件夹下建立css img js三个不同名称的文件夹用来存放css和js静态文件以及image图片
&&&&&& 第二步,找到settings.py配置文件,修改如下:
STATIC_URL = '/static/'STATICFILES_DIRS = (&&&& os.path.join(BASE_DIR, "static"),)
&&&&& 配置完毕,然后在html文件中如下应用即可:&
&&&&& {% load staticfiles %}#html文件头部必须添加,然后下面调用才能生效&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html&&head&&& &&& &!-- Basic Page Needs&&& ================================================== --&&& &meta charset="utf-8"&&& &title&&/title&&& &meta name="description" content="!"&&& &meta name="keywords" content=""&&& &meta name="author" content="CQ_LQJ"&&&& &!-- CSS&&& ================================================== --&&&& &link rel="stylesheet" href="{% static 'css/style.css' %}"&& #第一种调用方式
&&& &link rel="stylesheet" href="/static/css/style.css"&#第二种调用方式&/head&&body&&/body&&/html&
阅读(...) 评论()django--静态文件路径和模板路径配置 - 追随大师的脚步,,, - ITeye技术网站
博客分类：
1：django处理静态文件：
比如 ： 我的工程是xiaoshuo-----》进入 小说 ---》 manage.py
在下面建立一个 static 和templates文件夹
settings.py :
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.
os.path.join( os.path.dirname(__file__),'static').replace('\\','/'),
在后面加上路径，django1.4会自动找到static下的静态文件，不需要配置urls.py了
2：配置templates路径：
TEMPLATE_DIRS = (
# Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
# Always use forward slashes, even on Windows.
# Don't forget to use absolute paths, not relative paths.
os.path.join( os.path.dirname(__file__),'tempates').replace('\\','/'),
就可以了.....
对应模板的应用参考
from django.shortcuts import render_to_response
def detail(request):
return render_to_response('detail.html')
建立views.py文件直接返回html页面到浏览器
在urls.py中添加：
('^detail/$', detail),
浏览器中输入：
common下base.html内容
&link rel="stylesheet" href="css/style.css" type="text/css"&
&link rel="stylesheet" href="css/reset.css" type="text/css"&
&link rel="stylesheet" href="css/home.css" type="text/css"&
&script type="text/javascript" src="js/jquery-1.7.1.js"&&/script&
&script type="text/javascript" src="js/jquery.wookmark.js"&&/script&
上级目录下detail.html内容：
&meta http-equiv="Content-Type" content="text/ charset=UTF-8"&
&title&Insert title here&/title&
{% include "common/base.html" %}
和jsp中处理的inlcude相似：注意相对路径 django是相对访问的url路径的。
................
上面的base.html是改成这样就可以访问css和js了
&link rel="stylesheet" href="../static/css/style.css" type="text/css"&
&link rel="stylesheet" href="../static/reset.css" type="text/css"&
&link rel="stylesheet" href="../static/css/home.css" type="text/css"&
&script type="text/javascript" src="../static/js/jquery-1.7.1.js"&&/script&
&script type="text/javascript" src="../static/js/jquery.wookmark.js"&&/script&
浏览 10159
浏览: 340026 次
来自: 北京
我想知道哪里整的，如果是自己写的，那有点牛呀如果是抄的请说明出 ...
博主写的很好，赞一个，多谢分享 *(^-^*)分享一个免费好用 ...
经过测试，parameterType=&java.u ...
apache lucene开源框架demo使用实例教程源代码下 ...今天看啥 热点：
Django添加JS，CSS，图片等外部文件的方法，
Django添加JS，CSS，图片等外部文件的方法
By 白熊花田(http://blog.csdn.net/whiterbear) 转载需注明出处，谢谢。
在使用Django搭建网站时，往往需要使用一些js，css或者图片等外部文件，这里给出使用它们的用法。
我的django版本为：1.8.2
假设我们有工程如下：
sentiment_analysis
|-manage.py
|-show_pages
|-__init__.py
|-admin.py
|-models.py
|-tests.py
|-views.py
|-tests.py
|-templates
|-show_pages
|-index.html
在此工程下，假设我们需要在index.html中使用js等外部文件，可以按如下步骤进行使用。
添加外部文件
在应用show_pages（与manage.py同级）中新建static文件夹，里面放置外部资源文件（css，js等）。
修改settings.py
在settings.py文件中添加如下几行（其中有一行已经存在了）。
STATIC_ROOT= os.path.join(os.path.dirname(os.path.dirname(file)),’static’).replace(‘\’,’/’)
STATIC_URL = ‘/static/’
TEMPLATE_DIRS = (
‘/show_pages/templates’,
修改urls.py
修改mysite目录下的urls.py文件为：
from django.contrib import admin
from django.conf.urls import *
from django.conf import settings
urlpatterns = [
url(r’^admin/’, include(admin.site.urls)),
url(r’^show_pages/’, include(‘show_pages.urls’)),
url(r’^static/(?P.*)$’,’django.views.static.server’,{‘document_root’:settings.STATIC_ROOT},name=’static’),
修改manage.py
修改mysite目录下的manage.py文件，添加：
reload = reload(sys)
sys.setdefaultencoding(‘gb18030’)#否则加载css文件仍会出错
最后，在index.html中引入外部资源文件时，使用如下方式进行引用：
js文件：&script src="/static/js/jquery.js"&&/script&
css文件：&link href="/static/css/bootstrap.min.css" rel="stylesheet"&
图片：&img class="img-responsive" src="/static/img/phones.png" alt=""&
或者进行如下引用：
先在index.html文件中输入：{% load staticfiles %}，再按如下方式进行引用。
js文件：&script src="{% static 'js/jquery.js' %}"&&/script&
css文件：&link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"&
图片：&img class="img-responsive" src="{% static 'img/phones.png' %}" alt=""&
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
WEB前端教程最近更新}