zoukankan      html  css  js  c++  java
  • flask 模板block super()的讲解

    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="someone@example.com">someone@example.com</a> </p>
        {% endblock %}
    </footer>
    复制代码

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

      

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

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

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

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

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

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

    {{ self.块名() }}
  • 相关阅读:
    省市区三级联动
    jeDate日期控件
    Juery返回Json数据格式,webForm中使用
    JS补充
    winfrom中上传文件保存在webFrom里面
    游标
    函数
    触发器
    Leetcode练习(Python):数组类:第106题:根据一棵树的中序遍历与后序遍历构造二叉树。 注意: 你可以假设树中没有重复的元素。
    Leetcode练习(Python):数组类:第105题:根据一棵树的前序遍历与中序遍历构造二叉树。 注意: 你可以假设树中没有重复的元素。
  • 原文地址:https://www.cnblogs.com/qunxiadexiaoxiangjiao/p/9595087.html
Copyright © 2011-2022 走看看