当多个页面用到重复的东西，可以把公共部分拿出来做成一个模板
在base.html 中可以为 block 设置默认值，当页面替换block的时候，base.HTML 的默认值将不会显示，如果不替换， 将显示默认值，要拿到这个默认值可以通过{{ block.super }}
base.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>t11</title> <link rel="stylesheet" href="/static/css/t9.css" type="text/css" /> </head> <body> <div> <div class="page-header"> </div> <div class="page-body"> <div class="menu"> <a href="/ordered">订单</a><br> <a href="/shoppingCar">购物车</a> </div> {# content 这个可以自定义 ， 就相当于一个盒子的name#} {% block content %} {% endblock %} </div> <div class="page-footer"></div> </div> </body> {#<script src="/static/js/index.js"></script>#} </html>
在其他HTML 中可以使用这个模板，同时添加自己的东西
{% extends %} 标签必须是模板中第一个标记
ordered.html
{% extends "base.html" %} {% block content %} <div class="content"> ordered </div> {% endblock %}
shoppingCar.html
{% extends "base.html" %}
{% block content %}
<div class="content">
shoppingCar
</div>
{% endblock %}