文章目录
json-server使用
简介
安装json-server
npm install -g json-server
启动json-server
json-server --watch db.json
配置
常用选项列表:
配置项 简写 描述
–help -h 查看所有命令选项
–watch -w 是否监视文件自动刷新数据
–host -H 设置域,默认为localhost
–port -p 设置端口号,默认为3000
–routes -r 指定路由文件
–static -s 设置静态资源目录
–config -c 指定配置文件,默认为“json-serer.json
–version -v 查看json-server版本号
–middlewares -m 指定中间件文件
–no-gzip -ng 不能压缩
–delay -d 设置延迟响应
–id -i 设置数据项/库的id属性,默认为id
如:
启动时修改端口号:
json-server --watch db.json --port 5001
操作
创建数据库
- 先创建一个server文件夹,并在里面创建db.json文件,在db.json文件中写入以下数据:
{
"users": [
{
"id": 1,
"name": "a",
"age": 18
}
],
"comments": [
{
"id": 1,
"content": "hello",
"userId": 1
}
]
}
- 启动服务,执行命令:
json-server --watch db.json --port 5001
创建了首页和三个接口。
查询数据
查询所有数据
调用接口:
http://localhost:5001/users
通过id查询
调用接口:
http://localhost:5001/users/1
调用接口:
http://localhost:5001/users?id=2
增加数据
调用接口:
id为自增长,不用提交。
删除数据
通过id删除
调用接口:
http://localhost:5001/users/1
表示删除id为1的数据。
修改数据
修改数据分2种:
- put:覆盖数据
- patch:补丁修改
put
调用接口:
patch
调用接口:
高级查询
条件查询
调用接口:
http://localhost:5001/users?name=小明
调用接口:
http://localhost:5001/users?name=小明&age=23
调用接口:
http://localhost:5001/users?name=小明&name=小花
分页查询
_page
:设置页码。_limit
:页面数量。
调用接口:
http://localhost:5001/users?_page=3&_limit=3
// 调用第3页,每页获取3条数据
排序查询
_sort
:排序的字段名。_order
:排序规则。asc
:升序。desc
:降序。
调用接口:
http://localhost:5001/users?_sort=age&_order=desc
// 通过age字段降序排列
切片查询
_start
:开始位置,下标从0开始。_end
:结束位置。_limit
:片段长度。
调用接口:
http://localhost:5001/users?_start=3&_end=5
// 获取从下标3到下标5的数据
调用接口:
http://localhost:5001/users?_start=3&_limit=5
// 获取从下标3开始的5条数据
范围查询
_gte
:大于等于。_lte
:小于等于。_ne
:不等于。
调用接口:
http://localhost:5001/users?id_gte=10
// 获取id大于等于10的所有数据
调用接口:
http://localhost:5001/users?id_lte=5
// 获取id小于等于5的所有数据
调用接口:
http://localhost:5001/users?id_ne=2
// 获取id不为2的所有数据
模糊查询
_like
:模糊查询。
调用接口:
http://localhost:5001/users?name_like=花
// 获取name包含花的数据
全文查询
q
:全文查询。
调用接口:
http://localhost:5001/users?q=2
// 查询所有包含2的相关数据
外键关联查询
调用接口:
http://localhost:5001/users/2/comments
// 查询comments中userId为2的数据
配置静态资源
静态资源
在server目录下,新建public文件夹,可以用于存放静态资源。
如果需要存放图片资源,可以在public目录下新建images文件夹,在images目录里放入图片。
这时可以通过http://localhost:5001/images/a.jpg
访问图片。
首页资源
在public目录下,定义index.html
,这样可以通过``http://localhost:5001`访问首页。