Flask框架（二）

最新推荐文章于 2024-07-04 18:49:33 发布
最新推荐文章于 2024-07-04 18:49:33 发布
阅读量242 收藏
点赞数
分类专栏： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Calm_1024/article/details/102704016
版权

Flask框架

  • 模板加载
    在视图函数中通过 render_template(“模板地址”,“关键字参数”)，加载模板，参数通过关键字传递
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/register/")
def register_view():
	return render_template("register.html")

在这里插入图片描述

  • 模板标签：在python的web框架中，前端要渲染后端数据所要用到的特殊HTML标签

  1. if标签
    {% if 判断条件1 %}

    {% elif 判断条件2 %}
    …
    {% else %}

    {% endif %}

  2. for标签
    {% for 循环变量 in 将要遍历的变量 %}
    循环体
    {% endfor %}

# 示例
from flask import Flask.render_template

app = Flask(__name__)

@app.route("/fruits/")
def fruits_view():
	fruits = {"橘子","西瓜","香蕉","苹果","菠萝"}
	return render_template("fruits.html",fruits=fruits)

后端传给前端的变量就是模板变量，在模板中借助模板标签进行数据渲染。
{% %}： 一般是判断、遍历、导入、加载使用
{{ }}：一般是展示数据使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fruits</title>
</head>
<body>
    {% if fruits %}
        <ul>
            {% for fruit in fruits %}
                <li>{{ fruit }}</li>
            {% endfor %}

        </ul>
    {% endif %}
</body>
</html>

在这里插入图片描述

  • 模板继承:当多个模板中的部分标签相同时，我们可以把这部分标签抽出来，放在一个模板中，其余的模板继承自该模板，这个模板就是基类模板或者父模板。
    在父模板中使用
    • {% block 块标签名称 %}
    • {% endblock %} “挖坑”；
      在子模板中通过{% extends ‘父模板的位置’ %}继承父模板,并通过块模板标签“填坑”。
      如果在子模板中需要继承父模板块标签中的内容，则使用{{ super() }}

父模板：在需要更改的地方使用block标签"挖坑"，在子模板继承后，需要修改的地方"填坑"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="">
    {% block link %}{% endblock %}
</head>
<body>
{% block headers %}
    <div class="headers" style="color: blue">这是父模板中的headers</div>
{% endblock %}

{% block mian %}
<div class="main">
    {% block contain %}
        <div class="main-contain"></div>
    {% endblock %}
    {% block side %}
        <div class="main-side"></div>
    {% endblock %}
</div>
{% endblock %}
<div class="footer"></div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
{% block script %}{% endblock %}
</body>
</html>

子模板：需要修改的可以在子模板中使用block标签选中更改，不需要修改的不写，既需要继承又需要修改的使用 {{ super() }}

{% extends 'base.html' %}

{% block title %}
    主页
{% endblock %}

{% block link %}
    <link rel="stylesheet" href="">
{% endblock %}

{% block headers %}
    {{ super() }}
    <div>
        <p style="color:crimson">这是子模板中的p标签</p>
    </div>
{% endblock %}

{% block side %}
    <div class="main-side">
        <div>
            ...
        </div>
    </div>
{% endblock %}


@app.route("/p/")
def base_view():
    return render_template("index.html")

在这里插入图片描述

  • 模板包含：有时候，有一部分模板在很多模板中都会使用到，这时候，我们可以把这部分标签抽出来，单独写一个模板页面，模板中只写入这部分html代码，在需要的模板中直接拿过来用即可，在子模板中需要的地方使用{% include “需要的标签模板路径” %}接入。

需要使用到的部分html标签

友情链接：
<a href="https://www.baidu.com">百度</a>
<a href="https://www.sohu.com">搜狐</a>
<a href="https://www.360.com">360</a><br/>
联系电话：151xxxxx

要使用部分标签的模板

{% extends 'base.html' %}

{% block title %}
    主页
{% endblock %}

{% block link %}
    <link rel="stylesheet" href="">
{% endblock %}

{% block headers %}
    {{ super() }}
    <div>
        <p style="color: crimson">这是子模板中的p标签</p>
    </div>
{% endblock %}

{% block side %}
    <div class="main-side">
        <div>
            ...
        </div>
    </div>
{% endblock %}
{% block footer %}
	{% include 'foot_link.html' %}
{% endblock %}

在这里插入图片描述

  • 宏（macro）：将模板中的常用处理逻辑封装起来，方便模板重复调用，很少用到，这里就不在赘述了。

  • 模板过滤器：模板过滤器就是对模板变量，在模板展示渲染的数据进行过滤处理。
    在模板变量显示之前通过模板过滤器对显示内容做最后处理
    常用过滤器：

    • upper： 全部大写
    • lower: 全部小写
    • title: 对每个单词的首字母大写
    • capitalize: 对首字母大写
    • reverse： 字符串倒序
    • sum ： 数字列表求和
    • safe: 不对特殊字符转义
    • replace：替换
    • sort：排序
    • length：长度
@app.route("/tag/")
def tag_view():
    data = {
        "A":"hello",
        "B":"WORLD",
        "C":[1,2,3,4,5],
        "D":"Today is nice day.",
        "date":"2019,10,24",
        "html":"<em>hello</em>"
    }
    return render_template("index.html",{"data":data})

模板中使用过滤器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fruits</title>
</head>
<body>
<ul>
    <li>{{ data.A|lower }}</li>
    <li>{{ data.B|upper }}</li>
    <li>{{ data.C|sum }}</li>
    <li>{{ data.D|title }}</li>
    <li>{{ data.D|capitalize }}</li>
    <li>{{ data.D|reverse }}</li>
    <li>{{ data.date|replace(",","-") }}</li>
    <li>{{ data.html|safe }}</li>
    <li>{{ "haskhflhaljla"|length }}</li>
    <!-- 正序 -->
    <li>{{ [12,54,31,45,2,4,3,99]|sort }}</li>
   	<!-- 倒序 -->
    <li>{{ [12,54,31,45,2,4,3,99]|sort(reverse=True) }}</li>
</ul>
</body>
</html>

在这里插入图片描述

  • 自定义模板过滤器：
# 方法一
def customer_filter(value):
    data = {
        0:"女",
        1:"男"
    }
    return data[value]
# 注册自动义过滤器
app.add_template_filter(customer_filter,"check_sex")

#方法二
@app.template_filter("chenk_sex")  # 装饰器加入自定义过滤器
def customer_filter(value):
    data = {
        0:"女",
        1:"男"
    }
    return data[value]

# 方法三
custom = app.jinja_env
custom.filters["check_sex"] = customer_filter  # 注册自定义过滤器

# 视图函数
@app.route("/filter/")
def filter_view():
    data = {
        "name":"Tom",
        "sex":1,
        "score":90
    }
    return render_template("filter.html",data=data)

在模板中展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>customer filter</title>
     <style>
        table tr td{
            width: 100px;
        }
    </style>
</head>
<body>
<table border="1px" cellspacing="0">
    <tr>
        <td>{{ data.name }}</td>
        <!-- 使用自定义的过滤器 -->
        <td>{{ data.sex|check_sex }}</td>
        <td>{{ data.score }}</td>
    </tr>
</table>
</body>
</html>

在这里插入图片描述

  • 静态资源的加载: {{ url_for(‘static’,filename=“文件的路径”) }}
    在文件夹中保存好要加载的静态文件
    在这里插入图片描述
    在这里插入图片描述
@app.route("/static/")
def static_view():
    return render_template("static.html")

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>static load</title>
</head>
<body>
    <img src="{{ url_for('static',filename='img/a.jpg') }}" alt="">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="{{ url_for('static',filename='js/static.js') }}"></script>
</body>
</html>

在这里插入图片描述

  • 给前端返回json数据：使用jsonify()
    将字典包装（将字典、列表、元祖传入jsonify()中），返回给客户端，客户端以json格式接收
@app.route("/json/")
def json_view():
    data = {
        "name":"Tom",
        "age":20,
        "sex":"男",
        "work":"coder"
    }
    return jsonify(data)

在这里插入图片描述

待更新！！！

Calm_1024
关注
专栏目录
Flask框架详解
weixin_61298367的博客
07-11 2068
flask的框架详解
Flask 框架
mo666777的博客
08-09 5062
Python flask框架基础
flask框架全解
General_zy的博客
01-25 7231
Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架，对于Werkzeug本质是Socket服务端，其用于接收http请求并对请求进行预处理，然后触发Flask框架，开发人员基于Flask框架提供的功能对请求进行相应的处理，并返回给用户，如果要返回给用户复杂的内容时，需要借助jinja2模板来实现对模板的处理，即：将模板和数据进行渲染，将渲染后的字符串返回给用户浏览器。
Python-Flask框架
qq_59294755的博客
11-16 3080
Flask是一个基于python的前端框架
flask框架
weixin_47274990的博客
05-14 6507
flask框架一、flask简介二、初体验三、flask配置1、开启debug模式2、如何正确显示中文2.1、 配置文件的优化四、URL与视图 一、flask简介 flask是一款非常流行的python web框架，它能流行的原因有以下几点： 1、微框架，简洁 2、flask和相应的插件写的很好 3、开发效率非常高，比如使用sqlalchemy操作的数据库可以节省开发者大量书写sql语句的时间 相较于django的优点： django内置了非常完善和丰富的功能，如果想替换成自己想要的，要么不支持，要么
Flask框架
weixin_60670275的博客
07-19 940
flask框架是python中的一个轻量级的前后端开发框架，不同于Django，flask只提供基础的功能，其他的功能需要安装各种插件。因为轻量，所以可以用来做一些小工程和低流量的开发；大型工程也可以使用flask框架，但是就需要安装很多插件。...
Pycharm Flask框架
weixin_48077282的博客
03-02 618
可以更改SQL的属性:Settings -> Language and Frameworks -> SQL Dialects，如下图所示 -也可以用这个框架添加一个新的数据源。创建一个名为squema.sql的文件并添加SQL代码来创建一些表。通过欢迎屏幕创建新项目，您可以轻松创建新的Flask项目。可以设置项目的位置和虚拟环境，并选择模板语言以及模板的位置。对于 Flask 编辑器，运行SQL查询的最简单方法是单击查询中的某处，然后单击检查窗口并单击“Run Query into console”。
详细了解Flask框架的入门
最新发布
Mrsbroken的博客
07-04 3195
Flask 是一个以微核心设计为基础的轻量级 Web 应用框架，它提供了 Web 开发的基础功能，如路由、请求处理和响应构建。这种设计哲学使得 Flask 既简单直观，易于新手上手，又足够灵活，能够满足经验丰富的开发者的需求。开发者可以根据自己的项目需求，选择性地添加各种 Flask 扩展，实现如数据库集成、表单验证等额外功能。Flask 是一个轻量级的 Web 应用框架，它以微核心设计为基础，提供了 Web 开发的基础功能，包括路由、请求处理和响应构建。
flask框架的使用
SergioSilva的博客
02-10 2494
文章目录一、路由二、常用的HTTP方法三、构造URL函数四、MVC设计模型五、渲染模板 一、路由 路由：处理URL和视图函数的这种关系，访问index则执行index视图函数。 from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello World!' # 可变，动态 @app.route('/user/<username>') de
Flask框架原理及使用详解
Aaron_945的博客
06-12 1536
Flask的设计哲学是“微框架”，它只提供了Web开发所需的核心功能，避免了不必要的复杂性和冗余。这使得Flask非常适合快速原型设计和小型到中型Web应用。
qingmi:基于Python3+Flask二次开发的应用层框架
05-29
Qingmi(青咪， 取自 情迷 谐音， 有 亲昵 or 亲密 之意)是一个基于Python3+Flask二次开发的应用层框架， 其内部封装了常用的模块和工具集， 主要用于针对flask web快速高效开发。 安装 pypi安装 pip install qingmi ...
基于Flask框架与百度语音API的五子棋语音控制实现源码
03-25
项目概述：本项目是一个基于Python Flask框架与百度语音API的五子棋语音控制实现。通过整合Web服务和语音识别技术，用户能够以语音命令的方式进行五子棋游戏，增强了游戏的互动性和趣味性。 技术细节： - 主要编程...
Flask框架实战项目源码：复习巩固Flask开发技能的demo演示
03-25
项目标题：Flask框架实战项目——巩固Flask技能的示范应用 项目概述： 本项目采用Python语言为主开发，结合了JavaScript、CSS、HTML等多种技术，旨在通过实际操作复习和巩固Flask框架的开发技能。整个项目包含294个...
基于Flask框架的开源Python博客系统源码
03-25
项目概述：基于Python的Flask框架开源博客系统 本项目是一款基于Python的Flask Web框架开发的博客系统，源代码开放，可供学习和二次开发。技术栈涉及多种编程语言，包括Python、HTML、CSS、JavaScript及PHP，确保了...
基于Flask框架的Funtrip旅游Web应用源码
03-25
项目简介：基于Python的Flask框架开发的旅游Web应用，致力于为用户提供便捷的在线旅游服务体验。 技术栈： - 主要编程语言：Python - 辅助技术：JavaScript, HTML, CSS, PHP 文件构成： - 总文件数：450个 - ...
Python3常用基础一
Calm_1024
08-25 5649
python语言介绍 Python是一种计算机程序设计语言，是一种面向对象的动态类型语言，一种解释型脚本语言，也被称为是“胶水语言”，简洁、易读性以及可扩展性和可移植性强，是一种用途广泛的语言，涉及众多领域，图像处理、web编程、数据分析、爬虫、多媒体应用、大数据、人工智能……等等众多领域。 一、运算符 算术运算符： ‘+’ 加、 ‘-’ 减、 ‘*’ 乘 、 ‘/’ 除以 、 ...
Python中获取随机数
Calm_1024
10-20 797
python中随机数的获取 要使用到两个库
Flask入门（一）
Calm_1024
10-12 642
web框架介绍 web框架：是一种开发框架，用来支持动态网站、网络应用程序及网络服务开发。web框架的本质就是一个socket服务端。 socket服务端：Socket又称"套接字"，应用程序通常通过"套接字"向网络发出请求或者应答网络请求。网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端称为一个socket。建立网络通信连接至少要一对端口号(socket)。socket本质...
python3常用基础三
Calm_1024
09-24 448
逻辑控制语句和循环语句 一、条件语句 if 语句 单分支 # python中的 if语句 a = 10 # if 空格后跟 条件，以:结尾 ，真则执行，假则不执行，python中语句使用缩进区分，4个空格为一个缩进，缩进写错要么执行其他语句，要么报错，要非常注意这一点 if a > 10 : # 条件语句 print(1) # 条件为真执行的语句 if-else 双分...
Python Flask框架模板操作详解
"Python Flask框架模板操作实例分析" Python Flask是一个轻量级的Web服务程序框架，它以简洁、灵活著称。在开发Web应用时，为了将业务逻辑与页面展示内容分离，通常会使用模板技术。Flask框架默认集成的是Jinja2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Calm_1024

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值