成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

理解RESTful架構(gòu)與json-server模擬REST api的使用

Atom / 1682人閱讀

摘要:一什么是架構(gòu)即的縮寫,我們把他翻譯為表述性狀態(tài)傳遞,是博士在年他的博士論文中提出來的一種軟件架構(gòu)風(fēng)格。是個(gè)無狀態(tài)的協(xié)議,所以狀態(tài)就保存在服務(wù)器端。只要少量的數(shù)據(jù)就可使用,支持和。同時(shí)支持,同時(shí)提供一系列的查詢方法如。

一、什么是RESTful架構(gòu)?

REST即Representational State Transfer的縮寫,我們把他翻譯為表述性狀態(tài)傳遞,是Roy Fielding博士在2000年他的博士論文中提出來的一種軟件架構(gòu)風(fēng)格。它是一種針對網(wǎng)絡(luò)應(yīng)用的設(shè)計(jì)和開發(fā)方式,可以降低開發(fā)的復(fù)雜性,提高系統(tǒng)的可伸縮性。

當(dāng)然我們把一個(gè)符合這種REST風(fēng)格的架構(gòu)就叫做RESTful風(fēng)格

二、理解REST本身的意義

1.Representational表現(xiàn)層
我們把"資源"具體呈現(xiàn)出來的形式,叫做它的"表現(xiàn)層"。
我們可以用URI(統(tǒng)一資源定位符)指向"資源",URI只代表"資源"的位置,它的具體表現(xiàn)形式,應(yīng)該在HTTP請求的頭信息中用Accept和Content-Type字段指定,這兩個(gè)字段才是對"表現(xiàn)層"的描述

2.State Transfer狀態(tài)轉(zhuǎn)化
訪問一個(gè)網(wǎng)站就要涉及客戶端與服務(wù)器端的互動(dòng),同時(shí)也肯定要涉及數(shù)據(jù)與狀態(tài)的變化。網(wǎng)站后端提供資源查詢服務(wù)的,一切皆資源,服務(wù)器保存資源,客戶端請求資源。
HTTP是個(gè)無狀態(tài)的協(xié)議,所以狀態(tài)就保存在服務(wù)器端。所以此時(shí)客戶端想要操作服務(wù)器端,就必須引起服務(wù)器端的State Transfer(狀態(tài)轉(zhuǎn)化),這就需要一些手段。

客戶端操作引起服務(wù)器端的State Transfer手段一般有以下四種
HTTP動(dòng)詞 操作
GET 用來獲取資源
POST 新建資源
PUT 更新資源
DELETE 刪除資源

三、使用json-server模擬REST API(接口)

在開發(fā)過程中, 前后端分離, 接口多半是滯后于頁面開發(fā)所以需要建立一個(gè)REST風(fēng)格的API接口, 給前端頁面提供,虛擬的數(shù)據(jù),是非常必要的。json-server只要少量的數(shù)據(jù)就可使用,支持cors 和jsonp。同時(shí)支持get post put delete patch,同時(shí)提供一系列的查詢方法如limit order。

1.配置環(huán)境
yarn add global json-server(npm install json-server -g )

2.json數(shù)據(jù)

3.json-server的使用
我比較喜歡使用Postman(Postman是一款功能強(qiáng)大的網(wǎng)頁調(diào)試與發(fā)送網(wǎng)頁HTTP請求的Chrome插件),
在命令行中進(jìn)入當(dāng)前文件夾輸入npm run server
(1).選擇操作

(2).GET操作(讀取id= 1 的comments)

(3).POST操作(新建id= 2 的comments)
對應(yīng)的db.json中的數(shù)據(jù)

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello json-server",
      "id": 2
    }
  ]

(4). PUT操作(更新id= 2 的comments)

 "comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello update",
      "id": 2
    }
  ],

(5). DELETE操作(刪除id= 2 的comments)

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    }
  ]

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/88507.html

相關(guān)文章

  • 介紹兩大神器!——使用json-server和faker.js模擬REST API

    摘要:今天發(fā)現(xiàn)了一個(gè)神器在他的幫助下可以在很短的時(shí)間內(nèi)搭建一個(gè)然后就可以讓前端在不依賴后端的情況下進(jìn)行開發(fā)啦關(guān)于什么是設(shè)計(jì)指南阮一峰簡單來說,是一個(gè)模塊,運(yùn)行服務(wù)器,你可以指定一個(gè)文件作為的數(shù)據(jù)源。更多屬性可以查看這里好啦,基本就是這樣啦, 今天發(fā)現(xiàn)了一個(gè)神器——json-server!在他的幫助下可以在很短的時(shí)間內(nèi)搭建一個(gè)Rest API, 然后就可以讓前端在不依賴后端的情況下進(jìn)行開發(fā)啦!...

    sarva 評論0 收藏0
  • JSON-server模擬REST API(一) 安裝運(yùn)行

    摘要:曹縣宣布昨日晚間登日成功長江流域首次發(fā)現(xiàn)海豚支持黨中央決定抄寫黨章勢在必行為了方便,再創(chuàng)建一個(gè)文件,寫入然后使用到目錄下執(zhí)行命令,如果成功會(huì)出現(xiàn)你的電腦中文件夾所在目錄的路徑如果不成功請檢查文件的格式是否正確。 在開發(fā)過程中,前后端不論是否分離,接口多半是滯后于頁面開發(fā)的。所以建立一個(gè)REST風(fēng)格的API接口,給前端頁面提供虛擬的數(shù)據(jù),是非常有必要的。 對比過多種mock工具后,我最終...

    Sleepy 評論0 收藏0
  • 使用json-server模擬REST API

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

    smartlion 評論0 收藏0
  • JSON-server模擬REST API(三) 進(jìn)階使用

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

    xavier 評論0 收藏0
  • 前端 mock server

    摘要:然而扯淡的在前端前端要發(fā)請求,所以每個(gè)請求的都是,而生產(chǎn)環(huán)境服務(wù)器又是。前端方案因?yàn)槲沂窃谛I?,沒辦法了解到大公司的開發(fā)方式??赡芎蠖司腿涡跃筒蛔袷?,那么這個(gè)前端只能靠來調(diào)整,然而更多的情況是沒辦法調(diào)整的。 在一個(gè)中大型項(xiàng)目中,你不可能一邊寫著前端一邊寫后端。全棧太難 :) 像rails那樣的開發(fā)模式已經(jīng)很不適合當(dāng)前的環(huán)境了。所有的項(xiàng)目都嚷嚷著前后端分離,那就只能這么干 我之前在做大...

    lastSeries 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<