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

前几节课我们学习了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静态文件教程,教你轻松加载图片

文章插图
 

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


    推荐阅读