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,658評論 0 9
  • #Staticfiles(CSS,JavaScript,Images) #https://docs.djangop...
    nobodyXu閱讀 143評論 0 0
  • 想把以前的一個asp.NET網站移植到django上,發現django對靜態資源似乎支持的不好,不能直接根據相對路...
    阡陌3536閱讀 158評論 0 0
  • 1.設置靜態文件路徑和動態文件路徑 編輯 settings: 動態文件設置 MEDIA_ROOT 和 MEDIA_...
    SingleDiego閱讀 3,821評論 0 3
  • 湛藍的天空下 春光明媚萬物蘇 綠葉盤繞在枝節上 愛撫著朵朵花蕾微笑 靜靜地聆聽著她們開放 輕輕地聞著那飄逸的芳香 ...
    六月天氣閱讀 440評論 19 61