一、為什么使用RAP2
? 在一個項(xiàng)目的開發(fā)中，在頁面需要使用大量數(shù)據(jù)進(jìn)行渲染生成前，后端開發(fā)人員的接口可能還沒有寫完, 當(dāng)前端沒有后端數(shù)據(jù)支持的情況下，我們使用mock.js(mock.js用于生成隨機(jī)數(shù)據(jù)，攔截ajax請求)模擬假數(shù)據(jù)，實(shí)現(xiàn)前后端分離。開發(fā)中我們也可以使用RAP2(這里面生成的數(shù)據(jù)基于mock.js)在線模擬假數(shù)據(jù)。
二、關(guān)于RAP2的一些學(xué)習(xí)網(wǎng)址
http://mockjs.com/ mock.js網(wǎng)址
http://rap2.taobao.org/ RAP2網(wǎng)址
https://github.com/thx/rap2-delos RAP2官方文檔
https://github.com/nuysoft/Mock/wiki/Syntax-Specification mock.js語法規(guī)范文檔
三、與RAP2同類型的jsonplaceholder
? jsonplaceholder也是模擬假數(shù)據(jù)，和RAP2差別是jsonplaceholder模擬出來的假數(shù)據(jù)只有固定值。
四、RAP2使用步驟
-
進(jìn)入RAP2網(wǎng)址賬號注冊成功以后，我們首先創(chuàng)建一個項(xiàng)目倉庫，如下圖所示：
pic_1
pic_2 -
倉庫建好以后，我們進(jìn)入倉庫，點(diǎn)擊新建接口
pic_3
pic_4 -
新建接口完畢以后，我們可以看到如下圖所示，我們點(diǎn)擊商品列表，右圖可以根據(jù)設(shè)置請求參數(shù)，和響應(yīng)內(nèi)容（點(diǎn)擊綠色的編輯按鈕），右圖中還有一個地址，點(diǎn)擊這個地址，進(jìn)入以后內(nèi)容如圖pic_6所示
pic_5
pic_6 -
接下來設(shè)置請求參數(shù)和響應(yīng)參數(shù)，這里以響應(yīng)參數(shù)舉例，點(diǎn)擊響應(yīng)內(nèi)容右邊的新建創(chuàng)建響應(yīng)屬性，如下圖所示：
pic_7 - 根據(jù)所創(chuàng)建的數(shù)據(jù)類型不同，左側(cè)會出現(xiàn)pic_8所示“+”號，點(diǎn)擊“+”號可以向其內(nèi)部添加屬性，
圖pic_8為按照填寫的生成規(guī)則生成的響應(yīng)數(shù)據(jù)?！?code>生成規(guī)則有7中格式，關(guān)于生成規(guī)則可以查看文章開頭的鏈接mock.js語法規(guī)范文檔】，例如圖pic_8中data屬性的生成規(guī)則為9，表示生成9個元素。id屬性的生成規(guī)則為1-9999，表示生成1-9999的隨機(jī)數(shù)字。
pic_8 -
mock.js文檔中關(guān)于mock.random的方法在數(shù)據(jù)模板中稱為『占位符』，書寫格式為@占位符(參數(shù) [, 參數(shù)])，可以用在初始值的設(shè)置中，隨機(jī)生成一段內(nèi)容。
pic_9
轉(zhuǎn)載文章請注名出處
