前几节课我们学习了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 '静态资源的路径'%})
第六步,最终显示结果