轻量级web开发框架之Flask web开发框架学习:get请求数据的发送

Flask是一个使用 Python 编写的轻量级 Web 应用框架,简介灵活,可快速构建开发框架。

协作流程示例

bash 复制代码
客户端请求 → Web服务器(Nginx) → WSGI服务器(Gunicorn/uWSGI)
              ↓
            WSGI协议传递请求数据(environ/start_response)
              ↓
          Flask应用对象处理请求 → 调用视图函数生成响应
              ↓
            WSGI服务器返回响应 → 客户端:ml-citation{ref="2,6" data="citationList"}

第一个flask服务器案例

安装:执行终端命令 pip install flask

bash 复制代码
pip install flask

执行结果

创建一个flask项目

css 复制代码
import flask

# 创建一个flask对象(是一个web服务器程序)
app = flask.Flask(__name__)

# 路由设置,一般斜杠都是默认访问的是首页,一般定位到index功能页面
@app.route('/')
def index():
    # 业务逻辑处理
    html = '''
            <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>flask</title>
        </head>
        <body>
            <h1>hello world</h1>
            <a href="chinese">中文</a>
            <a href="https://www.baidu.com">百度</a>
        </body>
        </html>
    '''
    return html

# 处理中文路由问题
@app.route('/chinese')
def chinese():
    # 业务逻辑处理
    html = '''
                <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <title>flask</title>
            </head>
            <body>
                <h1>hello world</h1>
                <a href="/">英文</a>
                <a href="https://www.baidu.com">百度</a>
            </body>
            </html>
        '''
    return html

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

启动项目

启动后页面如下

点击中文

点击百度

flask服务端的请求方式

最常见的请求方式是get请求,本质上是获取信息的意思,例如,打开百度搜索python,get请求的请求参数是会在地址栏中直接显示明文的

flask演示get请求的发送方式

不传送数据

创建一个flask请求

css 复制代码
import flask

app = flask.Flask(__name__)

@app.route('/')
def login():
    # 获取浏览器端get请求发送过来的数据,get请求的特点是可以在浏览器地址栏中显示数据,
    # 是明文显示方式,也意味着这种访问方式是不安全的
    user = flask.request.values.get('user','')
    sex = flask.request.values.get('sex','')
    return f'您发送的数据为:{user = }, {sex = }'

if __name__ == '__main__':
    app.run(debug=True)
css 复制代码
http://127.0.0.1:5000/

传送数据

css 复制代码
http://127.0.0.1:5000/?user=%E5%BC%A0%E9%A3%9E&sex=%E5%A5%B3
相关推荐
meilindehuzi_a24 分钟前
Vue3组件样式隔离与组件通信实战:从 scoped、props 校验到记事本应用
前端·javascript·vue.js
LaughingZhu26 分钟前
Product Hunt 每日热榜 | 2026-07-28
前端·神经网络·react.js·搜索引擎·前端框架
陈随易8 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js8 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC8 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端8 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
_lucas9 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
前端糕手9 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
min(a,b)10 小时前
学习第 4 天:面向对象与异常处理
python·学习·学习方法
一只小菜鸡..10 小时前
南京大学 操作系统 (JYY) 学习笔记:进程地址空间与内存“外挂”魔法
笔记·学习