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

Posted 小_源

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flask框架从入门到精通之模板导入与继承(十八)相关的知识,希望对你有一定的参考价值。

知识点:
1、模板导入
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关键字可以忽略不存在时的异常.

三、模板继承

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

  • 父模板
%block 名称%
预留区域,可以编写默认内容,也可以没有默认内容
%endblock %
  • 子模板
标签extends:继承,写在子模板文件的第一行。
% extends "父模板路径"%

子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使用父模版定义的默认值。
填充父模板中指定名称的预留区域。

%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.html

% extends 'base.html' %

% block content %

    填充内容

% endblock %

我们在浏览器调试一下:

调用父模板

可以通过super()来调用父模板内容

% extends 'base.html' %

% block content %

    

     super() 

% endblock %

我们在浏览器调试一下:

以上是关于Flask框架从入门到精通之模板导入与继承(十八)的主要内容,如果未能解决你的问题,请参考以下文章

Flask框架从入门到精通之模板宏(十九)

Flask框架从入门到精通之模板宏(十九)

Flask框架从入门到精通之模板宏(十九)

Flask框架从入门到精通之模板初识

Flask框架从入门到精通之模板表单(二十)

Flask框架从入门到精通之模板表单(二十)