Flask框架学习笔记10-jinjia2模板继承实例_{% block %} {% endblock %}

作者：秋刀鱼在做梦 | 2024-06-29 11:05:15

踩

{% block %} {% endblock %}

前面我们已经学习过了jinjia2模板语言，可以发现，使用模板可以大大减少我们开发过程中编写前端页面的代码量，节省开发成本以及时间。jinjia2最常用也是最强大的功能就是模板继承了，下面我们来通过实例来进一步学习如何来进行模板继承。

1、模板
既然叫做模板继承，那首先得有模板，不然怎么继承，就跟面向对象中的继承类似，首先得有父类（基类），不然怎么谈继承。所以我们先来制作一个模板，以便后续的子页面来继承。
jinjia2使用关键字block来定义模板中子页面可以重写的块，基本语法是：

写法一：{% block '模块名称' %}  {% endblock %}
写法二：{% block '模块名称' %}  {% endblock '模块名称' %}
1
2

推荐使用第二种写法，特别是页面比较多，复杂的情况下简单明了。
注：同一个页面中块名称不允许重复，否则模板引擎在寻找时会出现混乱。
下面创建一个base.html来作为后面项目中子页面的模板：
base.html

<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
    <meta charset="UTF-8">
    <title> {% block title %} {% endblock title %} </title>
    {% block static_file %} {% endblock static_file %}
    {% block CSS_change %} {% endblock CSS_change %}
    {% block js %} {% endblock js %}
    {% endblock head %}
</head>
<body>

<header> {% block header %}  {% endblock header %} </header>
<div> {% block content %} {% endblock content %} </div>
<footer> {% block footer %}
<h3> <a href="https://blog.csdn.net/time_money" target="_blank"> Python小明 </a>  </h3>
 {% endblock footer %} </footer>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

一个页面基本上就包含以上的内容，所以这基本上是一个标准的模板页。
那在接下来的开发过程中，子页面就可以省去那些和模板共有的内容，直接填充对应的模块即可。

2、继承
已经有模板了，下面就开始继承了，这里我们让之前的index.html继承base.html，那就需要把跟模板相同的部分删除掉，只需要填充相应的模块即可。继承使用关键字：extends。
index.html

{% extends 'base.html' %}

{% block title %}index{% endblock title %}

{% block content %}
    {% autoescape false %}
    {
  { data1 }}
    {% endautoescape %}
    {
  { data2 | safe }}
    {
  { data3 | md |safe }}
{#    {
  { read_md('demo.md') | md |safe }}#}
    <nav>
        <a href="{
    { url_for('.services') }}">Services
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/769103