当前位置：首页 > news >正文

python 学习笔记（6）—— Flask 、MySql

news 2026/2/9 5:22:10

Flask

1、起步

2、渲染项目的首页

3、处理无参数的 GET 请求

4、处理有 query 参数的 GET 请求

6、处理 params 参数的 get 请求

6、处理 application/json 类型请求体的 POST 请求

7、根据参数渲染模板页面

8、上传文件

数据库操作（mysql）

Flask

1、起步

先创建一个项目的文件夹，然后在该文件夹下初始化一个虚拟环境。虚拟环境建设好后，文件夹下将有一个 venv 的目录。

# python 3版本 创建虚拟环境：
py -3 -m venv venv# 激活虚拟环境
venv\Scripts\activate# 安装 flask
pip install flask

依次创建 flaskr、flaskr/static、flaskr/templates、tests目录：

flaskr目录：包含应用代码和文件的 Python 包；

/static：存放静态文件，如图片等；

/templates：可以用来存放 html 文件，用于服务端渲染；

test 目录：用来存放测试类型的文件；

2、渲染项目的首页

from flask import Flask
from flask import render_template
from flask_cors import CORS# 创建该类的实例
app = Flask(__name__)
CORS(app, resources={r'/*': {'origins' :'*'}})      # 同源策略解决方法# 使用装饰器设定匹配的URL，如果命中，则执行下面的函数；默认是 get 请求
@app.route('/')
def default_page():# 返回指定的页面，是项目下 templates 下的文件return render_template('index.html')if __name__ == '__main__':# 运行该服务，监听的端口为 9090，host=‘0.0.0.0’表示接受公开访问app.run(port=9090, host='0.0.0.0')

# templates/index.js<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>h1{ color: brown; }</style>
</head>
<body><h1>Hello, welcome to the first page.</h1>
</body>
</html>

3、处理无参数的 GET 请求

改造 index.html 文件，让请求和结果展示在当前界面完成：

# templates/index.js<body><h1>Hello, welcome to the first page.</h1><ul><li><button onclick="get_request('get_datetime', '.datetime')">click to get datetime</button><p class="datetime"></p></li></ul>
<script>function get_request(path, renderElement, query='', callback){const xhr = new XMLHttpRequest()xhr.open('GET', `http://192.168.145.135:9090/${path}${query ?  `?${query}` : ''}`)xhr.onreadystatechange = () => {if(xhr.readyState === 4 && xhr.status){document.querySelector(renderElement).innerText = xhr.responsecallback ? callback(xhr.response) : ''}}xhr.send()}
</script>
</body>

# 规定匹配的路径为 /get_time 或 /get_time?
@app.route('/get_datetime')
def get_datetime():return datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')

4、处理有 query 参数的 GET 请求

/templates/index.html 中新增的内容：

        <li><input class="name" type="text" placeholder="please input you name"><select class="gender" name="" id=""><option value="man">man</option><option value="woman">woman</option></select><button onclick="request_args()">click to get datetime</button><p class="name-gender"></p></li><script>function request_args(){let name = document.querySelector('.name').valuelet gender = document.querySelector('.gender').valueget_request('get_with_args', '.name-gender', `name=${name}&gender=${gender}`)}
</script>

from flask import Flask,request@app.route('/get_with_args')
def get_with_args():args = request.args# 各参数可以从 request 实例上去获取# print(args['name'], args['gender'])name = args['name']gender = args['gender']return f'你好，帅气的{name}先生' if gender == 'man' else f'你好，美丽的{name}小姐'

关于 request 更多内容可以参考： https://flask.net.cn/api.html#incoming-request-data

6、处理 params 参数的 GET 请求

html 文件新增的测试内容：

        <li><input class="nickname" type="text" placeholder="input nickname"><input class="age" type="number" placeholder="input age"><button onclick="sendParams()">click to send params</button><p class="nickname-and-age"></p></li><script>const sendParams = () => {let nickname = document.querySelector('.nickname').valuelet age = document.querySelector('.age').valueget_request(`test-params/${nickname}/${age}`, '.nickname-and-age', '', (resdata)=>{let strong = document.createElement('strong')let obj = JSON.parse(resdata)strong.innerText = `response data: nickname: ${obj.nickname}; age: ${obj.age}`document.querySelector('.nickname-and-age').append(strong)})}
</script>

# 两个 params 参数都必须传， 预定义 nickname 参数为字符串，age 为整型
@app.route('/test-params/<string:nickname>/<int:age>')
def test_params(nickname, age):return {'nickname':nickname,'age':age}

6、处理 application/json 类型请求体的 POST 请求

index.html 文件中新增的内容：

        <li><input class="username" type="text"><input class="passwd" type="password"><button class="post-btn">click to post</button><p class="post-res"></p></li><script>document.querySelector('.post-btn').addEventListener('click',()=>{fetch('http://localhost:9090/test-post',{method:'post',body:JSON.stringify({username:document.querySelector('.username').value,passwd:document.querySelector('.passwd').value}),headers:{'Content-Type':'application/json','auth':'abcdefg---6789'}}).then(res => res.text()).then(data=>{document.querySelector('.post-res').innerText = data})})
</script>

@app.route('/test-post', methods=['post'])
def test_post():str = (request.data).decode()print(str)obj = json.loads(str)print(obj['username'])print(request.json['username'])# print(request.get_data())           # 与 request.data 一致,是字符串类型# print(request.json)                 # 是dict类型return 'ok'

7、根据参数渲染模板页面

index.js 中添加的内容：

        <li><input type="text" placeholder="your address" class="_address"><input type="text" placeholder="your name" class="_name"><button class="to-new-page">click to new page with data</button></li><script>document.querySelector('.to-new-page').addEventListener('click', ()=>{address = document.querySelector('._address').valuename = document.querySelector('._name').value# 在新的窗口中访问window.open(`http://localhost:9090/new-page?address=${address}&name=${name}`)})
</script>

新创建两个 html：

# new-page.html   当有 name 时返回的页面，可以没有address<body>{% if address %}<h1>Hi {{name}}, we know your address is {{address}}.</h1>{% else %}<h1>Hello {{name}}!</h1>{% endif %}<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.bVb769JBdzVZYuksxZ2Y-AHaEo?pid=ImgDet&rs=1" alt="">
</body>

# 404.html<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>404</title><style>body,html{margin: 0;padding: 0;}.outer{width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center;}.num{width: 100px;height: 100px;font-size: 5rem;font-weight: 900;text-shadow: 3px 3px 3px #aaa;}.num:nth-child(2n){ color: brown; }.num:nth-child(2n + 1){ color: chocolate; }.num:nth-child(4){ width: auto; }</style>
</head>
<body><div class="outer"><div class="num">4</div><div class="num">0</div><div class="num">4</div><div class="num">no found</div></div>
</body>

# 可以直接访问
@app.route('/new-page')
def new_page():# 设置 address 和 name 都不是必传参数address = request.args['address'] if request.args else ''name = request.args['name'] if request.args else ''if name:                    # 往模板页面传递两个参数return render_template('another.html', address=address, name=name)else:# 如果没有名字，则返回 404 的页面return render_template('404.html')

8、上传文件

index.html 中新增的内容：

        <li><input type="file" accept=".jpg,.png,.gif" id="file"><button class="upload-file" onclick="uploadFile()">upload file</button><p class="upload-file-res"></p></li><script>function uploadFile(){let files = document.querySelector('#file').filesconst formdata = new FormData()formdata.append('file', files[0])formdata.append('time', new Date().getTime())fetch('http://localhost:9090/upload-file',{method:'post',body:formdata}).then(res=>res.text()).then(data=>{console.log(data)})}
</script>

@app.route('/upload-file', methods=['post'])
def upload_file():if 'file' not in request.files:return 'upload fail'file = request.files['file']if file.filename == '':return 'filename no found'file.save(f'./{file.filename}')        # 保存图片到本地return 'ok'

关于 flask 文件上传的更安全的处理：上传文件_Flask中文网

数据库操作（mysql）

安装 pymysql：

pip install pymysql

import pymysql# 连接指定数据库
conn = pymysql.connect(host='localhost', user='root',password='abcdef',database='python_study',charset='utf8')# 定义一个游标对象，靠游标对象来执行sql 以及获取 结果
#cursor = conn.cursor()          # 默认是元组形式的结果# 将游标对象定义为 字典 类型，进而更方便地获取数据
from pymysql.cursors import DictCursor
cursor = conn.cursor(DictCursor)            # 创建游标，定义返回的数据类型是字典

查询语句的执行和结果获取：

# 创建并执行 执行sql语句
sql = 'select * from student'
cursor.execute(sql)# 获取执行的结果集 所有数据
res = cursor.fetchall()
print(res)# res = cursor.fetchmany(3)                   # 获取前三条结果

关于更新类的操作（增、删、改）：

# 更新一条数据
sql = "update student set age = 9 where num = '1000'"
cursor.execute(sql)
conn.commit()                       # 显式提交更新操作# 新增一条数据，注意格式化的sql语句，如果有引号的要加上引号
name = '许九'
age = 10
gender = '男'
num = '1006'
sql = f"insert into student values ('{name}','{num}','{gender}',{age});"
cursor.execute(sql)
conn.commit()

最后需要关闭连接：

# 关闭连接
conn.close()

如果连接的时候报错：RuntimeError: 'cryptography' package is required for sha256_password or caching_sha2_password auth methods

该错误指出需要 'cryptography' 包来处理 'sha256_password' 或 'caching_sha2_password' 的认证方式。

这可能是因为 Python 环境中缺少了 'cryptography' 包。这个包是一个 Python 的加密库，它提供了许多加密算法的实现，包括 'sha256_password' 和 'caching_sha2_password' 这两种 MySQL 的密码加密方式。

直接安装这个包然后再运行程序即可：

pip install cryptography

参考：

[1] flask获取post请求参数_flask post参数_阿常呓语的博客-CSDN博客

[2] 快速上手_Flask中文网

python 学习笔记（6）—— Flask 、MySql

目录 Flask 1、起步 2、渲染项目的首页 3、处理无参数的 GET 请求 4、处理有 query 参数的 GET 请求 6、处理 params 参数的 get 请求 6、处理 application/json 类型请求体的 POST 请求 7、根据参数渲染模板页面 8、上传文件数据库操作（mysql&#xff0…...

编程日记 2023/9/19 22:46:25

1. 系统环境 Deepin20.9 2. 在线安装 # apt install -y vsftp //安装ftp服务软件 # apt install -y db-util //安装虚拟用户密码库处理软件 3. 离线安装 3.1 下载依赖包 # apt-get download $(apt-cache depends --recurse --no-recommends --no-suggests --n…...

编程日记 2023/9/19 22:45:24

OpenpyxlWriter‘ object has no attribute ‘save‘

问题将实验结果保存为EXCEL，报错“OpenpyxlWriter‘ object has no attribute ‘save‘” data_df pd.DataFrame(Experiment_result) #关键1，将ndarray格式转换为DataFrame writer pd.ExcelWriter(./results/ args.model_num _args.data_name …...

编程日记 2023/9/19 22:42:22

ES6(三)

文章目录 Promise概念作用回调地狱Promise使用对象的状态Promise.allPromise.race Generator 函数概念基本语法异步流程 Class语法类的写法getter与setter静态属性和静态方法继承模块化 Promise 概念 Promise 是异步编程的一种解决方案，比传统的解决方案回调函数,…...

编程日记 2023/9/19 22:39:17

Android 数据库封装（SQLite）

Android 数据库操作（SQLite） Android 数据库操作（SQLite）动态预览使用初始化生成表实体类插入数据批量插入删除数据删除全部修改数据查找（列表）查找（单条）条件查找（列表&…...

编程日记 2023/9/19 22:36:14

Git从入门到起飞(详细)

Git从入门到起飞 Git从入门到起飞什么是Git？使用git前提(注册git)下载Git在Windows上安装Git在macOS上安装Git在Linux上安装Git 配置Git配置全局用户信息配置文本编辑器创建第一个Git仓库初始化仓库拉取代码添加文件到仓库提交更改推送 Git基本操作查看提交历史比较…...

编程日记 2023/9/19 22:35:14

R读写parquet文件

什么是parquet文件 Apache Parquet是一个开源的，列存储的数据文件格式。 https://parquet.apache.org/ 在R里面，我们可以通过arrow包来读写它。我们先安装一下arrow包，并加载它。 install.packages("arrow") library(arrow)读写…...

编程日记 2023/9/19 22:34:13

Java21 LTS版本

一、前言除了众所周知的 JEP 之外，Java 21 还有更多内容。首先请确认 java 版本： $ java -version openjdk version "21" 2023-09-19 OpenJDK Runtime Environment (build 2135-2513) OpenJDK 64-Bit Server VM (build 2135-2513, mixed mo…...

编程日记 2023/9/19 22:33:12

【性能优化】虚拟懒加载（下拉滚动加载长列表）element-puls+el-table

目录前言一、卡顿的原因？二、解决1、滚动懒加载2.官方总结前言提示：这里可以添加本文要记录的大概内容： 在element-plus中，如果数据超过1k，就会感觉到明显的卡顿，应该是渲染的卡顿吧。反正我在请求回…...

编程日记 2023/9/19 22:32:11

一对多映射处理

8.3.1 、collection /** * 根据部门id查新部门以及部门中的员工信息 * param did * return */ Dept getDeptEmpByDid(Param("did") int did);<resultMap id"deptEmpMap" type"Dept"> <id property"did" column"did&quo…...

编程日记 2023/9/19 22:31:10

关于IDEA没有显示日志输出？IDEA控制台没有显示Tomcat Localhost Log和Catalina Log 怎么办？

问题描述： 原因是;CATALINA_BASE里面没有相关的文件配置。而之前学习IDEA的时候，把这个文件的位置改变了。导致，最后输出IDEA的时候，不会把日志也打印出来。检查IDEA配置; D:\work_soft\tomcat_user\Tomcat10.0\bin 在此目录下&…...

编程日记 2023/9/19 22:27:06

蛇形填数 rust解法

蛇形填数。在nn方阵里填入1，2，…，nn，要求填成蛇形。例如，n＝4时方阵为： 10 11 12 1 9 16 13 2 8 15 14 3 7 6 5 4 解法如下： use std::io;fn main() {let mut buf String::new();…...

编程日记 2023/9/19 22:26:05

一文探索SD-WAN技术进阶后与MPLS的区别

在网络通信领域，随着云计算和大数据等新兴技术的快速发展，企业对于网络的可靠性、安全性以及带宽的需求越来越高。 SD-WAN（软件定义广域网）和MPLS（多协议标签交换）是两种不同的网络连接技术，它们…...

编程日记 2023/9/19 22:23:02

RocketMq(四)消息分类

一、普通消息 1、同步发送消息：指的是Producer发出⼀条消息后，会在收到MQ返回的ACK之后才发下⼀条消息。该方式的消息可靠性最高，但消息发送效率低。二、顺序消息三、延时消息...

编程日记 2023/9/19 22:22:02

ip地址怎么改网速快

在当今高度依赖互联网的时代，快速稳定的网络连接对于人们的生活和工作至关重要。然而，有时我们可能会遇到网络速度缓慢的问题。虽然更改IP地址并不能直接影响网络速度，但它可以成为改善网络连接的一种策略之一。虎观代理小二二将探讨如何通过…...

编程日记 2023/9/19 22:19:59

植物大战僵尸各种僵尸攻略（四）

编程日记 2023/9/19 22:18:59

main函数中两个参数的作用

一般我们在使用C语言时不太用到main函数自带的参数，因此最常见的main函数就像下面这样。 int main() {...... }上面这种main函数是省略了其形参的，C语言中规定main函数的参数只能有两个，习惯上这两个参数写为argc和argv，其中&…...

编程日记 2023/9/19 22:12:53

华为OD机试 - 连续字母长度 - 字符串（Java 2023 B卷 100分）

目录专栏导读一、题目描述二、输入描述三、输出描述1、输入2、输出3、说明4、再输入5、输出6、说明四、解题思路五、Java算法源码六、效果展示1、输入2、输出3、说明华为OD机试 2023B卷题库疯狂收录中，刷题点这里专栏导读本专栏收录于《华为OD机试&#xff08…...

编程日记 2023/9/19 22:10:51

想要精通算法和SQL的成长之路 - 填充书架

想要精通算法和SQL的成长之路 - 填充书架前言一. 填充书架1.1 优化前言想要精通算法和SQL的成长之路 - 系列导航一. 填充书架原题链接题目中有一个值得注意的点就是： 需要按照书本顺序摆放。每一层当中，只要厚度不够了，当前层最高…...

编程日记 2023/9/19 22:09:51

【ROS入门】ROS的核心概念

文章结构通信机制节点(Node)——执行单元节点管理器(ROS Master)——控制中心话题通信——异步通信机制话题(Topic)消息(Message)——话题数据服务通信——同步通信机制服务(Service) 话题和服务的区别参数(Parameter)——全局共享字典文件系统功能包（Package&am…...

编程日记 2023/9/19 22:08:50

.Net框架，除了EF还有很多很多......

文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...

编程新知 2026/2/1 19:26:16

全面解析各类VPN技术：GRE、IPsec、L2TP、SSL与MPLS VPN对比

目录引言 VPN技术概述 GRE VPN 3.1 GRE封装结构 3.2 GRE的应用场景 GRE over IPsec 4.1 GRE over IPsec封装结构 4.2 为什么使用GRE over IPsec？ IPsec VPN 5.1 IPsec传输模式（Transport Mode） 5.2 IPsec隧道模式（Tunne…...

编程新知 2025/11/3 0:44:41

DingDing机器人群消息推送

文章目录 1 新建机器人2 API文档说明3 代码编写 1 新建机器人点击群设置下滑到群管理的机器人，点击进入添加机器人选择自定义Webhook服务点击添加设置安全设置，详见说明文档成功后，记录Webhook 2 API文档说明点击设置说明查看自…...

编程新知 2026/1/30 4:18:53

如何应对敏捷转型中的团队阻力

应对敏捷转型中的团队阻力需要明确沟通敏捷转型目的、提升团队参与感、提供充分的培训与支持、逐步推进敏捷实践、建立清晰的奖励和反馈机制。其中，明确沟通敏捷转型目的尤为关键，团队成员只有清晰理解转型背后的原因和利益，才能降低对变化的…...

编程新知 2026/2/4 16:04:15

【C++】纯虚函数类外可以写实现吗？

1. 答案先说答案，可以。 2.代码测试 .h头文件 #include <iostream> #include <string>// 抽象基类 class AbstractBase { public:AbstractBase() default;virtual ~AbstractBase() default; // 默认析构函数public:virtual int PureVirtualFunct…...

编程新知 2026/2/7 17:44:12

uniapp 实现腾讯云IM群文件上传下载功能

UniApp 集成腾讯云IM实现群文件上传下载功能全攻略一、功能背景与技术选型在团队协作场景中，群文件共享是核心需求之一。本文将介绍如何基于腾讯云IMCOS，在uniapp中实现： 群内文件上传/下载文件元数据管理下载进度追踪跨平台文件预览二…...

编程新知 2025/9/14 20:44:53

pycharm 设置环境出错

pycharm 设置环境出错 pycharm 新建项目，设置虚拟环境，出错 pycharm 出错 Cannot open Local Failed to start [powershell.exe, -NoExit, -ExecutionPolicy, Bypass, -File, C:\Program Files\JetBrains\PyCharm 2024.1.3\plugins\terminal\shell-int…...

编程新知 2026/1/16 15:03:10

PH热榜 | 2025-06-08

1. Thiings 标语：一套超过1900个免费AI生成的3D图标集合介绍：Thiings是一个不断扩展的免费AI生成3D图标库，目前已有超过1900个图标。你可以按照主题浏览，生成自己的图标，或者下载整个图标集。所有图标都可以在个人或…...

编程新知 2026/1/29 5:50:06

【若依】框架项目部署笔记

参考【SpringBoot】【Vue】项目部署_no main manifest attribute, in springboot-0.0.1-sn-CSDN博客多一个redis安装准备工作： 压缩包下载：http://download.redis.io/releases 1. 上传压缩包，并进入压缩包所在目录，解压到目标…...

编程新知 2026/2/4 19:11:52

Element-Plus：popconfirm与tooltip一起使用不生效？

你们好，我是金金金。场景我正在使用Element-plus组件库当中的el-popconfirm和el-tooltip，产品要求是两个需要结合一起使用，也就是鼠标悬浮上去有提示文字，并且点击之后需要出现气泡确认框代码 <el-popconfirm title"是…...

编程新知 2026/1/31 1:09:47

Flask

1、起步

2、渲染项目的首页

3、处理无参数的 GET 请求

4、处理有 query 参数的 GET 请求

6、处理 params 参数的 GET 请求

6、处理 application/json 类型请求体的 POST 请求

7、根据参数渲染模板页面

8、上传文件

数据库操作（mysql）

相关文章：