Flask框架学习笔记10-jinjia2模板继承实例

最新推荐文章于 2024-06-16 15:50:56 发布

python小明

最新推荐文章于 2024-06-16 15:50:56 发布

阅读量805

点赞数 1

分类专栏： Flask框架文章标签： flask

本文链接：https://blog.csdn.net/time_money/article/details/118356176

版权

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

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

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

推荐使用第二种写法，特别是页面比较多，复杂的情况下简单明了。
注：同一个页面中块名称不允许重复，否则模板引擎在寻找时会出现混乱。
下面创建一个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>

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

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('

最低0.47元/天解锁文章

python小明

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Flask框架学习笔记10-jinjia2模板继承实例

前面我们已经学习过了jinjia2模板语言，可以发现，使用模板可以大大减少我们开发过程中编写前端页面的代码量，节省开发成本以及时间。jinjia2最常用也是最强大的功能就是模板继承了，下面我们来通过实例来进一步学习如何来进行模板继承。1、模板既然叫做模板继承，那首先得有模板，不然怎么继承，就跟面向对象中的继承类似，首先得有父类（基类），不然怎么谈继承。所以我们先来制作一个模板，以便后续的子页面来继承。jinjia2使用关键字block来定义模板中子页面可以重写的块，基本语法是：写法一：{% bloc
复制链接

扫一扫