Flask框架从入门到精通之模板导入与继承（十八）

时间 2019-11-07

原文原文链接

知识点：一、模板导入二、模板继承html

1、概况

模板导入就是将另外一个模板加载到当前模板中，直接渲染。模板继承和类的继承含义是同样的，主要是为了提升代码重用，减轻开发人员的工做量。典型应用：网站的头部、尾部信息。python

2、模板导入

语法

{% include(‘模板名称’) %}

{% include(‘目录/模板名称’) %}
复制代码

使用

#导入头部header.html
{% include 'header.html' %}
    主体内容
#导入底部footer.html
{% include 'footer.html' %}

#忽略模板文件不存在时的错误
{% include 'footer.html' ignore missing %}

#也能够组成模板列表,会按照顺序依次加载
{% include ['footer.html','bottom.html','end.html'] ignore missing %}

复制代码

注意:当include模板文件不存在时,程序会抛出异常,加上ignore missing关键字能够忽略不存在时的异常.

3、模板继承

若是发如今多个模板中某些内容相同，那就应该把这段内容定义到父模板中。标签block：用于在父模板中预留区域，留给子模板填充差别性的内容，名字不能相同。为了更好的可读性，建议给endblock标签写上名字，这个名字与对应的block名字相同。父模板中也可使用上下文中传递过来的数据。浏览器

父模板

{%block 名称%}
预留区域，能够编写默认内容，也能够没有默认内容
{%endblock %}
复制代码

子模板

标签extends：继承，写在子模板文件的第一行。
{% extends "父模板路径"%}
复制代码

子模版不用填充父模版中的全部预留区域，若是子模版没有填充，则使用父模版定义的默认值。填充父模板中指定名称的预留区域。bash

{%block 名称%}
实际填充内容
{%endblock %}
复制代码

新建一个base.html写以下代码：网站

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>我是头部</h1>

{% block content %}
    默认内容
{% endblock %}
<h1>我是尾部</h1>
</body>
</html>
复制代码

新建一个extends.html继承于base.htmlspa

{% extends 'base.html' %}

{% block content %}

    填充内容

{% endblock %}
复制代码

咱们在浏览器调试一下：调试

调用父模板

能够经过super()来调用父模板内容code

{% extends 'base.html' %}

{% block content %}

    

    {{ super() }}

{% endblock %}
复制代码

咱们在浏览器调试一下： cdn

欢迎关注个人公众号：htm