zoukankan      html  css  js  c++  java
  • 【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中。如果放到其他地方,那么就不会被渲染。

  • 相关阅读:
    今天愣了半天硬是没想到用map,在此还原以下代码
    blob文件的存储和读取
    C#操作SQLite 报错 (Attempt to write a read-only database)
    Response.Flush()
    搜索
    直接给对方邮箱写邮件
    js
    会员模块(会员注册、会员登录、忘记密码、会员中心)
    标签大全
    网站在线留言
  • 原文地址:https://www.cnblogs.com/chen0427/p/8481277.html
Copyright © 2011-2022 走看看