靜態資源管理
兩種方式
1:一種用硬編碼
2:用static編碼
專案目錄結構
配置靜態檔案
在 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"/>
相關文章
- webpack 靜態資源管理Web
- 靜態資源公共庫
- Web靜態資源加速Web
- WPF:靜態、動態資源以及資源詞典
- WordPress引用靜態資源方法
- 008.Nginx靜態資源Nginx
- Node讀取靜態資源
- SpringBoot處理靜態資源Spring Boot
- SpringBoot靜態資源訪問Spring Boot
- 靜態資源伺服器伺服器
- springboot+themeleaf+bootstrap訪問靜態資源/無法訪問靜態資源/圖片Spring Boot
- 【Nginx】Nginx部署前端靜態資源Nginx前端
- 如何在nginx配置靜態資源Nginx
- Spring Boot 靜態資源配置 A卷Spring Boot
- WPF筆記4——靜態資源(StaticResource)筆記
- Golang 非主流 打包靜態資源方案Golang
- asp .net core 靜態檔案資源
- Nginx靜態資源伺服器配置Nginx伺服器
- Springboot中如何訪問靜態資源Spring Boot
- web伺服器靜態資源下載Web伺服器
- QTcpServer實現web靜態資源服務QTTCPServerWeb
- golang1.16內嵌靜態資源指南Golang
- 如何快速搭建靜態資源伺服器伺服器
- SpringBoot-靜態資源載入-原始碼Spring Boot原始碼
- SpringMVC下關於靜態資源訪問SpringMVC
- springboot新增靜態資源無法訪問Spring Boot
- 手寫Node靜態資源伺服器伺服器
- Web靜態資源快取及優化Web快取優化
- 模組化開發靜態資源對映
- service worker 對靜態資源進行快取快取
- SpringBoot - 搭建靜態資源儲存伺服器Spring Boot伺服器
- 靜態資源跨域解決辦法--nginx跨域Nginx
- nginx代理出現靜態資源讀取不到Nginx
- nginx 代理圖片、css、js等靜態資源NginxCSSJS
- webpack簡單搭建localhost訪問靜態資源Weblocalhost
- 工程化——前端靜態資源快取策略前端快取
- Nginx服務系列——靜態資源web服務NginxWeb
- Vue中的靜態資源管理(src下的assets和static資料夾的區別)Vue