Flask学习之旅——2.6 模板继承

Flask学习之旅——2.6 模板继承

前言

  • 本文为《知了传课——模版继承》的学习笔记。
  • 原文地址:第八节:模板继承 - Python框架Flask基础教程 - 知了传课 (zlkt.net)

模板继承

什么是模板继承?

模板继承相当于在模板里创建一个基础的骨架,里面存储网站中常用的元素,如网页的头部与尾部,通过模板继承就可以省去每个页面都要重新编写头部和尾部的麻烦了。

模板继承的实现

  • 首先创建一个父模板,并且父模板通过定义block给子模板开一个口,子模板根据需要,再实现这个block
  • 然后在子模板中,通过{% extends "xxx.html" %}的语句继承父模板,实现一些功能。
  • 具体实现如下面栗子所示:

栗子

  • 假如现在定义了一个名字为base.html的父模板,代码如下:

    DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{%  block title %}{% endblock %}title>
    head>
    <body>
        <ul>
            <li><a href="/" >首页a>li>
            <li><a href="/conttol" >控制a>li>
            <li><a href="/about" >关于我们a>li>
        ul>
    {% block body %}{% endblock %}
    <footer style="background-color: pink">底部footer>
    body>
    html>
    
  • 然后我们在子模板里通过{% extends "base.html" %}的语句继承父模板,代码如下:

    about.html

    {% extends "base.html" %}
    
    {% block title %}关于我{% endblock %}
    {% block body %}
        {% set  username = '小吕' %}
        <p>全局:{{ username }}p>
        {% with username = '局部小吕' %}
            <p>局部:{{ username }}p>
        {% endwith %}
        <p>全局:{{ username }}p>
    {% endblock %}
    
  • 显示结果
    Flask学习之旅——2.6 模板继承_第1张图片

结论

  • 在上面的栗子中,子模板通过继承父模板,将父模板上的头部和尾部都显示了出来。

  • 另外,模板中不能出现重名的block,如果一个地方需要用到另外一个block中的内容,可以使用self.blockname的方式进行引用,如

    父模板

    <title>
        {% block title %}
            这是标题
        {% endblock %}
    title>
    

    子模板

    <h1>{{ self.title() }}h1>
    
  • 在子模板中,所有的文本标签和代码都要添加到从父模板中继承的block中。否则,这些文本和标签将不会被渲染。

你可能感兴趣的:(Flask,flask,python,后端)