在Flask中,模板继承是通过使用Jinja2模板引擎来实现的。通过使用 {% extends 'base.html' %}
指令,可以让一个模板继承另一个模板的布局。子模板可以覆盖父模板中的块(block)以及添加新的块。
下面是一个简单的示例:
base.html:
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}Flask App{% endblock %}</title>
</head>
<body>
<header>
{% block header %}
<h1>Welcome to Flask App</h1>
{% endblock %}
</header>
<main>
{% block content %}
<p>This is the content of the page.</p>
{% endblock %}
</main>
</body>
</html>
child.html:
{% extends 'base.html' %}
{% block title %}Child Template - Flask App{% endblock %}
{% block content %}
<p>This is the content of the child template.</p>
{% endblock %}
在这个例子中,child.html
模板继承了 base.html
模板,并覆盖了 title
和 content
块。当渲染 child.html
模板时,会生成一个完整的HTML页面,其中 title
为 “Child Template - Flask App”,而 content
中的内容则是子模板中定义的内容。
通过使用模板继承,可以实现模板的复用和分离关注点,使得页面结构更加清晰和易于维护。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。