靜態資源管理

weixin_34107955發表於2018-04-14

兩種方式
1:一種用硬編碼
2:用static編碼
專案目錄結構


3317466-ec18ecb987effc41.png
圖片.png
 配置靜態檔案 

  在 settings  檔案中定義靜態內容 

   STATIC_URL = '/static/' 

   STATICFILES_DIRS = [ 

       os.path.join(BASE_DIR, 'static'), 

   ] 

在專案根目錄下建立 static 目錄,再建立當前應用名稱的目錄

pianke/static/pianke/

1:一種用硬編碼
    <script type="text/javascript" src="/static/pianke/bootstrap-3.3.7-dist/js/bootstrap.js" ></script>
        <link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
        <link type="text/css" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.css"/>
    background-image: url(/static/pianke/img/login-bg.png);
2:用static編碼
  {% load static from staticfiles %} 

   <img src="{ % static "my_app/myexample.jpg" %}" alt="My image"/> 

相關文章