新手园地& & & 硬件问题Linux系统管理Linux网络问题Linux环境编程Linux桌面系统国产LinuxBSD& & & BSD文档中心AIX& & & 新手入门& & & AIX文档中心& & & 资源下载& & & Power高级应用& & & IBM存储AS400Solaris& & & Solaris文档中心HP-UX& & & HP文档中心SCO UNIX& & & SCO文档中心互操作专区IRIXTru64 UNIXMac OS X门户网站运维集群和高可用服务器应用监控和防护虚拟化技术架构设计行业应用和管理服务器及硬件技术& & & 服务器资源下载云计算& & & 云计算文档中心& & & 云计算业界& & & 云计算资源下载存储备份& & & 存储文档中心& & & 存储业界& & & 存储资源下载& & & Symantec技术交流区安全技术网络技术& & & 网络技术文档中心C/C++& & & GUI编程& & & Functional编程内核源码& & & 内核问题移动开发& & & 移动开发技术资料ShellPerlJava& & & Java文档中心PHP& & & php文档中心Python& & & Python文档中心RubyCPU与编译器嵌入式开发驱动开发Web开发VoIP开发技术MySQL& & & MySQL文档中心SybaseOraclePostgreSQLDB2Informix数据仓库与数据挖掘NoSQL技术IT业界新闻与评论IT职业生涯& & & 猎头招聘IT图书与评论& & & CU技术图书大系& & & Linux书友会二手交易下载共享Linux文档专区IT培训与认证& & & 培训交流& & & 认证培训清茶斋投资理财运动地带快乐数码摄影& & & 摄影器材& & & 摄影比赛专区IT爱车族旅游天下站务交流版主会议室博客SNS站务交流区CU活动专区& & & Power活动专区& & & 拍卖交流区频道交流区
空间积分0 信誉积分100 UID阅读权限10积分5帖子精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
白手起家, 积分 5, 距离下一级还需 195 积分
帖子主题精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
论坛徽章:0
这几天刚接触django，但是在模板中因为css文件有问题，我的目录结构是这样的：.
|-- __init__.py
|-- __init__.pyc
|-- manage.py
|-- settings.py
|-- settings.pyc
|-- static
|& &|-- css
|& &|& &`-- style.css
|& &|-- images
|& &|& &|-- img01.jpg
|& &|& &|-- img02.jpg
|& &|& &|-- img03.jpg
|& &|& &|-- img04.jpg
|& &|& &|-- img06.jpg
|& &|& &`-- img07.jpg
|-- templates
|& &|-- datetime.html
|& &|-- index.html
|& &|-- list.html
|& &|-- test.html
|& &`-- txl.html
|-- urls.py
|-- urls.pyc
|-- view.py
`-- view.pyc
在index.html里引用css文件如：
&link href=&/css/style.css& rel=&stylesheet& type=&text/css& media=&screen& /&
（另外style.css文件中包含img01.jpg-img07.jpg图片）这是不是也要单独在django中声明？
当打开网页的时候无法正常显示格式，请教django应该怎么样在模块中引用css文件，求比较详细的说明，非常感谢
&&nbsp|&&nbsp&&nbsp|&&nbsp&&nbsp|&&nbsp&&nbsp|&&nbsp
空间积分0 信誉积分266 UID阅读权限30积分1367帖子精华可用积分1367 专家积分0 在线时间481 小时注册时间最后登录
家境小康, 积分 1367, 距离下一级还需 633 积分
帖子主题精华可用积分1367 专家积分0 在线时间481 小时注册时间最后登录
论坛徽章:0
本帖最后由 aixcradent 于
08:50 编辑
在settings.py加入以下这句CSS_DIR& & = './static/css/'复制代码在urls.py加入以下这句import settings
urlpatterns = patterns('',
& & (r'^css/(?P&path&.*), 'django.views.static.serve',
& && &&&{'document_root': settings.CSS_DIR}),
)复制代码
空间积分0 信誉积分100 UID阅读权限10积分5帖子精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
白手起家, 积分 5, 距离下一级还需 195 积分
帖子主题精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
论坛徽章:0
aixcradent
我在urls.py里添加：(r'^css/(?P&path&.*)', 'django.views.static.serve',{'document_root':settings.CSS_DIR}),
在settings.py里配置CSS_DIR = './static/css'
index.html文件中&link href=&/css/style.css& rel=&stylesheet& type=&text/css& media=&screen& /&
访问的时候用调试工具发现 404 NOT FOUND, 应该是配置有问题，不太清楚问题出在哪里？
空间积分0 信誉积分100 UID阅读权限10积分5帖子精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
白手起家, 积分 5, 距离下一级还需 195 积分
帖子主题精华可用积分5 专家积分0 在线时间2 小时注册时间最后登录
论坛徽章:0
非常感谢，已经找到原因所在了,dir位置问题
空间积分0 信誉积分342 UID阅读权限50积分2705帖子精华可用积分2705 专家积分0 在线时间2135 小时注册时间最后登录
小富即安, 积分 2705, 距离下一级还需 2295 积分
帖子主题精华可用积分2705 专家积分0 在线时间2135 小时注册时间最后登录
论坛徽章:0
django1.3?
把你正确的配置贴出来，谢谢
MEDIA_ROOT&&= ''
MEDIA_URL&&=''
STATIC_ROOT =''
STATIC_URL =''
STATICFILES_DIRS=''
北京皓辰网域网络信息技术有限公司. 版权所有 京ICP证:060528号 北京市公安局海淀分局网监中心备案编号：
广播电视节目制作经营许可证(京) 字第1234号
中国互联网协会会员&&联系我们：
感谢所有关心和支持过ChinaUnix的朋友们
转载本站内容请注明原作者名及出处当前访客身份：游客 [
这个人很懒，啥也没写
：看了半天，真的不知道作者想说哪个语言……似乎是...
：我竟然读完了.....
今日访问：30
昨日访问：39
本周访问：111
本月访问：386
所有访问：5811
在django项目中加入像bootstrap这样的css，js等静态文件
发表于1年前( 01:12)&&
阅读（355）&|&评论（）
0人收藏此文章,
& 在django中，urls.py将URL请求转给view.py中的函数，函数将计算后的结果转给templates中的某个xxx.html文件，最后xxx.html文件发给了客户，在客户的页面显示出来，这里，我总结下我怎么在html文件里放入css，js等静态文件。在这里以bootstrap为例加入其中。
& & & & 首先，在项目中创建一个static文件夹，然后再在static文件夹里创建三个css，img，js文件夹。在里面对应放入我们下载的bootstrap的各个文件。放入的文件目前在网页里是找不到的哦~因为我们没有添加路径让系统找到它们，如下例子所示为找不到bootstrap文件：
404 NOT FOUND
& & & & 那怎么设置才能找到我们的bootstrap文件呢？很简单，只需在settings.py中进行设置就行。
1.在头部加入：
import&os&&
HERE&=&os.path.dirname(os.path.abspath(__file__))&&
HERE&=&os.path.join(HERE,&'../')&&
2.在STATICFILES_DIRS中设置成这样：
#&Additional&locations&of&static&files&&
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(HERE,&'static/'),&&
3.在html文件中加入css，js等的路径：
&link&rel="stylesheet"&href="/static/css/bootstrap.css"&/&&&
&link&rel="stylesheet"&href="/static/css/bootstrap-responsive.css"&/&&&
&script&type="text/javascript"&src="/static/js/jquery-1.10.2.js"&&/script&&&
&script&type="text/javascript"&src="/static/js/bootstrap.js"&&/script&&&
4.在浏览器中继续输入以上网址，看看能不能获取到css文件：
在浏览器中就可以看到：
&*&Bootstrap&v2.3.2
&*&Copyright&2012&Twitter,&Inc
&*&Licensed&under&the&Apache&License&v2.0
&*&http://www.apache.org/licenses/LICENSE-2.0
&*&Designed&and&built&with&all&the&love&in&the&world&@twitter&by&@mdo&and&@fat.
OK了！得到了我们想要的内容，说明可以访问那些静态文件了，我们在项目中也就可以用相对路径去用这些静态文件了。
这个方法就更简单了，我们根据templates的路径样式，设置static的路径。
先看看templates的路径样式：
TEMPLATE_DIRS&=&(&&
&&&&os.path.join(os.path.dirname(__file__),&'..',&'templates').replace('\\','/'),&&
&&&&os.path.join('templates'),&&
设置我们的static路径为：
#&Additional&locations&of&static&files&&
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('\\','/'),&&
&&&&os.path.join('static'),&&
OK了！虽然我们从网页不能访问那些静态文件，但是在我们项目中可以用这些静态文件了。
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读django访问静态资源css, js, 图片报编码错误解决办法-python-Php教程-壹聚教程网django访问静态资源css, js, 图片报编码错误解决办法从小编对于服务器的一个理解如果我们不能访问静态资源css, js, 图片之类的应该是服务器权限问题了，但在django好像不一样了，下面我们来看django访问静态资源css, js, 图片报编码错误解决办法
错误截图如下
可以发现所有的静态资源文件，包括css, js, 图片文件都找不到，后台错误报编码错误。
试过很多办法，包括在settings.py 中设置 DEFATULT_CHARSET='UTF-8' 等，也还试过有人说过的，在manage.py 中加入下面的语句:
程序代码 程序代码
reload = reload(sys)
sys.setdefaultencoding(&cp1251&)
#其实这里还会报错，貌似python2.7 不支持 setdefaultencoding
这样做，貌似会解决部分问题，但没有全部解决。有部分css,js 可以打开，但图片好像还是有问题，继续找答案，最好找到一个方案可以解决：
在C:＼Python27＼Lib＼site-packages 目录下增加一个文件：sitecustomize.py 其内容如下:
程序代码 程序代码
import sys
sys.setdefaultencoding(&cp1251&)
再次运行django server , 一切正常了。
上一页：没有了 &&&&&下一页：相关内容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&
浏览: 134704 次
来自: 北京
apache lucene开源框架demo使用实例教程源代码下 ...
想问一下，我现在已经创建好了索引，想统计索引中所有词汇出现的次 ...
嗯 嗯 楼主 排序sort分页 没有吗 分享下把django开发项目实例2--如何链接图片和css文件（静态文件） - 2BiTT - 推酷
django开发项目实例2--如何链接图片和css文件（静态文件） - 2BiTT
在上一篇随笔里面，我们已经介绍了如何从零开始用django建立一个项目并且初步运行以来了，
现在我们就要开始写我们的html了，也就是
django里面的模板
了，不过这节我们只讲
如何链接图片和css（静态文件）
上一篇随笔里面我们说了如何设置templates的了，这里不赘述
1：准备工作，
工欲善其事必先利其器，我们先要准备好html和css的编辑软件
html可以用sublime text来编辑，sublime text有一个好处是可以管理整个项目，也可以用frontpage，
css可以用任何一个文本编辑器来写，但我个人比较推荐visual css，
2：设置settings.py，主要是设置静态文件在本地的存放路径，也就是你的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.
&D:/qiweijie/qwj/templates/static&,
3：把你的图片和css文件放到static文件夹下面
html，在html的基板模板里面记得加上一句
{% load staticfiles %}，否则会失败的
&title&戚伟杰的个人主页&/title&
&meta http-equiv=Content-Type content=&text/html&; charset=&utf-8&&
&meta http-equiv=&Content-Language& content=&zh-cn&&
&meta name=&author& content=&qiweijie&&
&meta name=&keywords& content=&戚伟杰,个人主页&&
{% load staticfiles %}
&link href=&{% static &qwj.css& %}& type=&text/css& rel=&stylesheet&&
&p id=&test&&test&/p&
&img src=&{% static &images/22_top.jpg& %}& alt=&images/22_top.jpg&&
css，直接贴代码
background-image:url(&images/2e_bg.jpg&)
项目结构图和效果图
已发表评论数()
&&登&&&陆&&
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见