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中的Descriptor描述符类
Jun 14 Python
使用python调用zxing库生成二维码图片详解
Jan 10 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
Feb 18 Python
python去掉空白行的多种实现代码
Mar 19 Python
django进阶之cookie和session的使用示例
Aug 17 Python
Python SELENIUM上传文件或图片实现过程
Oct 28 Python
python中的subprocess.Popen()使用详解
Dec 25 Python
基于python实现matlab filter函数过程详解
Jun 08 Python
新手学python应该下哪个版本
Jun 11 Python
Pycharm及python安装详细教程(图解)
Jul 31 Python
Pycharm github配置实现过程图解
Oct 13 Python
Python列表的深复制和浅复制示例详解
Feb 12 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根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
PHP速成大法
2015/01/30 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
动态添加删除表格行的js实现代码
2014/02/28 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
Angular的$http与$location
2016/12/26 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
幼儿园见习总结
2015/06/23 职场文书