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 相关文章推荐
基于DATAFRAME中元素的读取与修改方法
Jun 08 Python
python format 格式化输出方法
Jul 16 Python
python 去除txt文本中的空格、数字、特定字母等方法
Jul 24 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
Oct 23 Python
Python多进程入门、分布式进程数据共享实例详解
Jun 03 Python
Django之使用内置函数和celery发邮件的方法示例
Sep 16 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
Oct 17 Python
Python 实现向word(docx)中输出
Feb 13 Python
keras中的backend.clip用法
May 22 Python
MAC平台基于Python Appium环境搭建过程图解
Aug 13 Python
python爬虫scrapy框架的梨视频案例解析
Feb 20 Python
Python 中的单分派泛函数你真的了解吗
Jun 22 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目录遍历函数opendir用法实例
2014/11/20 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Django中的forms组件实例详解
2018/11/08 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
解决Python使用列表副本的问题
2019/12/19 Python
html5 input属性使用示例
2013/06/28 HTML / CSS
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
大学毕业感言50字
2014/02/07 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
2015年档案室工作总结
2015/05/23 职场文书
2016公司新年问候语
2015/11/11 职场文书
素质教育学习心得体会
2016/01/19 职场文书
PHP 对接美团大众点评团购券(门票)的开发步骤
2021/04/03 PHP