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

 

posted @ 2025-11-08 10:54  刘宏缔的架构森林  阅读(3)  评论(0)    收藏  举报