flask: 模板用include包含公共部分header\footer

flask: 模板用include包含公共部分header\footer

一,代码:

common/header.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>User List</title>
</head>
<body><div style="width:100%;height:40px;text-align:center;background:#eeeeee;">header</div>

common/footer.html

<div style="width:100%;height:40px;text-align:center;background:#eeeeee;">footer</div>
</body>
</html>

调用header和footer:

{% include 'common/header.html' %}
<h1>{{ meta.title }}</h1><ul>{% for user in users %}<li>{{ user.name }} - {{ user.age }} - {{ user.city }}</li>{% endfor %}</ul>
{% include 'common/footer.html' %}

 

二,运行效果 :

image