Django中插入静态文件
本次内容接上一内容Django基础学习(创建一个简单的app并运行)
静态文件:图片、css、js等
1、在app下建立templates目录,并创建html文件
2、在url文件中建立一个链接,并在views中定义这个链接对应的函数。
path('user/list/', views.user_list),
def user_list(request):
return render(request,"user_list.html")
3、在app中创建static目录,并将图片放入文件夹中,图片的后缀为.png。
4、在html文件中加入有图片位置的链接。
<img src="/static/img/jjj.jpg.png" alt="">
最后,运行app,图片就会出现在网页中啦,结果如下图所示。
因为绝对路径在移动文件夹时会发生错误,所以改为相对路径会更方便后续的使用,可将html文件修改为如下格式。
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>liebiao</title>
<link rel="stylesheet"href="{%static 'img/jjj.jpg.png'%}">
</head>
<body>
<h1>用户列表</h1>
<img src="{%static 'img/jjj.jpg.png' %}" alt="">
</body>
</html>