django配置app中的静态文件步骤


Posted in Python onMarch 27, 2020

配置静态文件的两种方式:

1 配置单独app下的静态文件,比如某个app下的单独的图片。

2 配置整个project下的静态文件,适用于那些和单独app关联不大的文件,比如jquery bootstrap 等等

配置步骤:

首先,我们需要确认在settings.py文件中的INSTALLED_APPS变量中存在 django.contrib.staticfiles

INSTALLED_APPS = (
 'django.contrib.admin',
 'django.contrib.auth',
 'django.contrib.contenttypes',
 'django.contrib.sessions',
 'django.contrib.messages',
 'django.contrib.staticfiles', 
)

2.1 如果我们要配置单独app下的静态文件的话,执行此步骤。

在settings.py文件中定义 STATIC_URL 变量。

STATIC_URL = '/static/'

2.2 如果我们要配置整个project下的静态文件的话,执行此步骤。

在settings.py文件中定义 STATICFILES_DIRS 变量

STATICFILES_DIRS = (
  os.path.join(BASE_DIR, "static"), # 首选project静态文件搜寻路径
  '/var/www/static/', # 第二选project静态文件搜寻路径,还可以有第三选,第四选……
 )

3.1 如果我们要配置单独app下的静态文件的话,执行此步骤。

这时,我们需要在app中建立一个名为static 的文件夹。

3.2 如果我们要配置整个project下的静态文件的话,执行此步骤。

我们需要在整个project 中建立一个 名为static的文件夹

4 当我们在模板中无论是使用硬链接 /static/myexample.jpg 还是使用 static 标签

<img src="{% static "myexample.jpg" %}" />

都会先访问app下的static/文件夹下的myexample.jpg 文件,若app下的static文件夹中没有该文件,则访问project中的static/文件夹,查看是否有myexample.jpg文件,若有则返回,若没有则去/var/www/static/中寻找。

但我要解决的问题和这个并不太一样,我在app下新建了一个static文件夹,在该static文件夹下又建了一个目录linux2yolov3的目录,专门存放图片,本来如果是加载这里面的图片的话可以用

<img src="{% static "linux2yolov3/myexample.jpg" %}" />

但我需要的是动态显示图片,也就是从app中的views文件中传图片名称过来显示,因此上述方法不可行。

解决的方法是

<img src="{% static 'linux2yolov3/' %}{{result_img}}">

其中{{result_img}}是通过app中view里面设置context传过来的文件名称。

补充知识:Django下的templates 和 static静态文件

如果Django顶层目录中没有templates的话,就自己新建一个Directory ,这个文件是存放html文件的

1)如果在views里面用render(request,"")引入的时候引入不了,去setting 里面检查TEMPLATES下面

'DIRS': [os.path.join(BASE_DIR, 'templates')],路径配置是否正确

2)静态文件static:里面存放js文件,setting 里面需要配置

STATIC_URL = '/static/' #别名
 
STATICFILES_DIRS={
 os.path.join(BASE_DIR, "statics")
}

以上这篇django配置app中的静态文件步骤就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python对象的深拷贝和浅拷贝详解
Aug 25 Python
Python与Redis的连接教程
Apr 22 Python
Python实现两个list对应元素相减操作示例
Jun 09 Python
Python使用gRPC传输协议教程
Oct 16 Python
python ipset管理 增删白名单的方法
Jan 14 Python
Python银行系统实战源码
Oct 25 Python
pytorch 实现查看网络中的参数
Jan 06 Python
postman和python mock测试过程图解
Feb 22 Python
基于python实现FTP文件上传与下载操作(ftp&amp;sftp协议)
Apr 01 Python
深入分析python 排序
Aug 24 Python
python3判断IP地址的方法
Mar 04 Python
Python机器学习之基于Pytorch实现猫狗分类
Jun 08 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
Mar 27 #Python
django实现HttpResponse返回json数据为中文
Mar 27 #Python
python对XML文件的操作实现代码
Mar 27 #Python
Python Socketserver实现FTP文件上传下载代码实例
Mar 27 #Python
使用python从三个角度解决josephus问题的方法
Mar 27 #Python
解决django接口无法通过ip进行访问的问题
Mar 27 #Python
Django 实现将图片转为Base64,然后使用json传输
Mar 27 #Python
You might like
PHP实现简单数字分页效果
2015/07/26 PHP
php英文单词统计器
2016/06/23 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
JavaScript实现表格排序方法
2013/06/14 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
JavaScript中双向数据绑定详解
2017/05/03 Javascript
详解用Node.js写一个简单的命令行工具
2018/03/01 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
python实现的生成word文档功能示例
2019/08/23 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
python线程池 ThreadPoolExecutor 的用法示例
2020/10/10 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
柏林通行证:Berlin Pass
2018/04/11 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
北京振戎融通Java面试题
2015/09/03 面试题
八年级物理教学反思
2014/01/19 职场文书
服装设计专业自荐信
2014/06/17 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python