• 【Flask】模板继承


    # 模版继承笔记:

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

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

    1 {% extends "base.html" %}

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

    1 {% block block的名字 %}
    2 {% endblock %}

    在子模板中:

    1 {% block block的名字 %}
    2     子模板中的代码
    3 {% endblock %}

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

    1 {% block body_block %}
    2     <p style="background: red;">这是父模板中的代码</p>
    3 {% endblock %}


    子模板:

    1 {% block body_block %}
    2     {{ super() }}
    3     <p style="background: green;">这是子模板中的代码</p>
    4 {% endblock %}

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

    {% block title %}
        这里是title
    {% endblock %}
    
    {% block body_block %}
        {{ self.title() }}
        <p style="background: green;">这是子模板中的代码</p>
    {% endblock %}

    ### 其他注意事项:
    1. 子模板中的代码,第一行,应该是`extends`。
    2. 子模板中,如果要实现自己的代码,应该放到block中。如果放到其他地方,那么就不会被渲染。

  • 相关阅读:
    http
    VUE-1
    AJAX
    html常用标签
    CSS网页布局
    概念整理3
    SEO
    概念整理2
    var
    概念整理
  • 原文地址:https://www.cnblogs.com/chen0427/p/8481277.html
Copyright © 2020-2023  润新知