json-server的使用

安装

npm install -g json-server

创建目录

在合适位置创建一个文件夹，尽量是英文

创建 db.json

在文件夹中创建一个db.json，并进行编辑

json中写入数据

{
  "books": [],
  "users": []
}

当db.json中有以上数据时，json-server会提供以下接口

books 相关接口

• GET /books 获取所有信息
• GET /books/:id 获取单个信息
• POST /books 新增数据
• PATCH /books/:id 更新部分数据(只修改传入的数据，不传入的数据保持不动)
• PUT /books/:id 更新全部数据(将所有的数据替换为传入的数据)
• DELETE /books/:id 删除单个数据

users 相关接口

• GET /users 获取所有信息
• GET /users/:id 获取单个信息
• POST /users 新增数据
• PATCH /users/:id 更新部分数据(只修改传入的数据，不传入的数据保持不动)
• PUT /users/:id 更新全部数据(将所有的数据替换为传入的数据)
• DELETE /users/:id 删除单个数据

启动服务

json-server db.json

查询方式

分页查询

axios.get('http://localhost:3000/banners', {
  params: {
    _page: 1,   // 第几页
    _limit: 10  // 每页多少条
  }
})

过滤查询

axios.get('http://localhost:3000/banners', {
  params: {
    id_gte: 20, // ID >= 50
    id_lte: 30, // ID <>= 30
    id_ne: 40, // ID != 40
    id_like: 5 // ID 包含 5
  }
})

查询某一段数据

axios.get('http://localhost:3000/banners', {
  params: {
    _start: 20, // 数据从第21条开始
    _end: 30    // 数据到第30条结束
  }
})

排序查询

axios.get('http://localhost:3000/banners', {
  params: {
    _sort: 'id',  // 按照id进行排序
    _order: 'desc'  // 降序，升序用asc
  }
})