strapi 创建表并插入数据 实现分页 排序 字段查询 模糊 精准 时间范围等 --前端再也不需要后端 看这一篇就足够了

创建一个表并且插入一些数据

创建表

插入表字段

创建完字段以后进入到下面进行创建数据

创建完数据以后按照我下面的打开视图的查询权限

把查询勾选上

保存以后调用接口查看是否能拿到数据

比如我创建了一个student的视图访问就能看到数据了

javascript 复制代码
http://localhost:1337/api/students

分页

获取第 1 页,每页 10 条数据(默认)

javascript 复制代码
GET /api/students?pagination[page]=1&pagination[pageSize]=10

获取第 2 页,每页 10 条数据

javascript 复制代码
GET /api/students?pagination[page]=2&pagination[pageSize]=10

获取所有数据(禁用分页)

javascript 复制代码
GET /api/students?pagination[pageSize]=-1

查询年龄为 20 的学生

javascript 复制代码
GET /api/students?filters[age][$eq]=20

查询名称为张三的学生

javascript 复制代码
GET /api/students?filters[name][$eq]=张三

多条件精准查询(并且关系)

javascript 复制代码
GET /api/students?filters[age][$eq]=20&filters[name][$eq]=张三

查询姓名包含 "张" 的学生

javascript 复制代码
GET /api/students?filters[name][$contains]=张

不区分大小写的模糊查询

javascript 复制代码
GET /api/students?filters[name][$containsi]=zhang

时间查询

假设存在 birthDate 或 createdAt 时间字段:

查询 2000 年之后出生的学生

javascript 复制代码
GET /api/students?filters[birthDate][$gt]=2000-01-01

查询 2000-2005 年之间出生的学生

javascript 复制代码
GET /api/students?filters[birthDate][$gte]=2000-01-01&filters[birthDate][$lte]=2005-12-31

查询今天创建的学生

javascript 复制代码
GET /api/students?filters[createdAt][$gte]=2023-10-05&filters[createdAt][$lte]=2023-10-05T23:59:59

常用时间操作符:

$gt: 大于

$gte: 大于等于

$lt: 小于

$lte: 小于等于

其他常用条件查询

查询年龄在 18-22 之间的学生

javascript 复制代码
GET /api/students?filters[age][$between][0]=18&filters[age][$between][1]=22

查询年龄为 18、20、22 的学生

javascript 复制代码
GET /api/students?filters[age][$in][0]=18&filters[age][$in][1]=20&filters[age][$in][2]=22

查询年龄不为 18 的学生

javascript 复制代码
GET /api/students?filters[age][$ne]=18

排序

按年龄升序排列(默认)

javascript 复制代码
GET /api/students?sort=age

按年龄降序排列

javascript 复制代码
GET /api/students?sort=age:desc

先按年龄降序,再按姓名升序

javascript 复制代码
GET /api/students?sort[0]=age:desc&sort[1]=name:asc

组合查询

可以将分页、过滤、排序等参数组合使用:

组合示例:查询姓名含"张"、年龄20-25岁的学生,按年龄降序,取第1页10条

javascript 复制代码
GET /api/students?filters[name][$contains]=张&filters[age][$between][0]=20&filters[age][$between][1]=25&sort=age:desc&pagination[page]=1&pagination[pageSize]=10
相关推荐
明月_清风1 小时前
打字机效果优化:用 requestAnimationFrame 缓冲高频文字更新
前端·javascript
明月_清风1 小时前
Markdown 预解析:别等全文完了再渲染,如何流式增量渲染代码块和公式?
前端·javascript
程序猿的程14 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图
前端·javascript
大雨还洅下15 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?
javascript
唐叔在学习15 小时前
[前端特效] 左滑显示按钮的实现介绍
前端·javascript
青青家的小灰灰15 小时前
深入理解事件循环:异步编程的基石
前端·javascript·面试
前端Hardy16 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy16 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
程序员清风17 小时前
程序员兼职必看:靠谱软件外包平台挑选指南与避坑清单!
java·后端·面试
UIUV18 小时前
node:child_process spawn 模块学习笔记
javascript·后端·node.js