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实现的多线程端口扫描工具分享
Jan 21 Python
Python3实现从指定路径查找文件的方法
May 22 Python
Python读取图片属性信息的实现方法
Sep 11 Python
python 文件操作删除某行的实例
Sep 04 Python
利用python编写一个图片主色转换的脚本
Dec 07 Python
pandas.DataFrame选取/排除特定行的方法
Jul 03 Python
python自动化测试之DDT数据驱动的实现代码
Jul 23 Python
python matplotlib 画dataframe的时间序列图实例
Nov 20 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
Apr 16 Python
python 操作mysql数据中fetchone()和fetchall()方式
May 15 Python
python实现登录与注册系统
Nov 30 Python
python mongo 向数据中的数组类型新增数据操作
Dec 05 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中文件下载功能实现超详细流程分析
2012/06/13 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
javascript 面向对象编程基础 多态
2009/08/21 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
2014/01/24 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
Python实现截屏的函数
2015/07/26 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
django+mysql的使用示例
2018/11/23 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
python实现飞船游戏的纵向移动
2020/04/24 Python
python 制作本地应用搜索工具
2021/02/27 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
军训自我鉴定
2013/12/14 职场文书
公司担保书范文
2014/05/21 职场文书
学生党员公开承诺书
2014/05/28 职场文书
项目负责人任命书
2014/06/04 职场文书
质量负责人任命书
2014/06/06 职场文书
个人违纪检讨书
2014/09/15 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS