Django学习笔记--Static文件的加载

最新推荐文章于 2024-04-29 09:22:53 发布

原创

最新推荐文章于 2024-04-29 09:22:53 发布 · 7.8k 阅读

标签

#django #python #web框架

收录于

本文介绍了在Django中如何处理静态文件，包括加载CSS和图片。首先，创建名为static的文件夹，并在web app的templates下引用CSS。对于图片，需在static文件夹内创建image子文件夹，并在CSS中引用这些图片。示例中，CSS路径为polls/static/polls/style.css，图片路径为polls/static/polls/image/background.gif。适用的Django版本为1.8.1，Python版本为2.7.9。

Static文件的加载

Django把图片、JavaScript、CSS看做是static files(静态文件)。

1. 加载CSS

创建文件夹命名static

这个文件夹应在在web app目录下。最好在static文件夹下再创建一个文件夹，里面放CSS文件，这样可以防止多个web app CSS文件重名的问题。

在web app对应的templates下引用这个CSS。

例如，一个web app名为polls
- CSS路径可以是 polls/static/polls/style.css .
- templates引用可以是如下样式
路径：polls/templates/polls/index.html

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

2.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Geeshang

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Django 中加载静态文件(static)详解

J_wb49的博客

11-13

1万+

加载静态文件的步骤如下： 1、首先确django.contrib.staticfiles已经添加到settings.INSTALLED_APPS中。 2、确保在settings.py 中设置了STATIC_URL 上面两条都是在创建Django项目的时候就自动给我们弄好了，只要我们没有改动它，就不用管。 3、在已经安装的app下创建一个static文件夹，然后再在这个static文件夹下创建一...

参与评论您还未登录，请先登录后发表或查看评论

Django静态文件

weixin_45006107的博客

06-25

589

静态文件：除了由服务器生成的HTML文件外，WEB应用一般需要提供一些其它的必要文件，比如图片文件、JavaScript脚本和CSS样式表等等，用来为用户呈现出一个完整的网页。在Django中，我们将这些文件统称为“静态文件”，因为这些文件的内容基本是固定不变的，不需要动态生成。静态资源使用步骤： 1.创建静态文件夹 static目录：创建一个用来存储静态资源的文件夹（js css img ...

Django的Web开发模板加载静态文件load static以及{% static %}标签的使用方法

weixin_44048169的博客

11-02

3300

模板需要加载css样式文件等，js执行文件以及一些图片等。Django中加载静态文件是使用static标签来加载静态文件。要使用static标签{% load static %} 加载静态文件的步骤注意：文件夹的名字必须为static 后在settings.py:中添加STATICFILES_DIRS STATICFILES_DIRS = [ os.path.join(BASE_DIR,"static") ] 模版中使用load标签加载static标签。比如要加载在项目的static文件夹下的sty

django中static静态目录文件的调用和{% load staticfiles %}的使用

王菜菜的成长之路

12-14

6055

在使用django的时候，加载静态文件时候，在index.html中输入 {% load staticfiles %}进行static在html中的声明在加载static静态目录之时，则可以使用href='{% static 'css/reset.css' %}' 这种方法和flask中的url_for很类似 ...

Django加载静态文件出错‘staticfiles‘ is not a registered tag library.

wanghuizheng的专栏

04-29

1001

在html文件中输入{% load staticfiles %}，提示错误信息：'staticfiles' is not a registered tag library.模块在 Django 1.7 版本中被弃用，取而代之的是。在 Django 中，如果要加载静态文件，应该使用。这样就可以正常加载静态文件了。

django 中静态文件配置 static

Katios

07-01

4万+

环境 centos7 django 1.11 nginx 白话我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持。django中配置方式貌似有不少总，因为很多相关的博客写的方式并不一致，当然这可能是django 的版本不同导致的。当我们在一个项目下创建一个app后，我们就需要为该app下创建一个static 文件夹来存放相关静态资源。但

Django项目上线后无法加载xadmin等的静态文件问题(django的settings中几个static设置项的关系)

寸草心的博客

01-22

3346

多数是static的settings.py设置问题. 这里不设置好其他app的static你同样是加载不了 1.settings.py里面这样设置. STATIC_URL = '/static/' #这里注意不要和你项目static文件夹名一样,因为这个是用来存放收集来的所有静态文件的. #如果你设置相同,等运行collectstatic时会警告. STATIC_ROOT = os.path.jo...

解决django 多个APP时 static文件的问题

欢迎光临雨落星辰的博客

10-29

2301

原文链接（建议打开原文学习）原文链接原文作者：luguanyou 每个APP下都有自己的static文件夹，那如何设置将不会混用呢以下是实例（我项目里有两个APP（login 和main）） 1、首先在setting 文件修改配置路径 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, "MGStudio", "static"), os.path.join(BASE_DIR, "main", "static"

Django STATIC_URL 的理解

luo_xinyu的博客

12-06

6267

# the settings above # STATIC SETTINGS STATIC_URL = '/static/' # BASE_DIR 是项目的绝对地址 STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static') #以下不是必须的各个app共用的文件可以放在这 STATICFILES_DIRS = ( os.path....

Django中static（静态）文件详解以及{% static %}标签的使用

热门推荐

xujin0的博客

10-26

4万+

想要深入学习Django的可以看一些这个视频：超细讲解Django打造大型企业官网在一个网页中，不仅仅只有一个html骨架，还需要css样式文件，js执行文件以及一些图片等。因此在DTL中加载静态文件是一个必须要解决的问题。在DTL中，使用static标签来加载静态文件。要使用static标签，首先需要{% load static %}。加载静态文件的步骤如下：首先确保django.con...

Django设置 DEBUG=False后静态文件无法加载解决

叉叉敌的博客

11-07

3222

Django设置 DEBUG=False后静态文件无法加载解决前段时间调试一直是在Debug=True先运行的，没有什么问题。今天关闭了Debug后，出现了一个问题。就是静态文件找不到了，「img、css、js」都提示404，无法准确的访问 static 静态文件。环境是：Python3.7 Django2.2 出现的问题根本原因...

Django 学习笔记之加载静态文件

永远想不起来更新的博客

04-30

721

目录前文介绍方法一：借助load staticfiles tag方法二：借助STATIC_URL后记：加载失败的几种解决方法前文介绍 js/css/img等静态文件要放在static文件夹下，html页要放在templates文件夹下。 static文件夹要自己新建-目录，templates文件夹是Django创建后自动生成的。目录如下： static文件夹创建以后在settings里自动...

Django中加载static无法成功的解决方法

dianjia8559的博客

12-15

555

我试着进入/admin/ 结果它的/static/ 能够正常找到目标文件…真是日了哈*奇了。我的link标签href=/static/…. 并没有什么问题试着在urls中加入下面代码，但是没什么用 from django.contrib.staticfiles.urls import static urlpatterns += static(settings.STATIC_...

Django 4.x Static 静态文件使用示例和配置方法

Mr数据杨

11-05

3万+

大家好，我是Mr数据杨。让我带领大家穿越到三国时期，来一起学习Django如何使用静态文件。现在就像是主角郭嘉需要布置一场战场，其中的每一个元素，如兵器、战车，都是静态文件。郭嘉需要在中进行配置，就像他必须对战场有详细的规划和配置。在模板中使用静态文件，就像他在战场上有效地利用各种资源，把他们放在最需要的地方。郭嘉需要检查配置是否生效。如果兵器未按他的计划放置，那么他的策略可能会失败。静态文件配置参数的作用就好比郭嘉的各种策略。

django加载css文件和图片

茶余偶谈

04-09

1万+

这两天被django折磨的快崩溃了。。。要做一个网页，结果CSS 和图片总是加载不出来。。。。官方文档中教了一部分，上网看乐各种教程都不行，研究了好几个小时，东拼西凑各个地方学一点，终于弄出来了，赶紧记录下来。django用的静态文件路径：STATICFILES_DIRS部署的方式，文件路径一定要设置好。注： python2.7 django1.10.6；项目mysite，项目下有一个应用

Django学习笔记3 Django项目静态文件（html,css,js）部署---理解STATIC_URL、STATICFILES_DIR、STATIC_ROOT

No_red的博客

03-23

4235

概述：大家在Django项目的开发过程中，一定会为静态文件的部署感受到过困惑，本文章基于Django官方文档中两篇关于静态文件的文章(Managing static files和Deploying static files¶)并结合我自己开发过程的实践经验来讲解。 Django版本：1.11 手动解决开发环境下静态文件部署问题我们首先创建了一个Django proje...

Django2.0部署---static静态文件加载失败

hard_days的博客

10-24

1267

Django 在 Debug=True 时, 不需要配置. Django会在App中需找STATIC路径..当项目部署上线之后关闭DEBUG会发现静态文件都加载失败404。环境： apache2.4 django2.0 python3.7 配置 1、httpd.conf文件 Alias /static/ /var/www/xxx/static/(你自己的static文件路径) A...

django的html无法加载图片的问题

编程知识分享，主打前端

06-18

3万+

html的代码都是对的，但是django网页加载不出图片，wtf? 这里来给大家演示一下，应为setting.py少了东西，无法查找图片路径 STATICFILES_DIRS=( os.path.join(BASE_DIR,'static'), ) 补上这个代码 html插入图片很简单，我这里就举个栗子 {% load static %} <body background="...