前端开发工具篇之jsonserver

45次阅读

共计 771 个字符,预计需要花费 2 分钟才能阅读完成。

json-server

Github Address

  • json-server 底层应用了一个名为 lowdb JSON 数据库,这个数据库同样能够用于 Node、Electron、Broswer 等环境下。
  • 对 json-server 中数据的增、删、改等操作,都会被 json-server 长久化于 json 文件。

根本应用

1. 装置

# 全局装置
npm i json-server -g

2. 创立 json 文件

以创立 db.json 文件为例:

{
  "posts": [{ "id": 1, "title": "json-server", "author": "typicode"}
  ],
  "comments": [{ "id": 1, "body": "some comment", "postId": 1}
  ],
  "profile": {"name": "typicode"}
}

db.json 文件相当于创立了三个数据库表:postscommentsprofile,而且数据库表的默认主键为 id

3. 启动 json-server

json-server --watch db.json

默认监听 3000 端口。

4. 申请数据

以申请 posts 表中数据为例:

GET 获取数据

GET 申请 申请内容
http://localhost:3000/posts 获取 posts 中的所有数据
http://localhost:3000/posts/1 获取 posts 中 id 为 1 的数据

POST 增加数据

应用 Postman 工具示例,在理论我的项目中能够应用 axiosfetch 等代替。

PATCH 批改数据

id=3 的 title 批改为 json-server-change-3

  • 应用 PATCH 申请形式
  • 应用 RESTful API 款式

DELETE 删除数据

id=3 的数据删除。

依据条件查问数据

进阶用法

未完待续

参考:
[1]. json-server 根本应用
[2]. json-server 详解

正文完
 0