<返回更多

最全面的Django静态文件教程,教你轻松加载图片

2021-11-23    Python教程初学详解
加入收藏

前几节课我们学习了Django加载网页数据的相关知识,今天我们讲一下怎么加载静态文件,我们以加载图片为例,学习怎么配置静态文件。

 

1.思路讲解

 

首先我们需要新建文件(test2)作为我们今天练习Django的主文件,还需要新建一个模板文件(templates)和一个存储图片的文件(static),为方便视图的配置,我们需要在test2文件夹下的test2文件下新建一个视图文件(views.py)文件。所有需要的文件创建好以后,我们进行设置--urls路由设置--视图函数设置--模板设置等步骤。

 

最全面的Django静态文件教程,教你轻松加载图片

 

2.Django静态文件加载步骤讲解

 

第一步。准备图片

 

我们在新建的static文件中,新建一个images文件并放置一张图片,作为图片加载的素材。

最全面的Django静态文件教程,教你轻松加载图片

 

第二步,设置

 

打开setting文件,进行如下配置:TEMPLATES中dir参数的修改以及在STATIC_URL下增加如下代码:

 

最全面的Django静态文件教程,教你轻松加载图片

最全面的Django静态文件教程,教你轻松加载图片

 

第三步,路由的配置

 

设置好路径以及对应的视图函数,需要注意要先导入视图函数,再通过点的方式将视图文件导入

 

最全面的Django静态文件教程,教你轻松加载图片

 

第四步。视图函数配置

 

打开views文件,进行如下的配置,render的第二个参数是,模板中需要设置的html文件,因此我们需要在模板文件夹(templates)中新建名为'tupian.html'的文件

 

最全面的Django静态文件教程,教你轻松加载图片

 

第五步。模板的设置

 

我们可以设置title,在主体内容显示中添加图片的位置,并设置图片的大小

 

最全面的Django静态文件教程,教你轻松加载图片

 

注意:在模板中书写路径有两种方式,我们可以回忆下上节课的内容,上节课子链接地址可以用{% url "别名"%}的方式写入,那么图片地址的填写的方式也是大同小异,如下,需要先加载static({% load static %})然后再使用静态资源({% static '静态资源的路径'%})

 

最全面的Django静态文件教程,教你轻松加载图片

第六步,最终显示结果

最全面的Django静态文件教程,教你轻松加载图片

 

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>