一、目标
学习Django static静态文件夹设置,以及静态文件URL写法
二、试验平台
windows7 , python3.7,Django2.1.5
三、概述
本例过于简单,仅介绍主要代码。
1.在项目根目录新建文件夹static
2.在settings文件夹中添加static文件夹
3.写视图渲染网页
4.写URL指向视图
5.新网页展示static文件夹下的图片
四、过程展示
1.在项目根目录新建static文件夹
2.将静态文件夹static写入settings.py中
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
]
3.在app下的views.py中写上视图函数
# #从static文件夹下加载图片演示1
def loadImage(request):
return render(request, 'blog/loadImage.html')
# #从static文件夹下加载图片演示2
def loadImage2(request):
return render(request, 'blog/loadImage2.html')
4.新建两个网页文件,展示图片
<!--loadImage.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加载图片演示1</title>
</head>
<body>
<h1>加载图片演示1如下</h1>
<img src="/static/blog/image/kahn1.jpg">
</body>
</html>
<!--loadImage2.html-->
{% load static from staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加载图片演示2</title>
</head>
<body>
<h1>加载图片演示2如下</h1>
<img src="{% static 'blog/image/kahn2.jpg' %}">
</body>
</html>
五、总结。
在HTML中展示图片有两种方法
方法1:直接写图片文件的绝对路径(带上static文件夹名,如:<img src="/static/blog/image/kahn1.jpg">)
方法2:在网页顶部引入静态文件夹{% load static from staticfiles %} ,
然后用static标签写静态文件,<img src="{% static 'blog/image/kahn2.jpg' %}">
kahn 测试ok,2019年4月20日09:59:52