Flask 框架学习 - 须臾自省

790 字

4 分钟

Flask 框架学习

2025-02-07

编程

Python

前言#

一般Web端的Python招聘会提出要求了解 Tornado, Django 或 Flask 三种框架中的一个，其中 Tornado 用的比较少且难度高，Django 比较全面完善且难度一般，Flask 功能简约难度是最低的。

环境部署#

Flask 的环境依赖于 Python，可以通过 pip 直接按照：

1
pip install flask

编辑器更加推荐 PyCharm。

request 和 Response#

参考 https://blog.csdn.net/j15087159186/article/details/144105300

基础案例#

Hello World!#

python 运行代码后，直接访问 localhost 即可：

1
from flask import Flask
2

3
app = Flask(__name__)
4

5
@app.route('/')
6
def hello_world():
7
    return 'Hello World!'
8

9
if __name__ == '__main__':
10
    app.run()

Debug / Host / Port#

debug=True 支持在不关闭程序的情况下，重新加载应用

1
...
2
if __name__ == '__main__':
3
    app.run(host='0.0.0.0', port='8000', debug=True)

定义不同路径#

1
# 根目录 http://localhost:8000
2
@app.route('/')
3
def hello_world():
4
    return 'Hello World!'
5

6
# 访问路径：http://localhost:8000/profile
7
@app.route('/profile')
8
def profile():
9
    return '我是个人中心!'
10

11
# 访问路径：http://localhost:8000/blog/10086
12
# @app.route('/blog/<blog_id>')
13
@app.route('/blog/<int:blog_id>') # 强制类型
14
# string, int, float, path, uuid, any
15
def blog_detail(blog_id):
16
    return f'您访问的博客是：{blog_id}!'
17

18
# 通过 request 请求实现
19
# /book/list?page=2
20
@app.route('/blog/list')
21
def blog_list():
22
    page = request.args.get("page", default=1, type=int)
23
    return f'您获取的是第{page}页'

Jinjia2#

基础#

Jinjia2 的语法：

控制结构 {% %}
变量取值 {{ }}
注释 {# #}

模板渲染#

参考视频

1
D:.
2
├─app.py
3
└─templates
4
    ├─blog_detail.html
5
    └─index.html

template 中存放的一般都是静态的 html 文件，用于定义网页样式
blog_detail.html 用于显示博客详情
index.html 用于显示博客主页

index.html：

1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>首页</title>
6
</head>
7
<body>
8
首页内容
9
</body>
10
</html>

blog_detail.html：

1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="UTF-8" />
5
    <title>博客详情</title>
6
</head>
7
<body>
8
    <h1>您访问的博客详情是：{{ blog_id }}</h1>
9
</body>
10
</html>

app.py：

1
from flask import Flask, render_template
2

3
app = Flask(__name__)
4

5
@app.route('/')
6
def hello_world():
7
    return render_template('index.html')
8

9
@app.route('/blog/<int:blog_id>')
10
def blog_detail(blog_id):
11
    return render_template('blog_detail.html', blog_id=blog_id)
12

13
if __name__ == '__main__':
14
    app.run(debug=True)

模板访问对象属性#

字典类型的对象可以通过字典或成员变量的方式进行访问。

index.html：

1
<div>username1 = {{ user.username }}</div>
2
<div>email1    = {{ user.email }}</div>
3
<div>username2 = {{ person['username'] }}</div>
4
<div>email2    = {{ person.email }}</div>

app.py：

1
class User:
2
    def __init__(self, username, email):
3
        self.username = username
4
        self.email = email
5

6
@app.route('/')
7
def hello_world():
8
    user = User('1', 'xx@qq.com')
9
    person = {
10
        'username' : '2',
11
        'email': 'yy@qq.com'
12
    }
13
    return render_template('index.html', user=user, person=person)

过滤器使用#

Jinjia2 中过滤器是一种转变变量输出内容的技术。

常用的格式是：{{ 变量 filter(过滤器参数) }}

filter.html：

1
<div>{{ user.username }} / {{ user.username  length }}</div>
2
<div>{{ mytime  dformat }}</div>

app.py：

1
from flask import Flask, render_template
2
from datetime import datetime
3

4
# 自定义过滤器
5
def datetime_format(value, format='%Y-%m-%d %H:%M '):
6
    return value.strftime(format)
7

8
# 添加过滤器
9
app.add_template_filter(datetime_format, 'dformat')
10

11
@app.route('/filter')
12
def filter_demo():
13
    user = User(username='3', email='zzz@qq.com')
14
    mytime = datetime.now()
15
    return render_template('filter.html', user=user, mytime=mytime)

控制语句#

control.html

1
{% if age>18 %}
2
    <div>您已满18岁</div>
3
{% elif age==18 %}
4
    <div>您刚满18岁</div>
5
{% else %}
6
    <div>您未满18岁</div>
7
{% endif %}
8

9
{% for book in books %}
10
    <div>{{book.name}}:{{book.author}}</div>
11
{% endfor %}

app.py：

1
@app.route('/control')
2
def control_statement():
3
    age = 17
4
    books = [{
5
        'name': '11',
6
        'author': 'aa',
7
    },{
8
        'name': '22',
9
        'author': 'bb',
10
    }]
11
    return render_template('control.html', age=age, books=books)

模板继承#

base.html（父模板）：

1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="UTF-8" />
5
    <title>{% block title %} {% endblock %}</title>
6
</head>
7
<body>
8
    <h1>父模板</h1>
9
    {% block body %}
10
    {% endblock %}
11
</body>
12
</html>

child.html（子模板）：

1
{% extends "base.html" %}
2

3
{% block titile %}
4
我是子模版标题
5
{% endblock %}
6

7
{% block body %}
8
我是子模版body
9
{% endblock %}

最终子模板的 block-title 和 block-body 会替换掉父模板的 block。

加载静态文件#

1
D:.
2
├─app.py
3
├─static
4
│  ├─css
5
│  │  └─style.css
6
│  ├─images
7
│  │  └─img.png
8
│  └─js
9
│     └─my.js
10
└─templates
11
   └─index.html

index.html：

1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="UTF-8" />
5
    <title>title</title>
6
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
7
    <script src="{{ url_for('static', filename='js/my.js') }}"></script>
8
</head>
9
<body>
10
<img src="{{ url_for('static', filename='images/img.png') }}" alt="">
11
</body>
12
</html>