介绍
oh-my-jsonapi 是一个为前端开发而生的 npm 包,它可以方便快捷地处理 CRUD 操作,让你的项目更加高效。oh-my-jsonapi 不仅支持 RESTful API,还支持 GraphQL,并且可以自动处理与后端的请求、响应。
安装
可以通过 npm 安装 oh-my-jsonapi:
npm install oh-my-jsonapi
使用
处理数据
使用 oh-my-jsonapi,你可以很方便地处理前端与后端之间的数据交互、请求和响应。它的 API 设计易于入手,使用起来十分顺畅。
初始化
在使用之前,需要进行初始化:
import { JsonApi } from 'oh-my-jsonapi'; const jsonApi = new JsonApi();
创建资源
使用 oh-my-jsonapi,你可以很方便地创建资源并自动处理请求和响应:
-- -------------------- ---- ------- ----- ------ - ----- ---------------------------------- - ----- - ----- ----------- ----------- - ----- ------- ---- -- - - --- --------------------
获取资源
获取资源也同样方便:
const result = await jsonApi.getResource('students', 1); console.log(result);
更新资源
更新资源同样十分简单:
-- -------------------- ---- ------- ----- ------ - ----- ---------------------------------- -- - ----- - ----- ----------- --- -- ----------- - ----- ------- ---- -- - - --- --------------------
删除资源
删除资源也同样容易:
const result = await jsonApi.deleteResource('students', 1); console.log(result);
处理 GraphQL
除了 RESTful API,oh-my-jsonapi 还支持 GraphQL,让你的项目更加灵活。
发送 GraphQL 请求
-- -------------------- ---- ------- ----- ------ - ----- ------------------------ -- -------- - -- ---- --- - ---- --------------------
发送 GraphQL 变更请求
-- -------------------- ---- ------- ----- ------ - ----- ------------------------- --------- - -------------------- - ----- ------ ---- -- -- - ------- - -- ---- --- - - ---- --------------------
结束语
oh-my-jsonapi 可以很方便地处理前端与后端之间的数据交互,可谓是前端开发的一大利器。使用它,你的前端开发将会变得更加高效。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f9e3d1de16d83a670c6