Django学习教程之静态文件的调用详解


Posted in Python onMay 08, 2018

前言

静态文件是指 网站中的 js, css, 图片,视频等文件,本文主要给大家介绍了关于Django学习之静态文件调用的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧

方法如下

1.settings.py 静态文件相关示例代码及说明:

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/
 
STATIC_URL = '/static/'
 
# 当运行 python manage.py collectstatic 的时候
# STATIC_ROOT 文件夹 是用来将所有STATICFILES_DIRS中所有文件夹中的文件,以及各app中static中的文件都复制过来
# 把这些文件放到一起是为了用apache等部署的时候更方便
STATIC_ROOT = os.path.join(BASE_DIR, 'collected_static')
 
# 其它 存放静态文件的文件夹,可以用来存放项目中公用的静态文件,里面不能包含 STATIC_ROOT
# 如果不想用 STATICFILES_DIRS 可以不用,都放在 app 里的 static 中也可以
STATICFILES_DIRS = (
 os.path.join(BASE_DIR, "common_static"),
 '/path/to/others/static/', # 用不到的时候可以不写这一行
)
 
# 这个是默认设置,Django 默认会在 STATICFILES_DIRS中的文件夹 和 各app下的static文件夹中找文件
# 注意有先后顺序,找到了就不再继续找了
STATICFILES_FINDERS = (
 "django.contrib.staticfiles.finders.FileSystemFinder",
 "django.contrib.staticfiles.finders.AppDirectoriesFinder"
)

2.STATIC_ROOT

STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static')#BASE_DIR是项目的绝对地址

STATIC_ROOT 是在部署静态文件时(pyhton manage.py collectstatic)所有的静态文静聚合的目录,

STATIC_ROOT要写成绝对地址,在这里,比如我的项目mysite是/home/mysite/ 那么STATIC_ROOT 为 /home/mysite/collect_static/

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

python manage.py collectstatic

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

3.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

参考文中:https://3water.com/article/139718.htm

总结

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

Python 相关文章推荐
Python 爬虫学习笔记之单线程爬虫
Sep 21 Python
Python 爬虫模拟登陆知乎
Sep 23 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
Nov 29 Python
Python3导入自定义模块的三种方法详解
Apr 13 Python
Python pycharm 同时加载多个项目的方法
Jan 17 Python
python如何以表格形式打印输出的方法示例
Jun 21 Python
python的pytest框架之命令行参数详解(下)
Jun 27 Python
python中pip的使用和修改下载源的方法
Jul 08 Python
python爬虫 正则表达式解析
Sep 28 Python
django从后台返回html代码的实例
Mar 11 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
Mar 25 Python
Python matplotlib多个子图绘制整合
Apr 13 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
对Python中gensim库word2vec的使用详解
May 08 #Python
You might like
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
PHP引用返回用法示例
2016/05/28 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
浅谈php中fopen不能创建中文文件名文件的问题
2017/02/06 PHP
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
python基础教程之循环介绍
2014/08/29 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
利用pandas读取中文数据集的方法
2018/07/25 Python
Django进阶之CSRF的解决
2018/08/01 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
Python数据正态性检验实现过程
2020/04/18 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
2015年护士节活动总结
2015/02/10 职场文书