json-server使用

简介

github地址

安装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

操作

创建数据库

1. 先创建一个server文件夹，并在里面创建db.json文件，在db.json文件中写入以下数据：

{
  "users": [
    {
      "id": 1,
      "name": "a",
      "age": 18
    }
  ],
  "comments": [
    {
      "id": 1,
      "content": "hello",
      "userId": 1
    }
  ]
}

2. 启动服务，执行命令：

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`访问首页。

免费api接口