Django框架(七:静态文件的导入,并提取出相同的部分作为父模板来继承)

在第五篇我已经介绍了模板的继承,今天就来实际的应用一下。
我们使用伯乐在线(网页链接)来做个实例。首先可以抽取功能的源代码来做练习,比如伯乐在线的“IT职场”和“数据库”的所有源代码,个人使用抽取源代码的工具——仿站小工具。将抽取好的文件保存到本地。
在这里插入图片描述
然后在项目的根目录下建一个目录static,注意这个名称是固定不变的,并在下面继续建立相应的目录,如css/image/js等等,
在这里插入图片描述
然后将下载的文件导入相应类别的目录下,.html文件就放入templates目录下,我的templates中放入了两个.html文件
在这里插入图片描述
现在所做的就是对这两个文件进行修改。
新建一个base.html文件作为父模板,将上面两个的其中一个文件导入,整理下来我们发现了body中只有三大部分
在这里插入图片描述
分别对应网页上的三部分为
头部:
在这里插入图片描述
中间部分:
在这里插入图片描述
底部:
在这里插入图片描述
和数据库下的页面对比,我们发现他们的不同的部分在中间部分,其它部分都一样,所以相同的部分是我们可以抽取出来继承的部分,只需要找到不同得部分在子模块添加修改就好。
研究发现,中间部分又分为左右两部分。
接下来只需找到不同的地方
第一个不同地方:
在这里插入图片描述
在base.py中找到并替换为变量,通过传参形式传入
在这里插入图片描述
第二个地方为中间部分左侧的主要内容:
在这里插入图片描述
第三部分,中间部分内容的右侧
在这里插入图片描述
接下来只需要把zhichang.html和database.html文件中的内容删除,继承和把刚刚替换掉的部分补充就好
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值