方法一:
1.在app目錄中創建static 目錄,并在該目錄下創建存儲css,img,js的子目錄.
2.在相應的目錄下創建相對應的靜態文件.
static/css/mystyle.css,
static/img/timg.jpg,(保存圖片)
static/js/myjs.js
3.在模板文件中加載靜態文件
例:
mystyle.css:
body{ background:blue;}
myjs.js:
alert('hello')
static_test.html:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href={% static 'css/mystyle.css' %}>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src={% static 'js/myjs.js' %}></script>
<img src={% static 'img/timg.jpg' %}>
</body>
</html>
?
方法二:
使用絕對路徑,在setting.py文件中添加
STATICFILES_DIRS = (
'common/image',
)
STATICFILES_DIRS指定路徑,就在common中添加image目錄,并保存圖片m3.jpg.
在模板文件中
<img src={% static 'm3.jpg' %}><br>
img標簽src直接使用m3.jpg文件