Python笔记之Django静态文件夹static设置,静态图片展示

一、目标

学习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

猜你喜欢

转载自blog.csdn.net/xoofly/article/details/89413153
今日推荐