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

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

news 2025/12/1 14:27:22

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

利用最小二乘法找圆心和半径

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...

编程新知 2025/12/1 12:18:18

CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型

CVPR 2025 | MIMO：支持视觉指代和像素对齐的医学视觉语言模型论文信息标题：MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者：Yanyuan Chen, Dexuan Xu, Yu Hu…...

编程新知 2025/10/6 14:17:21

Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具

文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据准备一个容器,例如: …...

编程新知 2025/11/27 12:34:52

Python爬虫（一）：爬虫伪装

一、网站防爬机制概述在当今互联网环境中，具有一定规模或盈利性质的网站几乎都实施了各种防爬措施。这些措施主要分为两大类： 身份验证机制：直接将未经授权的爬虫阻挡在外反爬技术体系：通过各种技术手段增加爬虫获取数据的难度…...

编程新知 2025/11/27 14:01:36

mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包

文章目录现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...

编程新知 2025/11/26 5:17:02

AI书签管理工具开发全记录（十九）：嵌入资源处理

1.前言 📝 在上一篇文章中，我们完成了书签的导入导出功能。本篇文章我们研究如何处理嵌入资源，方便后续将资源打包到一个可执行文件中。 2.embed介绍 🎯 Go 1.16 引入了革命性的 embed 包，彻底改变了静态资源管理的…...

编程新知 2025/11/18 8:57:24

管理学院权限管理系统开发总结

文章目录 🎓 管理学院权限管理系统开发总结 - 现代化Web应用实践之路📝 项目概述🏗️ 技术架构设计后端技术栈前端技术栈 💡 核心功能特性1. 用户管理模块2. 权限管理系统3. 统计报表功能4. 用户体验优化 🗄️ 数据库设…...

编程新知 2025/10/23 14:10:35

NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合

在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...

编程新知 2025/11/25 13:21:04

基于SpringBoot在线拍卖系统的设计和实现

摘要随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。在线拍卖系统，主要的模块包括管理员；首页、个人中心、用户管理、商品类型管理、拍卖商品管理、历史竞拍管理、竞拍订单…...

编程新知 2025/11/27 13:22:52

Caliper 负载(Workload)详细解析

Caliper 负载(Workload)详细解析负载(Workload)是 Caliper 性能测试的核心部分，它定义了测试期间要执行的具体合约调用行为和交易模式。下面我将全面深入地讲解负载的各个方面。一、负载模块基本结构一个典型的负载模块(如 workload.js)包含以下基本结构： use strict;/…...

编程新知 2025/10/31 21:11:39

Flask

1、起步

2、渲染项目的首页

3、处理无参数的 GET 请求

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

6、处理 params 参数的 GET 请求

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

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

8、上传文件

数据库操作（mysql）

相关文章：