flask 模板继承

最新推荐文章于 2021-06-16 22:33:27 发布

夕麻

最新推荐文章于 2021-06-16 22:33:27 发布

阅读量150

点赞数 1

分类专栏： flask 文章标签： html

本文链接：https://blog.csdn.net/weixin_45735361/article/details/105534041

版权

flask 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

模板继承

Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开-个口，子模板根据需要，再实现这个block,假设现在有一个base. html这个父模板

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="base.css" />
    <title>{% block title %}{% endblock %}</title>
    {% block head %}{% endblock %}
</head>
<body>
    <div id="body">{% block body %}{% endblock %}</div>
    <div id="footer">
        {% block footer %}
        &copy; Copyright 2008 by <a href="http://domain.invalid/">you</a>
        {% endblock %}
    </div>
</body>
</html>

以上父模板中,抽取了所有模板都需要用到的元素html、body等, 并且对于一些所有模板都要用到的样式文件style. css也进行了抽取,同时对于这些子模板需要重写的地方，比如title、head、body 都定义成了block,然后子模板可以根据自己的需要，具体的实现。

{% extends "base.html" %}
{% block title %}首页{% endblock %}
{% block head %}
    {{ super() }}
    <style type="text/css">
        .detail{
            color: red;
        }
    </style>
{% endblock %}
{% block content %}
    <h1>这里是首页</h1>
    <p class="detail">
      首页的内容
    </p>
{% endblock %}

首先第一行就定义了子模板继承的父模板,可以看到模板实现了title这个block,并填充了自己的内容，再看head这个block,里面调用了super()这个函数,这个函数的目的是执行父模板中的代码，把父模板中的内容添加到子模板中,如果没有这一句，则父模板中处在head这个block中的代码将会被子模板中的代码给覆盖掉。

另外，模板中不能出现重名的block，如果一个地方需要用到另外一个block中的内容，可以使用self.blockname的方式进行引用

<title>
    {% block title %}
        这是标题
    {% endblock %}
</title>
<h1>{{ self.title() }}</h1>

以上示例中h1标签重用了title这个block中的内容，子模板实现了title这个block,h1标签也能拥有这个值。

另外，在子模板中，所有的文本标签和代码都要添加到从父模板中继承的block中。否则,这些些本和标签将不会被渲染。

静态文件的配置

Web应用中会出现大量的静态文件来使得网页更加生动美观。类似于CSS样式文件、JavaScript脚本文件、文件、字体文件等静态资源。在Jinja中加载静态文件非常简单，只需要通过ur_ for全局函数就可以实现

<link rel="stylesheet" href="{{ url_for('static',filename='about.css') }}">
<script src="{{ url_for('static', filename='js/index.js') }}"></script>
<img src="{{ url_for('static', filename='images/demo.jpg') }}" alt="">

url_for函数默认会在项目根目录下的static文件夹中寻找about.css文件,如果找到了，生成一个相对于项目根目录下的/static/about.css路径。当然我们也可以把静态文件不放在static文件夹中,此时就需要具体指定了

app = Flask(__name__,static_folder='C:\static')

那么访问静态文件的时候，将会到/static这个文件夹下寻找。

夕麻

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
flask 模板继承

模板继承Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开-个口，子模板根据需要，再实现这个block,假设现在有一个base. html这个父模板<!DOCTYPE html><html lang="en"><head> <link rel="styleshee...
复制链接

扫一扫