vue2.0——用户管理系统02

这一节课：我们会学习如何去请求这些接口，开始吧！

咱们现在学习一下如何获取接口中想要的数据

获取所有用户信息

http://localhost:3000/users/

获取id为1的用户信息

http://localhost:3000/users/1

获取公司的所有信息

http://localhost:3000/companies

获取单个公司信息

http://localhost:3000/companies/1

获取所有公司id为3的用户

http://localhost:3000/companies/3/users

获取名字name为Microsoft

http://localhost:3000/companies?name=Microsoft

根据多个名字获取公司信息

http://localhost:3000/companies?name=Microsoft&name=Apple

获取一页中只有2个数据的信息

http://localhost:3000/companies?_page=1&_limit=2

根据升序排列name，（asc是升序，desc降序）

http://localhost:3000/companies?_sort=name&_order=asc

年龄为30以上的数据信息

http://localhost:3000/users?age_gte=30

获取年龄在30~40之间的数据信息

http://localhost:3000/users?age_gte=30&age_lte=40

搜索用户带有q=xxx的所有符合条件的数据信息

http://localhost:3000/users?q=t

以上是get请求，post请求需要借助一个软件，“postman“

下载地址：https://www.getpostman.com/

复制下面的地址到迅雷下载速度更快： https://dl.pstmn.io/download/latest/win64

选中post，填写请求头，点击body，在点击raw

点击send以后，你会发现db.json文件里会多一条数据，就算添加进入了

说完post，在说delete删除

点击send以后，你会发现db.json文件里会少一条数据，就算删除成功了

接下来我们说一下更新也就是patch

接下来我们可以把JSONPlaceholder所有数据也拿到本地的数据里面来，我们需要在package.json中配置一下，它这个里面给我们提供了一个remote

然后通过终端重启一下：

npm run json:server:remote（回车）

这时候本地就会有了很多接口地址，我就不截图每一个接口返回的json数据了，大家可以自己访问它，查看里面的数据。

下一节我们将介绍vue的项目搭建，然后实现页面里的增删改查的操作了