前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flask模板和静态文件(二)

Flask模板和静态文件(二)

原创
作者头像
堕落飞鸟
发布2023-05-05 16:13:46
2580
发布2023-05-05 16:13:46
举报
文章被收录于专栏:飞鸟的专栏飞鸟的专栏

模板继承

在实际应用中,我们通常会使用多个页面,它们之间存在共同的布局和样式。为了避免重复编写相同的代码,我们可以使用模板继承来减少工作量。在Jinja2模板语言中,我们可以使用'block'和'extends'语句来实现模板继承。

'block'语句用于定义一个块,可以在子模板中被覆盖。下面是一个使用'block'语句的示例:

代码语言:javascript
复制
<!-- base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <div class="container">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

在上面的示例中,我们定义了两个块,一个是'title'块,用于定义HTML页面的标题;另一个是'content'块,用于定义HTML页面的内容。这些块中的内容可以在子模板中被覆盖。

在子模板中,我们可以使用'extends'语句来继承父模板。下面是一个使用'extends'语句的示例:

代码语言:javascript
复制
<!-- index.html -->
{% extends 'base.html' %}

{% block title %}
    Hello World
{% endblock %}

{% block content %}
    <h1>Hello, {{ name }}!</h1>
{% endblock %}

在上面的示例中,我们使用'extends'语句来继承父模板'base.html',并覆盖了'title'和'content'块。这样,我们就可以减少代码重复,更加方便地管理和维护模板文件。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 模板继承
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档