json server的快速上手使用

2021-10-05 07:37:33 字數 1413 閱讀 5619

post 新增資料

delete 刪除資料

patch 更新資料

在本地模擬後端介面,這種做法稱之為構建前端mock

通過 json-server 就可以在本地根據 json 檔案快速建立乙個模擬的功能齊全的 api 介面

npm install -g json-server

或者yarn global add json-server

data.json

,,

,]}

-w 表示時刻監聽 json 檔案的資料,實現雙向的動態更新

-p 可以指定介面開啟使用的埠

json-server data.json -w -p 4000
http://localhost:4000/list
http://localhost:4000/list/2
http://localhost:4000/list?name=王五&age=30
http://localhost:4000/list?_page=1&_limit=2
asc 公升序

desc 降序

http://localhost:4000/list?_sort=age&_order=asc
***_gte 大於等於

***_lte 小於等於

http://localhost:4000/list?age_gte=20&age_lte=40
http://localhost:4000/list?q=張三
http://localhost:4000/list
id 可以不用加,json-server 會自動新增

刪除 id 為 5 的資料

http://localhost:4000/list/5
修改 id 為 4 的資料的name為小明

http://localhost:4000/list/4
以上就是關於 json-server 的簡單快速上手使用,如有不對,歡迎指出

json server快速搭建介面

json server可以直接把乙個json檔案託管成乙個具備全restful風格的api,並支援跨域 jsonp 路由訂製 資料快照儲存等功能的 web 伺服器。基本使用 全域性安裝 npm i g json server 建立json檔案 eg data.json,執行 json server ...

ibatis 快速上手

簡介 例子 現在我們我們通過乙個簡單的案例,了解如何通過ibatis解決資料訪問問題。現在有有乙個資料庫,資料庫裡面有一張人員資訊表 需求是這樣 通過乙個web應用程式顯示人員資訊表裡面的資訊,並且可以新增 修改 刪除人員記錄 乙個並不複雜的案例,但是它覆蓋所有開發首先要學習的內容。第1步 the ...

Pro C快速上手

條件 winxp vc 6 裝在c program files microsoft visual studio vc98 oracle 9 裝在e oracle ora90 步驟 1 dos視窗設定環境變數,預編譯 oralce 給的關於pro c 例子 2 設定vc 環境 3 編譯執行 c程式。具...