为什么需要模版继承:
模版继承可以把一些公用的代码单独抽取出来放到一个父模板中。以后子模板直接继承就可以使用了。这样可以重复性的代码,并且以后修改起来也比较方便。
模版继承语法:
使用extends
语句,来指明继承的父模板。父模板的路径,也是相对于templates
文件夹下的绝对路径。示例代码如下:
{% extends "base.html" %}
。
block语法:
一般在父模版中,定义一些公共的代码。子模板可能要根据具体的需求实现不同的代码。这时候父模版就应该有能力提供一个接口,让父模板来实现。从而实现具体业务需求的功能。
在父模板中:
{% block block的名字 %}
{% endblock %}
在子模板中:
{% block block的名字 %}
子模板中的代码
{% endblock %}
调用父模版代码block中的代码:
默认情况下,子模板如果实现了父模版定义的block。那么子模板block中的代码就会覆盖掉父模板中的代码。如果想要在子模板中仍然保持父模板中的代码,那么可以使用{{ super() }}
来实现。示例如下:
父模板:
{% block body_block %}
<p style="background: red;">这是父模板中的代码</p>
{% endblock %}
子模板:
{% block body_block %}
{{ super() }}
<p style="background: green;">我是子模板中的代码</p>
{% endblock %}
调用另外一个block中的代码:
如果想要在另外一个模版中使用其他模版中的代码。那么可以通过{{ self.其他block名字() }}
就可以了。示例代码如下:
{% block title %}
捡猫课堂首页
{% endblock %}
{% block body_block %}
{{ self.title() }}
<p style="background: green;">我是子模板中的代码</p>
{% endblock %}
其他注意事项:
- 子模板中的代码,第一行,应该是
extends
。 - 子模板中,如果要实现自己的代码,应该放到block中。如果放到其他地方,那么就不会被渲染。
我会在这里分享关于编程的有趣想法,微信搜索:编码内外,或者微信扫描二维码,来看看吧!