请给我一个flask 模板继承的案例
时间: 2024-05-09 22:17:42 浏览: 15
当然,我很乐意回答这个问题。以下是一个非常简单的 Flask 模板继承案例:
父模板(base.html):
```
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<div class="header">
{% block header %}
<h1>Welcome to My Website</h1>
{% endblock %}
</div>
<div class="content">
{% block content %}
<p>This is the default content. Override me!</p>
{% endblock %}
</div>
<div class="footer">
{% block footer %}
<p>Copyright © My Website {% now "Y" %}</p>
{% endblock %}
</div>
</body>
</html>
```
子模板:
```
{% extends "base.html" %}
{% block title %}Home - My Website{% endblock %}
{% block content %}
<h2>Welcome to our website</h2>
<p>We are glad to have you here. Please have a look around.</p>
{% endblock %}
```
在这个例子中,子模板(home.html)扩展了父模板(base.html),并覆盖了其中的几个块。通过这种方式,您可以重复使用布局,同时允许每个页面使用单独的内容。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)