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

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

文章图片

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

文章图片

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

文章图片

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

文章图片

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

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

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


2.Django静态文件加载步骤讲解
第一步 。 准备图片我们在新建的static文件中 , 新建一个images文件并放置一张图片 , 作为图片加载的素材 。


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



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


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


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

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

【django|最全面的Django静态文件教程,教你轻松加载图片!】第六步 , 最终显示结果