FastAPI+Vue3零基础开发ERP系统项目实战课 20240831上课笔记 查询参数和分页实现

本文主要是介绍FastAPI+Vue3零基础开发ERP系统项目实战课 20240831上课笔记 查询参数和分页实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

回顾

  • 获取路径参数
  • 什么是路径参数?/user/{id}
  • 什么时候使用?需要传递参数
  • 怎么实现类型转换?声明参数的类型
  • 怎么捕获文件路径?{file_path:path}

什么是查询参数

查询字符串是键值对的集合,这些键值对位于 URL 的 ? 之后,以 & 分隔。

http://127.0.0.1:8000/items/?skip=0&limit=10

上面的 skip=0&limit=10 就是查询参数,表示:

  • skip:0
  • limit:10

怎么定义查询参数

示例代码:

from fastapi import FastAPIapp = FastAPI()fake_items_db = [{"item_name": "Foo"}, {"item_name": "Bar"}, {"item_name": "Baz"}]@app.get("/items/")
async def read_item(skip: int = 0, limit: int = 10):return fake_items_db[skip : skip + limit]

这段代码中,没有路径参数,但是又有其他的方法参数:

@app.get("/items/")
async def read_item(skip: int = 0, limit: int = 10):

在方法参数中,除了路径参数之外,就是查询参数。

所以定义查询参数,实际上就是定义方法的参数。

案例:分页查询

在这里插入图片描述

当数据量非常大的时候,我们使用一个网页可能放不下那么多数据,所以就需要把数据分成一组一组的进行返回并渲染。这里的一组数据就是一页数据,每页数据到底有多少条这个叫每页的数量。分页一般用page表示,每页数量一般用size表示。

比如我们说访问第三页数据,实际上就是page=3的时候,返回的数据。

这里的page和size一般来讲就是查询参数,查询参数一般是放在GET方法中,用来作为查询数据的过滤条件的参数。

简单案例:

from fastapi import FastAPIapp = FastAPI()# 查询用户
@app.get("/user")
async def get_user(page: int = 1, size: int = 20):"""查询用户信息:param page: 第几页:param size: 每页数量:return: 分页用户信息"""return {"page": page,"size": size,"count": 1000,  # 数据库里面符合查询条件的数据个数"data": [  # 当前页的具体信息{"id": 1, "name": "张三", "age": 23},{"id": 2, "name": "李四", "age": 33},{"id": 3, "name": "王五", "age": 25},]}if __name__ == '__main__':import uvicornuvicorn.run(app, host='0.0.0.0', port=8888)

使用postman进行测试:
在这里插入图片描述

练习:返回所有用户

生成1000条用户信息,当我访问 http://127.0.0.1:8888/user?page=1&size=1000 把所有1000条用户信息,全部给我返回。每一条用户信息要包含ID,姓名,年龄三个字段。要求姓名不能重复,年龄不能全部相同,ID要唯一。

from fastapi import FastAPIapp = FastAPI()# 查询用户
@app.get("/user")
async def get_user(page: int = 1, size: int = 20):"""查询用户信息:param page: 第几页:param size: 每页数量:return: 分页用户信息"""data = []for i in range(1, 1001):data.append({"id": i, "name": f"张三{i}", "age": 20 + i % 10})return {"page": page,"size": size,"count": 1000,  # 数据库里面符合查询条件的数据个数"data": data}if __name__ == '__main__':import uvicornuvicorn.run(app, host='0.0.0.0', port=8888)

代码优化

from fastapi import FastAPIdata = []
for i in range(1, 1001):data.append({"id": i, "name": f"张三{i}", "age": 20 + i % 10})
app = FastAPI()# 查询用户
@app.get("/user")
async def get_user(page: int = 1, size: int = 20):"""查询用户信息:param page: 第几页:param size: 每页数量:return: 分页用户信息"""return {"page": page,"size": size,"count": len(data),  # 数据库里面符合查询条件的数据个数"data": data}if __name__ == '__main__':import uvicornuvicorn.run(app, host='0.0.0.0', port=8888)

练习:只需要返回前20条数据

现在是整个1000条数据都返回了,我现在只想要前20条,也就是第一页的数据。

@app.get("/user")
async def get_user(page: int = 1, size: int = 20):"""查询用户信息:param page: 第几页:param size: 每页数量:return: 分页用户信息"""return {"page": page,"size": size,"count": len(data),  # 数据库里面符合查询条件的数据个数"data": data[:size]}

练习:想要第二页的20条数据

第一页:切片 [0:20]

第二页:切片 [20:40]

第三页:切片 [40:60]

用代码表示:page=2 size=20

  • page:1 size:20 ===>> start:0 end:20
  • page:2 size:20 ===>> start:20 end:40
  • page:3 size:20 ===>> start:40 end:60

end = start + size

  • start=0 size=20 end=0+20=20
  • start=20 size=20 end=20+20=40
  • start=40 size=20 end=40+20=60

start = (page - 1) x size

  • page=1 size=20 start=(1-1) x 20=0x20=0
  • page=2 size=20 start=(2-1)x20=1x20=20
  • page=3 size=20 start=(3-1)x20=2x20=40
@app.get("/user")
async def get_user(page: int = 1, size: int = 20):"""查询用户信息:param page: 第几页:param size: 每页数量:return: 分页用户信息"""start = (page - 1) * sizeend = start + sizereturn {"page": page,"size": size,"count": len(data),  # 数据库里面符合查询条件的数据个数"data": data[start:end]}

使用postman测试:
在这里插入图片描述

遗留的问题

  • 3、FastAPI
  • 4、MySQL8
  • 5、SQLModel,和FastAPI框架是同一个作者,两者结合比较好用,但是学习成本较高,使用难度稍大
  • 6、Vue3
  • 7、Tailwindcss
  • 8、Ant Design Vue,UI组件库
  • 9、数据同步:有一个API,这个API提供了一些数据,需要在ERP系统中进行展示。
  • 10、登录注册需要吗?需要
  • 11、第三方平台管理:对接哪些接口平台飞书,钉钉,聚水潭等等
  • 12、用户管理
  • 13、Docker
  • 14、Linux
  • 15、Nginx
  • 16、项目部署实战

这篇关于FastAPI+Vue3零基础开发ERP系统项目实战课 20240831上课笔记 查询参数和分页实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1129676

相关文章

springboot项目中常用的工具类和api详解

《springboot项目中常用的工具类和api详解》在SpringBoot项目中,开发者通常会依赖一些工具类和API来简化开发、提高效率,以下是一些常用的工具类及其典型应用场景,涵盖Spring原生... 目录1. Spring Framework 自带工具类(1) StringUtils(2) Coll

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

openCV中KNN算法的实现

《openCV中KNN算法的实现》KNN算法是一种简单且常用的分类算法,本文主要介绍了openCV中KNN算法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录KNN算法流程使用OpenCV实现KNNOpenCV 是一个开源的跨平台计算机视觉库,它提供了各

OpenCV图像形态学的实现

《OpenCV图像形态学的实现》本文主要介绍了OpenCV图像形态学的实现,包括腐蚀、膨胀、开运算、闭运算、梯度运算、顶帽运算和黑帽运算,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起... 目录一、图像形态学简介二、腐蚀(Erosion)1. 原理2. OpenCV 实现三、膨胀China编程(

通过Spring层面进行事务回滚的实现

《通过Spring层面进行事务回滚的实现》本文主要介绍了通过Spring层面进行事务回滚的实现,包括声明式事务和编程式事务,具有一定的参考价值,感兴趣的可以了解一下... 目录声明式事务回滚:1. 基础注解配置2. 指定回滚异常类型3. ​不回滚特殊场景编程式事务回滚:1. ​使用 TransactionT

MySQL高级查询之JOIN、子查询、窗口函数实际案例

《MySQL高级查询之JOIN、子查询、窗口函数实际案例》:本文主要介绍MySQL高级查询之JOIN、子查询、窗口函数实际案例的相关资料,JOIN用于多表关联查询,子查询用于数据筛选和过滤,窗口函... 目录前言1. JOIN(连接查询)1.1 内连接(INNER JOIN)1.2 左连接(LEFT JOI

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

使用Python实现全能手机虚拟键盘的示例代码

《使用Python实现全能手机虚拟键盘的示例代码》在数字化办公时代,你是否遇到过这样的场景:会议室投影电脑突然键盘失灵、躺在沙发上想远程控制书房电脑、或者需要给长辈远程协助操作?今天我要分享的Pyth... 目录一、项目概述:不止于键盘的远程控制方案1.1 创新价值1.2 技术栈全景二、需求实现步骤一、需求