专栏首页算法与编程之美HTML|Flask之模板继承

HTML|Flask之模板继承

1 什么是模板继承

模板继承是jinja里面最有力的部分了。就相当于在模板里面创建一个基础的骨架,里面的内容一般是一个网站中的常用元素,比如说网页的头部与尾部。这样下次需要用的话我们直接继承就好了。

2 基础模板

我们来新建一个 base.html,它定义了一个简单的 HTML 骨架,用 于显示一个简单的两栏页面。“子”模板的任务是用内容填充空的块:

<!DOCTYPE html> <html> <head> {% block head %} <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> <title>{% block title %}{% endblock %} - My Webpage</title> {% endblock %} </head> <body> <div id="content">{% block content %}{% endblock %}</div> <div id="footer"> {% block footer %} © Copyright 2010 by <a href="http://www.baidu.com/">you</a>. {% endblock %} </div> </body> </html>

在这个例子中,{% block %}定义了几个可以被子模版填充的地方。接下来我们来写几个子模版:

{% extends "test01.html" %} {% block title %}Index{% endblock %} {% block head %} {{ super() }} <style type="text/css"> .important { color: #336699; } </style> {% endblock %} {% block content %} <h1>hello</h1> <p> 欢迎您 {% endblock %}

效果如下:

这里 {% extends %} 标记是关键,它告诉模板引擎这个模板“扩展”了另一个模板, 当模板系统评估这个模板时会先找到父模板。这个扩展标记必须是模板中的第一个标记。如果要使用父模板中的块内容,就要使用 {{ super() }} 。

END

实习主编 | 王文星

责 编 | 刘玉江

where2go 团队

本文分享自微信公众号 - 算法与编程之美(algo_coding)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Mysql中的Redo Log解析(二)

    昨天介绍了redo log的概念,关于redo log的写入方法没有很详细的讲解,今天接着说一下。

    AsiaYe
  • 带你认识 flask 的模板

    在终端会话中设置环境变量FLASK_APP=microblog.py,然后执行flask run命令来运行应用。包含这个应用的Web服务启动之后,你可以通过在W...

    公众号---志学Python
  • 浅析 JS 事件循环之 Microtask 和 Macrotask

    我们在上一篇 《浅析 JS 中的EventLoop 事件循环》 中提到一个 Event Queue,其实在事件循环中 queue 一共有两种,还有一种叫 Job...

    savokiss
  • Postman简介

    最近在写自动化运维管理平台的前端部分,平台是基于Django框架写的,在这个过程中,经常需要封装相关的API,而验证API是否能够成功调用必须向对应网址发送GE...

    AsiaYe
  • shell中的字符串截取方法

    假设有变量 str=http://www.baidu.com/12345.html

    AsiaYe
  • Innodb数据页简介

    Innodb存储引擎在读取一条数据的时候,是将数据记录从磁盘中取出来,然后在内存中进行处理的,当我们写入一条数据时,是将内存中的数据进行修改,然后再刷新...

    AsiaYe
  • OpenRASP梳理总结

    RASP英文为 Runtime application self-protection,即运行时应用程序自我保护。“运行时应用程序自我保护”的概念由Gartne...

    FB客服
  • 小米OLAP服务架构演进

    如果你是一名数据分析师,或者是一位经常和 SQL 打交道的研发工程师,那么 OLAP这个词对你一定不陌生。你或许听说过 OLAP、OLTP 技术,但是今天文章的...

    Spark学习技巧
  • 计算机技术|卡片视图CardView

    在使用MUI开发APP的过程中,功能的融合和美观的布局,往往能使得项目得以顺利进展。不错的设计肯定离不开MUI的各个控件。对于每个控件的熟悉,并且能个灵活的运用...

    算法与编程之美
  • Linux磁盘查看命令之du,df

    df命令用于显示磁盘分区上的可使用的磁盘空间。默认显示单位为KB。可以利用该命令来获取硬盘被占用了多少空间,目前还剩下多少空间等信息。如果POSIXLY...

    AsiaYe

扫码关注云+社区

领取腾讯云代金券