搭建本地数据库接口（JSON-SERVER）

搭建本地数据库接口（JSON-SERVER）

可访问：
http://jsonplaceholder.typicode.com

https://github.com/typicode/json-server

1. 安装JSON服务器

1）window

npm install -g json-server

2）mac os

sudo npm install -g json-server

注意：mac os需要在npm前加sudo，window则不需要。

2. 创建文件夹

将路径引入到当前所创建的文件夹下

cd 文件夹名

3. 初始化package.json

npm init --Yes

4. 安装所有模块

npm install json-server --save

• –save把所有模块放置package.json

5. 启动json服务器

json-server --watch db.json

• db.json 为自命名文件，自动创建
• 将json-server --watch db.json放置package.json的scripts里面
• test可修改
  

6. 启动

npm run test

test也就是配置package.json中的名字

7. 访问主页面

http://localhost:3000

8. 使用 json-server

<!-- 获取所有用户信息 -->
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

<!-- 根据公司名字获取信息 -->
http://localhost:3000/companies?name=Huawei

<!-- 根据多个名字获取公司信息 -->
http://localhost:3000/companies?name=Huawei&name=baidu

<!-- 获取一页中只有两条数据 -->
http://localhost:3000/companies?_page=1&_limit=2

<!-- 升序排序 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
    
<!-- 搜索用户信息 -->
http://localhost:3000/users?q=h

9. 其它请求方式

以上是get请求方式，要做其它的请求方式，需借助软件：Postman

10.配置Postman

11.选择想要请求的方式即可

<!-- 删除users里id为5的用户 -->		DELETE删除
http://localhost:3000/users/5

<!-- 跟新users里id为4的name值 -->	PATCH跟新
http://localhost:3000/users/4
raw {"name":"张肖某"}

POST	新增

12.也可以把jsonplaceholder里面的数据引入，方法：