为了账号安全,请及时绑定邮箱和手机立即绑定

python(Django之html模板继承)

标签:
Python

Django之html模板继承简单案例
1 构建母板,确定不变内容和可变内容

https://img1.sycdn.imooc.com//5b3e04a60001d0d906480459.jpg
2 构建子板,对可变内容进行填充

https://img1.sycdn.imooc.com//5b3e04af0001d8e917710484.jpg
结果:
https://img1.sycdn.imooc.com//5b3e04b90001f27908720946.jpg

Django下静态模板的继承对应模页面样式

①. 定义一个基础模板,该框架之后由子模板继承。

命名为base.html,这个页面主要放公用部分的代码,各个子页面都可以继承这个页面的样式。




   
  {% block title %}首页{% endblock %}
  {% block js %} {% endblock %}
  {% block css %}  {% endblock %}


  {% block content %}{% endblock %}

②. 编写各个子模板。

如下所示,{% extends ‘base.html’ %}作为基础模板,必须放在第一行才可以识别。
{% block %}这个标签,告诉模板引擎,子模板可以重载这些
{% include %}允许模板中包含其他模板。
注意css和js等静态文件,是和html不同的识别方式。

{% extends ‘base.html’ %}

{% block title %}
   
{% endblock %}

{% block js %}
   
   
{% endblock %}

{% block css %}
   
{% endblock %}

{% block content %}
   
   {% include ‘taskApp/cjjdglContent.html’ %}
{% endblock %}

这种方式用起来,不仅改起来便捷,代码量也显然减少了不少。


点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消