模版的继承

在templatest文件夹下

新建 base.html (待被继承模版)

新建 test.html  (继承base.html的文件)

 

base.html内容如下:

<!DOCTYPE html>

<html lang="en">

<hrad>

  <meta charset="utf-8">

  <title>Title</title>

</hrad>

<body>

  {% block  head %}

      <div>This is head</div>

  {% endblock %}

 

  {% block  content %}

      <div>This is content</div>

  {% endblock %}

  

  {% block  foot %}

      <div>This is foot</div>

  {% endblock %}

</body>

</html>

 

test.html 文件内容如下:

{% extends "base.html" %}

{% block  content %}

  {{ super() }}      #加上super()关键字就会把 base.html 文件原来  block  content里面内容也带上

  test文件自己的内容,替换掉base.html文件中 block  content的区域 信息展示

{% endblock %}

 

视图函数调用

@web.route("/test")
def test():
  #模版
  return render_template('test.html')

 

浏览器输出:

This is head

This is content

test文件自己的内容,替换掉base.html文件中 block  content的区域 信息展示

This is foot

posted @   凯宾斯基  阅读(182)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示