Django之静态文件

Django静态文件设置

1、静态文件的两种引用方式

  • 方法一:
{% load static %}
<img src = "{% static 'polls/images/pic1.jpg' %}"/> # 引用图片
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" /> # 引用css文件

  • 方法二:
<img src = "/static/polls/images/高圆圆1.jpg"/>

前者是通过static引用,后者简单粗暴


2、静态文件在网页中无法显示的可能原因

setting.py中

DEBUG  = True
ALLOWED_HOSTS = [ ]
DEBUG = False
ALLOWED_HOSTS = [' ']

两种模式切换一下,静态文件在网页中就可以显示了


3、直接调用静态文件

在网页中输入http://127.0.0.1:8000/static/polls/images/pic1.jpg,路径当中最好不要使用中文

直接显示图片内容


4、静态文件的设置

  • Django通过 django.contrib.staticfiles 来管理静态文件。首先确保django.contrib.staticfiles已经添加到INSTALLED_APPS
  • 在配置文件中设置STATIC_URL,例如
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')

5、app中静态文件和全局静态文件之间的影响

6、css文件当中如何应用静态文件

body {
    background: white url("images/pic1.jpg") no-repeat right bottom;
}

注意,这里的css文件和image文件在同一个static/app下:


css文件和image文件在同一个static/app下

7、静态文件的命名问题

每个app下的static,全局的static可能相互影响,为了减少误用的风险,应这样来命名,static/app/images

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 项目部署到阿里云(nginx+uwsgi)上后,静态文件加载没有问题。但是在本地,使用开发服务器,却始终加载不成功...
    兰山小亭阅读 5,667评论 0 9
  • #Staticfiles(CSS,JavaScript,Images) #https://docs.djangop...
    nobodyXu阅读 143评论 0 0
  • 想把以前的一个asp.NET网站移植到django上,发现django对静态资源似乎支持的不好,不能直接根据相对路...
    阡陌3536阅读 160评论 0 0
  • 1.设置静态文件路径和动态文件路径 编辑 settings: 动态文件设置 MEDIA_ROOT 和 MEDIA_...
    SingleDiego阅读 3,830评论 0 3
  • 湛蓝的天空下 春光明媚万物苏 绿叶盘绕在枝节上 爱抚着朵朵花蕾微笑 静静地聆听着她们开放 轻轻地闻着那飘逸的芳香 ...
    六月天气阅读 444评论 19 61