flask框架（之四）语句和模板继承和案例

最新推荐文章于 2024-02-27 05:00:00 发布

メΨＬＥＩ.o 0

最新推荐文章于 2024-02-27 05:00:00 发布

阅读量194

点赞数

分类专栏： flask框架文章标签： python

本文链接：https://blog.csdn.net/qq_50240653/article/details/109145258

版权

flask框架专栏收录该内容

10 篇文章 0 订阅

订阅专栏

flask框架语句和模板继承和案例

一、include和set语句

1.1include语句

include语句可以把一个模板引入到另外一个模板中，类似于把一个模板的代码copy到另外一个模板的指定位置。

{% include 'header.html' %}
        主体内容
{% include 'footer.html' %}

在这里插入图片描述

1.2set语句

在模板中添加变量，这时候赋值语句（set）就派上用场了，可以使用name来代替juran这个值了，同时，也可以给他赋值为列表和元组，赋值语句创建的变量在其之后都是有效的，如果不想让一个变量污染全局环境，可以使用with语句来创建一个内部的作用域，将set语句放在其中，这样创建的变量只在with代码块中才有效。

{% set name='juran' %}
{% set navigation = [('index.html', 'Index'), ('about.html', 'About')] %}
{% with %}
    {% set foo = 42 %}
    {{ foo }}     
{% endwith %}

在这里插入图片描述

二、模板继承

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

<!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>

子模板

{% 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中的代码将会被子模板中的代码给覆盖掉。

三、静态文件的配置

Web应用中会出现大量的静态文件来使得网页更加生动美观。类似于CSS样式文件、JavaScript脚本文件、图片文件、字体文件等静态资源。在Jinja中加载静态文件非常简单，只需要通过url_for全局函数就可以实现。
url_for函数默认会在项目根目录下的static文件夹中寻找about.css文件，如果找到了，会生成一个相对于项目根目录下的/static/about.css路径。当然我们也可以把静态文件不放在static文件夹中，此时就需要具体指定了

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

四、模板案例分析

在这里插入图片描述

メΨＬＥＩ.o 0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
flask框架（之四）语句和模板继承和案例

flask框架语句和模板继承和案例一、include和set语句1.1include语句include语句可以把一个模板引入到另外一个模板中，类似于把一个模板的代码copy到另外一个模板的指定位置。{% include 'header.html' %} 主体内容{% include 'footer.html' %}1.2set语句在模板中添加变量，这时候赋值语句（set）就派上用场了，可以使用name来代替juran这个值了，同时，也可以给他赋值为列表和元组，赋值
复制链接

扫一扫