1.安装命令(全局安装)

npm install json-server -g

json-server假数据

2,检查json-server是否安装成功:

json-server -h,出现如下图表示安装成功

json-server假数据

 

3.安装成功后,就可以写假数据进行操作了。创建一个db.json文件,里面用来存放假数据的。

json-server假数据

3.运行命令:

json-server db.json -p 3000 

json-server假数据

 

 http://localhost;3000在浏览器中打开,显示

json-server假数据

 

get方法:用来查询

post方法:用来增加的方法

put\patch方法:用来更新的方法

DELETE方法: 用来删除

要想查询数据,比如查询整个model,

在浏览器中直接输入http:localhost:3000/news,就可以看到整个model的数据:

json-server假数据

 

 

 比如查询一条id=1的语句:

http://localhost:3000/news?id=1

json-server假数据

查找id为1的整条数据也可以通过

通过id和date两个参数进行查找数据:

http://localhot:3000/news?id=1&date="2018-09-09"

json-server假数据

 

增加一条数据:用post方法:

json-server假数据

在浏览器查询结果是:

json-server假数据

 

 

删除一条数据:比如删除id=2的数据(/2等于?id=2)

使用DELETE方法:http://localhost:3003/news/2

json-server假数据

 高级查找:

Filter  用点来访问深层属性:比如我想查找test数组中push=no的text

数据model:

json-server假数据

当我想通过push=no这属性查找到对象

这里,就用到" . "来实现了。

http:localhost:3000/test?text.push=no

 json-server假数据

分页;每页显示几条数据,默认每页显示10条数据

http://localhost:3000/test?_page=1

json-server假数据

 

http://localhost:3000/test?_page=1&_limit=2表示第一页,显示两条数据

json-server假数据

 

 

最后就是 每次在使用的时候,如果数据更改了,需要重新运行一下。

 

相关文章:

  • 2021-07-02
  • 2021-06-08
  • 2022-12-23
  • 2022-12-23
  • 2021-08-11
  • 2022-01-04
  • 2021-09-19
  • 2021-04-27
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-29
  • 2021-12-25
  • 2021-06-21
  • 2022-12-23
相关资源
相似解决方案