<!--base.html--> <!DOCTYPE html> <html lang="en"> <head> <!--html中的包含关系--> {% block head %} {% include ['includes/_head.html', 'include/_metas.html'] %} {% endblock head %} </head> <body> <!--页头--> <header>{% block header %}{% endblock header %}</header> <!--block作用域问题，内层block调用外面的item--> {% for item in items %} <li>{% block loop_item scoped %}{{ item }}{% endblock loop_item %}</li> {% endfor %} <!--页体--> <div>{% block content %}{% endblock content %}</div> <!--页脚--> <footer> {% block footer %} Copyright 2018 by <a href="www.baidu.com">Baidu</a> {% endblock footer %} </footer> </body> </html> <!--index.html--> <!--继承父页面--> {% extends 'base.html' %} <!--宏--> {% macro input(name, value='', type='text', size=20) %} <input type="{{ type }}" name="{{ name }}" value="{{ value }}" size="{{ size }}"/> {% endmacro %} <!--宏引入--> {% import '_marcos.html' as ui %} <!--title--> {% block title %}{{ title }}{% endblock title %} <!--content--> {% block content %} {% set links=[ ("home", url_for(".index")), ("about", url_for(".about")), ("service", url_for(".service")), ("project", url_for(".project")), ] %} <nav> {% for label, href in links %} {% if not loop.first %} | {% endif %} <a href="{{ href }}">{{ label }}</a> {% endfor %} </nav> <!--重复使用变量--> <h1>{{ self.title() }}</h1> {{ input('username') }} {{ input('password', type='password') }} {% endblock content %} <!--footer--> {% block footer %} <hr> <!--改写父类方法，且不覆盖父类--> {{ super() }} {% endblock footer %}