使用Easy Mock構建模擬數據

最近在學前端與後端相結合,在寫前端頁面的時候,須要從後臺取數據,對頁面進行更新。但苦於後臺尚未寫,並無數據,所以就學習瞭如何用EasyMock構建模擬數據。前端

Easy Mock簡介

Easy Mock 是一個可視化,而且能快速生成 擬數據的持久化服務,將模擬數據直接寫進代碼裏,能利用 JavaScript 攔截請求,利用 Charles、 Fiddler 等代理工具攔截請求。
僞造數據,能讓程序的編寫更高效。使用也較爲簡單。後端

使用Easy Mock建立一個項目

第一步:點擊右下角的藍色加號按鈕

無論你在哪,頁面右下角老是會有一個建立項目的藍色按鈕
圖片描述工具

第二步:建立項目

補全空格中的信息
若是是團隊項目,要記得選團隊
補全項目名和項目基礎URL。這一部分沒有嚴格的要求,儘可能簡潔就好。
圖片描述
填完空之後,選擇建立學習

第三步:添加數據

選中剛纔建立的項目,點擊建立接口,就能進入信息編寫的部分。
圖片描述spa

數據輸入完畢後,要爲你的這個接口寫一個專屬的URL,在右邊的藍色方框中,並對數據進行描述。點擊建立,就建立成功了。代理

第四步:獲取數據

接口建立成功後,選擇操做選項的複製連接,就能得到這個接口的地址。
圖片描述接口

第五步:前臺獲取模擬數據

模擬數據已經成功建立完畢,那麼接下來咱們就看看如何在前端頁面獲取建立的模擬數據把。
圖片描述
連接就是咱們上一步選擇複製連接所得到的接口地址。
圖片描述
這樣,咱們就得到了咱們建立的虛擬數據。


固然,Easy Mock還有不少進階用法,之後一塊兒學習吧。圖片

相關文章
相關標籤/搜索