flask 模板block super（）的讲解

Posted 2021-01-04 qunxiadexiaoxiangjiao

Flask强大的地方就可以引用模板，而且非常方便。

　　这里不得不介绍block这个概念。

 

　　模板的文件一般放在templates文件夹下，我们这里新建一个html文件，存放模板，‘base.html‘

　　在这里面也，编排了整个页面的排版，里面会用到很多block的占位符。

　　每个block都代表一段html语句块，而这些块在哪里定义呢，可以在当前的base.html中定义，也可以在别的html中定义。反正要有一处定义，没有定义块只是没有效果而已

　　定义的时候，home.html 顶部必须说明继承关系(如果py文件链接的是home.html，但home.html引用了base.html的模板，就要说明)

{% extends ‘base.html‘ %}

　　块的定义格式，endblock 后面块名可以省略，有时候加上会让结构更加明晰

{% block 块名 %}
    块内容
{% endblock (块名)%}

 

　　定义了块之后，base.html中对应的块，就会被这些块内容覆盖。

• 块的覆盖情况

　　有一种情况，base.html中定义了block B 块内容1，但是在home.html也定义block B 块内容2，注意这时会优先显示内容2，因为把内容1覆盖了。

理解起来，就是base.html是通用模板，我们可以直接引用过来，没有问题，但是也可以自定义块，修改通用模板的内容，达到我们想要的效果。

　　还有一种情况，我们既不想不覆盖通用模板的内容，又想在其基础上，增加一些东西，这也是可以的。

　　举个例子：在base.html中

<footer>
    {% block footer %}
    <p>Posted:Bikmin</p>
        <p>Contact with:<a href="[email protected]">[email protected]</a> </p>
    {% endblock %}
</footer>

 

　　如果我们不再自定义块，就会使用base.html通用模板的内容，效果如下

　　

　　觉得这个模板还行，不想覆盖，还想在这个基础上再添加些东西，想要上面添加一条水平线作为分隔符，该怎么做呢

　　做法是，也是在home.html重新定义块，但是需要用到super()函数

{% block footer %}
    <hr>
    {{ super() }}
{% endblock %}

 

　　{{ super() }} 就表示了通用模板里的内容

 

　　在一个项目HTML中，块被定义多次，是会被覆盖的。

　　有时候，我们想引用块的内容，又不想写一串很长的块内容，这时候可以用下面的语法，不管在哪个html文件里定义的都可以，只要有继承关系

{{ self.块名() }}