Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析


Posted in Python onMay 08, 2018

前言

本文主要给大家介绍关于Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

详细如下:

首先,我们配置静态文件,要在setting.py里面加入如下几行代码:

settings.py

# the settings above
# STATIC SETTINGS
STATIC_URL = '/static/'
# BASE_DIR 是项目的绝对地址
STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static')
#以下不是必须的
STATICFILES_DIRS = (
 os.path.join(BASE_DIR, 'common_static'),
)

1.STATIC_ROOT

STATIC_ROOT 是在部署静态文件时(pyhtonmanage.pycollectstatic)所有的静态文静聚合的目录,STATIC_ROOT要写成绝对地址,在这里,比如我的项目mysite是/home/mysite/

那么STATIC_ROOT 为 /home/mysite/collect_static/

当部署项目时,在终端输入:

python manage.py collectstatic

django会把所有的static文件都复制到STATIC_ROOT文件夹下

2.STATICFILES_DIRS

STATIC_ROOT 是在部署的时候才发挥作用, 而实际情况下,静态文件的一般安放位置有两种:

1.一种就是在每个app里面新建一个static文件夹,将静态文件放到里面,在加载静态文件时,比如要在模板中用到静态文件,django会自动在每个app里面搜索static文件夹(所以,不要把文件夹的名字写错哦, 否则django就找不到你的文件夹了)

2.另一种,就是在所有的app文件外面,建立一个公共的文件夹, 因为有些静态文件不是某个app独有的,那么就可以把它放到一个公共文件夹里面,方便管理(注意,建立一个公共的静态文件的文件夹只是一种易于管理的做法,但是不是必须的,app是可以跨app应用静态文件的,因为最后所有的静态文件都会在STATIC_ROOT里面存在)

那现在的问题是如何让django知道你把一些静态文件放到app以外的公共文件夹中呢,那就需要配置STATICFILES_DIRS了

STATICFILES_DIRS = (
 os.path.join(BASE_DIR, 'common_static'),
)

STATICFILES_DIRS告诉django,首先到STATICFILES_DIRS里面寻找静态文件,其次再到各个app的static文件夹里面找(注意, django查找静态文件是惰性查找,查找到第一个,就停止查找了)

3.STATIC_URL

那么到此为止,静态文件的机制就可以运作了,但是有一个问题,我能不能通过url直接访问我在项目中的静态文件呢,答案肯定是啦,但是,注意,你是在浏览器是访问,你不可能输入你的静态文件的本地绝对地址吧,比如我的一种图片的本地地址

为 /home/mysite/common_static/myapp/photo.png

那么别人不可能在浏览器上直接输入:

http://192.168.1.2:8000/home/mysite/common_static/myapp/photo.png

这样子,浏览器会报错, 没有该页面

那么django是如何让浏览器也可以访问服务器上的静态文件呢,前面已经说了,直接访问服务器本地的地址是不行的,那就需要一个映射,django利用STATIC_URL来让浏览器可以直接访问静态文件,比如:

STATIC_URL = '/static/'

那么可以在浏览器上输入:

http://192.168.1.2:8000/static/common_static/myapp/photo.png

那么就相当与访问/home/mysite/common_static/myap/photo.png

所以在浏览器上,利用前缀 STATIC_URL的具体内容,来映射STATIC_ROOT,
HTTP://192.168.1.2:8000/static 相当于 本地地址的STATIC_ROOT

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Python 相关文章推荐
python去掉行尾的换行符方法
Jan 04 Python
Python中的pack和unpack的使用
Mar 12 Python
python如何读写json数据
Mar 21 Python
python散点图实例之随机漫步
Aug 27 Python
Python  Django 母版和继承解析
Aug 09 Python
使用python绘制cdf的多种实现方法
Feb 25 Python
Django配置Bootstrap, js实现过程详解
Oct 13 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
Oct 15 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
Mar 03 Python
Django实现聊天机器人
May 31 Python
Pytest中skip和skipif的具体使用方法
Jun 30 Python
Python借助with语句实现代码段只执行有限次
Mar 23 Python
Django学习教程之静态文件的调用详解
May 08 #Python
Python实现计算圆周率π的值到任意位的方法示例
May 08 #Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
May 08 #Python
Python读写docx文件的方法
May 08 #Python
python docx 中文字体设置的操作方法
May 08 #Python
Python解析并读取PDF文件内容的方法
May 08 #Python
python-docx修改已存在的Word文档的表格的字体格式方法
May 08 #Python
You might like
Terran剧情介绍
2020/03/14 星际争霸
随机广告显示(PHP函数)
2006/10/09 PHP
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php读取csc文件并输出
2015/05/21 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
document.all与WEB标准
2020/05/13 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
介绍Python中内置的itertools模块
2015/04/29 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
django云端留言板实例详解
2019/07/22 Python
python脚本后台执行方式
2019/12/21 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
通过实例解析python and和or使用方法
2020/11/14 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
印尼旅游网站:via
2017/11/12 全球购物
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
一个SQL面试题
2014/08/21 面试题
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
婚前协议书标准版
2014/10/19 职场文书
失职检讨书大全
2015/01/26 职场文书
防汛通知
2015/04/25 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
python编写函数注意事项总结
2021/03/29 Python
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript