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

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

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中的静态文件步骤就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 使用PyCharm创建Django项目及基本配置详解

    pycharm是个很不错的python开发工具,大大缩短了python项目的创建时间以及调试时间 在使用python写脚本一段时间后,想尝试使用Django来编写一个python项目,现做以下记录备忘: 1.创建项目 如果本地没有安装与所选python版本对应Django版本,pycharm会自动下载相应的版本: 创建后运行项目,默认页面为http://127.0.0.1:8000/,打开后: 出现上面的页面,则正面项目创建成功 目录结构: 2.创建APP 在Django项目中可以包含多个APP

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

    配置静态文件的两种方式: 1 配置单独app下的静态文件,比如某个app下的单独的图片. 2 配置整个project下的静态文件,适用于那些和单独app关联不大的文件,比如jquery bootstrap 等等 配置步骤: 首先,我们需要确认在settings.py文件中的INSTALLED_APPS变量中存在 django.contrib.staticfiles INSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth',

  • 对Django中static(静态)文件详解以及{% static %}标签的使用方法

    在一个网页中,不仅仅只有一个html骨架,还需要css样式文件,js执行文件以及一些图片等.因此在DTL中加载静态文件是一个必须要解决的问题.在DTL中,使用static标签来加载静态文件.要使用static标签,首先需要{% load static %}. 加载静态文件的步骤如下: 首先确保django.contrib.staticfiles已经添加到settings.INSTALLED_APPS中. 确保在settings.py中设置了STATIC_URL. 注意: 上面两条都是在创建Dja

  • Django中的静态文件管理过程解析

    Static files管理 static files指一些用到的像css,javascript,images之类的文件. 在开发阶段: 1.在settings设置INSTALLED_APPS中添加'django.contrib.staticfiles'. 2.将STATIC_URL设置为'/static/'. 3.将某个app要用的静态文件放置到my_app/static/my_app中,例如my_app/static/my_app/my_image.jpg. 当然也可以直接放在my_app/

  • 如何在Django项目中引入静态文件

    今天继续学习Django,今天主要掌握两个小点 一.如果为Django项目中引入静态文件 1.先要在project目录下创建static的目录,然后将jquery文件拷贝这个目录下就可以了 2.在project的settings文件中静态文件的路径,注意,这里的逗号千万不可省略,不然Django会报错的 3.在html文件就可以引入这个jquery文件了 二.下面我们学习下如何前台提交数据到后台 1.先在html文件中写一个form表单,用来提交数据,我们就提交db这个url中,用post的方式

  • Django零基础入门之静态文件的引用

    Django零基础入门之静态文件的引用

    目录 效果展示: 1.静态文件引用: (1)创建静态文件目录: (2)静态文件路径的配置: (3)创建三大静态文件: (4)静态文件的引用: 引言: 在我们Django中如何引用三大静态文件(JavaScript,CSS,image)呢? 这就是本文要讲述的内容--静态文件的引用! 效果展示: 点击确定之后: 1.静态文件引用: (1)创建静态文件目录: 在项目目录下创建static目录, 为了区分开各种类型的静态文件,再分别创建css,image,js文件目录: (2)静态文件路径的配置: 在

  • ASP.NET Core中的静态文件

    ASP.NET Core中的静态文件

    目录 1.前言 2.设置静态文件目录 2.1 设置默认静态文件目录 2.2 设置访问Web根目录外的文件 3.设置HTTP响应标头 4.静态文件授权 5.启用目录浏览 6.设置静态文件默认文档 6.1设置默认文档 6.2更改默认文档名称 7.UseFileServer 1.前言 当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML.CSS.IMG.JavaScript等文件,而这些文件都是Core提供给客户端使用的静态文件.但是这些静

  • ASP.NET Core中的静态文件介绍

    ASP.NET Core中的静态文件介绍

    静态文件(HTML,CSS,图片和Javascript之类的资源)会被ASP.NET Core应用直接提供给客户端. 静态文件通常位于网站根目录(web root) <content-root>/wwwroot文件夹下.通常会把项目的当前目录设置为Content root,这样项目的web root就可以在开发阶段被明确. public static IWebHostBuilder CreateWebHostBuilder(string[] args) => WebHost.Create

  • ASP.NET Core 应用程序中的静态文件中间件的实现

    在这篇文章中,我将向大家介绍,如何使用中间件组件来处理静态文件.这篇文章中,我们讨论下面几个问题: 在ASP.NET Core中,我们需要把静态文件存放在哪里? 在ASP.NET Core中 wwwroot文件夹是啥? 怎样在ASP.NET Core应用程序中,配置静态文件中间件? UseFileServer中间件的作用是什么? 最重要的特性之一就是;几乎所有的web应用程序都应该具备直接从文件系统存取静态文件的能力.ASP.NET Core能够直接从客户端获取应用程序的静态文件,比如:HTML

  • Flask中提供静态文件的实例讲解

    1.可以使用send_from_directory从目录发送文件,这在某些情况下非常方便. from flask import Flask, request, send_from_directory # set the project root directory as the static folder, you can set others. app = Flask(__name__, static_url_path='') @app.route('/js/<path:path>') de

  • vue在index.html中引入静态文件不生效问题及解决方法

    本文针对的是Vue小白,不喜勿喷,谢谢 出现该问题的标志如下 控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/html) 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static,这种的解决办法更改配置文件,把对应的几个配置文件内的stat

随机推荐