Flask中的模板继承机制是如何工作的提供一个示例

发布时间:2024-04-30 11:03:13 作者:小樊
来源:亿速云 阅读:55

在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 模板,并覆盖了 titlecontent 块。当渲染 child.html 模板时,会生成一个完整的HTML页面,其中 title 为 “Child Template - Flask App”,而 content 中的内容则是子模板中定义的内容。

通过使用模板继承,可以实现模板的复用和分离关注点,使得页面结构更加清晰和易于维护。

推荐阅读:
  1. 怎么用Python Flask实现登录功能
  2. Flask如何实现异步执行任务

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

flask

上一篇:如何在Flask应用中实现角色基于的访问控制

下一篇:在Flask中如何有效地使用Query String参数

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》