摘要:的關(guān)系圖譜是非常好用的一款模擬的工具文檔也很詳細和全面詳情而其中的關(guān)系圖譜是它非常強大的一個功能,可以非常方便實現(xiàn)多個路由之間關(guān)聯(lián)數(shù)據(jù)的獲取。
json-server的關(guān)系圖譜
json-server是非常好用的一款模擬REST API的工具,文檔也很詳細和全面.
詳情:json-server
而其中的關(guān)系圖譜是它非常強大的一個功能,可以非常方便實現(xiàn)多個路由之間關(guān)聯(lián)數(shù)據(jù)的獲取。
官網(wǎng)上對于關(guān)系圖譜的案例非常好,我這里在它示例的基礎(chǔ)上稍以改進,進行說明,首先我這里編寫了一個原始數(shù)據(jù),db.json:
{ "posts": [ { "id": 1, "title": "post的第一個title", "author": "typicode" }, { "id": 2, "title": "post的第二個title", "author": "tangcaiye" } ], "comments": [ { "id": 1, "body": "some comment1111", "postId": 2 }, { "id": 2, "body": "some comment2222", "postId": 1 } ], "profile": { "name": "typicode" } }
這里對這個db.json數(shù)據(jù)內(nèi)容解釋一下:
這個json文件中posts跟comments是有關(guān)聯(lián)的,他們的關(guān)系通過的就是comments下postId屬性,postId對應的就是posts的id。
比如comments下postId:2的對象關(guān)聯(lián)的就是posts下的{ "id": 2, "title": "post的第二個title", "author": "tangcaiye" }
json-server中的_embed就是用來獲取包含下級資源的數(shù)據(jù).
比如我json-server服務器的端口號是8081,然后我的請求路徑是http://localhost:8081/posts/2?_embed=comments
這個路徑獲取的就是posts下的id為2的數(shù)據(jù)和它關(guān)聯(lián)的comments的數(shù)據(jù):{ "id": 1, "body": "some comment1111", "postId": 2 }
輸出結(jié)果為:
{ "id": 2, "title": "post的第二個title", "author": "tangcaiye", "comments": [ { "id": 1, "body": "some comment1111", "postId": 2 } ] }_expand
如果理解了_embed那么_expand它也就很輕松了,_expand獲取的是包含上級資源的數(shù)據(jù):
路徑:http://localhost:8081/comments/2?_expand=post
上面這個路徑獲取的就是comments下id為2的數(shù)據(jù)和它關(guān)聯(lián)的上級資源post,也就是posts下的:
{ "id": 1, "title": "post的第一個title", "author": "typicode" }
輸出結(jié)果:
{ "id": 2, "body": "some comment2222", "postId": 1, "post": { "id": 1, "title": "post的第一個title", "author": "typicode" } }只獲取下級資源
有時候我們可能想只獲取下級資源,可以通過:
路徑:http://localhost:8081/posts/2/comments
上面這個路徑就是獲取posts的id:2所關(guān)聯(lián)的comments數(shù)據(jù):
返回結(jié)果:
[ { "id": 1, "body": "some comment1111", "postId": 2 } ]
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/84545.html
摘要:前面演示了如何安裝并運行和使用第三方庫真實化模擬數(shù)據(jù)下面將展開更多的配置項和數(shù)據(jù)操作。示例數(shù)據(jù)源元小總小把清保住影辦歷戰(zhàn)資和總由共先定制向向圓適者定書她規(guī)置斗平相。 前面演示了如何安裝并運行 json server , 和使用第三方庫真實化模擬數(shù)據(jù) , 下面將展開更多的配置項和數(shù)據(jù)操作。 配置項 在安裝好json server之后,通過 json-server -h 可以看到如下配置項...
摘要:官方地址使用可全局安裝,也可針對項目安裝。可用開啟服務。數(shù)據(jù)文件格式如下讓讀書點燃夢想地點濱江星耀城讓讀書點燃夢想地點濱江星耀城仿京東購物車仿京東購物車修改里面的命令。 在前端開發(fā)中,如果后端接口還沒有提供,前端拿不到數(shù)據(jù),可能就沒法繼續(xù)寫一些交互行為的代碼。這一問題可通過json-server來很好地解決。本文主要講如何將json-server和webpack進行整合,基于vue-w...
閱讀 2212·2021-11-22 13:52
閱讀 3847·2021-11-10 11:36
閱讀 1380·2021-09-24 09:47
閱讀 1088·2019-08-29 13:54
閱讀 3360·2019-08-29 13:46
閱讀 1942·2019-08-29 12:16
閱讀 2108·2019-08-26 13:26
閱讀 3471·2019-08-23 17:10