Day044 模版继承详解

mac2025-08-28  14

为什么需要模版继承:

模版继承可以把一些公用的代码单独抽取出来放到一个父模板中。以后子模板直接继承就可以使用了。这样可以重复的利用代码,并且以后修改起来也比较方便。

模版继承语法:

使用`extends`语句,来指明继承的父模板。父模板的路径,也是相对于`templates`文件夹下的绝对路径。示例代码如下:

{% extends "base.html" %}

block语法:

一般在父模版中,定义一些公共的代码。子模板可能要根据具体的需求实现不同的代码。这时候父模版就应该有能力提供一个接口,让子模板来实现。从而实现具体业务需求的功能。

在父模板中:

```html

{% block block的名字 %}

{% endblock %}

```

在子模板中:

```html

{% block block的名字 %}

子模板中的代码

{% endblock %}

```

调用父模版代码block中的代码:

默认情况下,子模板如果实现了父模版定义的block。那么子模板block中的代码就会覆盖掉父模板中的代码。如果想要在子模板中仍然保持父模板中的代码,那么可以使用`{{ super() }}`来实现。示例如下:

父模板:

```html

{% block block_body %}

<p style="background-color: blue">我是 父模版block_body处的内容</p>

{% endblock %}

```

子模板:

```html

{% block block_body%}

{{ super() }}

<p style="background-color: green">我是 子模版block_body处的内容</p>

{% endblock %}

```

调用另外一个block中的代码:

如果想要在另外一个模版中使用其他模版中的代码。那么可以通过`{{ self.其他block名字() }}`就可以了。示例代码如下:

```html

{% block title %}

sxt首页

{% endblock %}

{% block block_body%}

{{ self.title() }}

<p style="background-color: green">我是 子模版block_body处的内容</p>

{% endblock %}

```

其他注意事项:

1. 子模板中的代码,第一行,应该是`extends`。

2. 子模板中,如果要实现自己的代码,应该放到block中。如果放到其他地方,那么就不会被渲染。

最新回复(0)