Django Day02(tags、static文件、模板继承)

本文深入探讨Django框架中的模板系统,包括for标签、if-elif-else标签、load和static标签的使用方法,以及如何通过模板继承来提高开发效率。文章通过实例演示了如何在HTML中使用这些标签,展示图片资源的加载方式,并介绍了如何创建和配置static文件夹。此外,还讲解了如何利用模板继承减少代码重复,实现页面布局的统一。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、tags标签

(1)for标签
格式:{%for 临时遍历 in 序列%} … {%endfor%}
html文件:
在这里插入图片描述views文件:
在这里插入图片描述urls文件:
在这里插入图片描述html结果:(其中我对表格进行一些修饰)
在这里插入图片描述true-result:
在这里插入图片描述

2、if-elif-else 标签

html文件:
在这里插入图片描述
views文件:
在这里插入图片描述
urls文件:
在这里插入图片描述结果图:
在这里插入图片描述

3、load 和 static 标签

当我们想在页面上使用一些静态资源例如图片、js、css 。这时候我们就要使用到static标签了。
now,我们现在在网页上显示图片,其实上图已经显示出来了!
当然views文件,urls文件中很简单,就不在展示了
(1)创建static文件夹,与templates文件并列的,(static可以随便起名),然后放进去一张图片;

在这里插入图片描述
(2)在settings文件中进行配置
在这里插入图片描述另外,可以再加一条,
在这里插入图片描述(3)再html文件中显示
在这里插入图片描述(4)结果图
在这里插入图片描述

4、模板继承

当我们浏览一些网站时,会发现有些网站的页面部分是相同的,比如导航栏,或者底部,这时候我们就可以通过继承模板的方式减少代码量。
(1)准备三张网页,其中部分内容相同,
(2)我们把这些相同的部分,做成一个base.html,并在其中添加一个 小接口,使其使用它的html可以扩充
base文件的小接口:
base文件的小接口

(3)我们分别在三张html文件中,添加各自不同的部分,
在这里插入图片描述
(4)这样就做成了简单的例子

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值