Django静态资源URL STATIC_ROOT的配置方法


Posted in Python onNovember 08, 2014

缘由

新手学习 Django 当配置好 HTML 页面后,就需要使用一些静态资源,如图片,JS 文件,CSS 样式等,但是 Django 里面使用这些资源并不是直接引用一下就好,还要配置路径即 STATIC_URL 如果这个配置不好的话,请求这些静态资源将返回 HTTP 404 。

经验传授

1. 输出 settings.py 文件里面的 STATIC_URL 到HTML页面,看一下物理路径指向了哪些,通常是不是跑出根目录的。这里给个DEMO:

def home(request):

    t = get_template("index.html")

    html = t.render(Context({

        "template_dir":settings.TEMPLATE_DIRS[0],

        "title":"Home",

        "static_dir":settings.STATIC_ROOT}))

    return HttpResponse(html)

这样访问的HTML页面就可以看到这些路径了。

2. 配置 STATIC_ROOT 变量

STATIC_ROOT = os.path.join(os.path.dirname(__file__), '..', 'templates/content').replace('\\','/')

可能通过调整第二个和第三个参数来将路径修改正确。(多调试)

3. 在 urls.py 文件中配置 urlpatterns 变量(主要看高亮这一行):

urlpatterns = patterns('',

    url(r'^$', home),

    url(r'^static/(?P<path>.*)$','django.views.static.serve',{'document_root':settings.STATIC_ROOT}),

)

4. 测试以上配置:

<head>

    <meta charset="UTF-8"/>

    <title>{{ title }} - Oger</title>

    <script type="text/javascript" src="/static/scripts/jquery-1.11.0.min.js"></script>

</head>

<head>
    <meta charset="UTF-8"/>
    <title>{{ title }} - Oger</title>
    {% load staticfiles %}
    <script type="text/javascript" src="{% static 'scripts/jquery-1.11.0.min.js' %}"></script>
</head>
[/code]

这两种用法都是可以的。

用 Django 开发Web站点还是很方便的。继续学习中...

Python 相关文章推荐
跟老齐学Python之从格式化表达式到方法
Sep 28 Python
Python实现矩阵转置的方法分析
Nov 24 Python
Python中return self的用法详解
Jul 27 Python
在Python中获取两数相除的商和余数方法
Nov 10 Python
python实现控制台打印的方法
Jan 12 Python
pycharm修改界面主题颜色的方法
Jan 17 Python
简单了解python的break、continue、pass
Jul 08 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
Jul 08 Python
Python 获取项目根路径的代码
Sep 27 Python
通过python扫描二维码/条形码并打印数据
Nov 14 Python
wxPython绘图模块wxPyPlot实现数据可视化
Nov 19 Python
学python最电脑配置有要求么
Jul 05 Python
Python中的__new__与__init__魔术方法理解笔记
Nov 08 #Python
Python使用百度API上传文件到百度网盘代码分享
Nov 08 #Python
python中readline判断文件读取结束的方法
Nov 08 #Python
Python实现基于HTTP文件传输实例
Nov 08 #Python
Python使用urllib模块的urlopen超时问题解决方法
Nov 08 #Python
Python set集合类型操作总结
Nov 07 #Python
数据挖掘之Apriori算法详解和Python实现代码分享
Nov 07 #Python
You might like
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
Extjs学习笔记之八 继承和事件基础
2010/01/08 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
2016/01/22 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
2020/08/14 Javascript
详解JavaScript 的执行机制
2020/09/18 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
python进阶教程之动态类型详解
2014/08/30 Python
Python3爬虫之自动查询天气并实现语音播报
2019/02/21 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
在HTML5 Canvas中放入图片和保存为图片的方法
2014/05/03 HTML / CSS
vue路由实现登录拦截
2021/03/24 Vue.js
个人自荐书
2013/12/20 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
客服专员岗位职责
2015/02/10 职场文书
教师师德表现自我评价
2015/03/05 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
家长会后的感想
2015/08/11 职场文书
学会感恩主题班会
2015/08/12 职场文书
工作自我评价范文
2019/03/21 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS