json-server的關系圖譜詳解（Relationships）

huhud 發布于2019-08-20 18:28 / 2381人閱讀

摘要：的關系圖譜是非常好用的一款模擬的工具文檔也很詳細和全面詳情而其中的關系圖譜是它非常強大的一個功能，可以非常方便實現多個路由之間關聯數據的獲取。

json-server的關系圖譜

json-server是非常好用的一款模擬REST API的工具,文檔也很詳細和全面.
詳情：json-server
而其中的關系圖譜是它非常強大的一個功能，可以非常方便實現多個路由之間關聯數據的獲取。

示例數據

官網上對于關系圖譜的案例非常好，我這里在它示例的基礎上稍以改進，進行說明，首先我這里編寫了一個原始數據,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數據內容解釋一下：
這個json文件中posts跟comments是有關聯的，他們的關系通過的就是comments下postId屬性，postId對應的就是posts的id。
比如comments下postId:2的對象關聯的就是posts下的{ "id": 2, "title": "post的第二個title", "author": "tangcaiye" }

_embed

json-server中的_embed就是用來獲取包含下級資源的數據.
比如我json-server服務器的端口號是8081,然后我的請求路徑是http://localhost:8081/posts/2?_embed=comments
這個路徑獲取的就是posts下的id為2的數據和它關聯的comments的數據：{ "id": 1, "body": "some comment1111", "postId": 2 }
輸出結果為：

{
  "id": 2,
  "title": "post的第二個title",
  "author": "tangcaiye",
  "comments": [
    {
      "id": 1,
      "body": "some comment1111",
      "postId": 2
    }
  ]
}

_expand

如果理解了_embed那么_expand它也就很輕松了,_expand獲取的是包含上級資源的數據：
路徑：http://localhost:8081/comments/2?_expand=post
上面這個路徑獲取的就是comments下id為2的數據和它關聯的上級資源post，也就是posts下的：
{ "id": 1, "title": "post的第一個title", "author": "typicode" }
輸出結果：

{
  "id": 2,
  "body": "some comment2222",
  "postId": 1,
  "post": {
    "id": 1,
    "title": "post的第一個title",
    "author": "typicode"
  }
}

只獲取下級資源

有時候我們可能想只獲取下級資源，可以通過：
路徑：http://localhost:8081/posts/2/comments
上面這個路徑就是獲取posts的id:2所關聯的comments數據：
返回結果：

[
  {
    "id": 1,
    "body": "some comment1111",
    "postId": 2
  }
]

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84545.html

用JSON-server模擬REST API(三) 進階使用

摘要：前面演示了如何安裝并運行和使用第三方庫真實化模擬數據下面將展開更多的配置項和數據操作。示例數據源元小總小把清保住影辦歷戰資和總由共先定制向向圓適者定書她規置斗平相。前面演示了如何安裝并運行 json server , 和使用第三方庫真實化模擬數據 , 下面將展開更多的配置項和數據操作。配置項在安裝好json server之后，通過 json-server -h 可以看到如下配置項...

xavier 2019-08-19 18:36 評論0 收藏0
使用json-server來模擬REST API

摘要：官方地址使用可全局安裝，也可針對項目安裝。可用開啟服務。數據文件格式如下讓讀書點燃夢想地點濱江星耀城讓讀書點燃夢想地點濱江星耀城仿京東購物車仿京東購物車修改里面的命令。在前端開發中，如果后端接口還沒有提供，前端拿不到數據，可能就沒法繼續寫一些交互行為的代碼。這一問題可通過json-server來很好地解決。本文主要講如何將json-server和webpack進行整合，基于vue-w...

smartlion 2019-08-20 19:02 評論0 收藏0