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实现的RSS阅读器实例
Jul 25 Python
Python生成随机验证码的两种方法
Dec 22 Python
Python实现屏幕截图的代码及函数详解
Oct 01 Python
浅谈对yield的初步理解
May 29 Python
Python中的id()函数指的什么
Oct 17 Python
python:print格式化输出到文件的实例
May 14 Python
Python threading的使用方法解析
Aug 28 Python
使用浏览器访问python写的服务器程序
Oct 10 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
Nov 11 Python
解决pycharm上的jupyter notebook端口被占用问题
Dec 17 Python
python中doctest库实例用法
Dec 31 Python
python自动化发送邮件实例讲解
Jan 04 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判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
python中循环语句while用法实例
2015/05/16 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
Django自定义用户认证示例详解
2018/03/14 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
在Python中利用pickle保存变量的实例
2019/12/30 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
Html5 video标签视频的最佳实践
2020/02/26 HTML / CSS
美国葡萄酒网上商店:Martha Stewart Wine Co.
2019/03/17 全球购物
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
护士自我鉴定范文
2013/10/06 职场文书
告诉你怎样写创业计划书
2014/01/27 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
银行求职信怎么写
2014/05/26 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
户外活动总结
2015/02/04 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
python中的None与NULL用法说明
2021/05/25 Python
Java 将PPT幻灯片转为HTML文件的实现思路
2021/06/11 Java/Android