目前大多數(shù)的項(xiàng)目都是前后端分離撩鹿，后臺(tái)還沒有給我們接口的時(shí)候谦炬，我們可以利用一些工具模擬數(shù)據(jù)，之前用的easymock节沦，現(xiàn)在這個(gè)網(wǎng)站不知道為什么不能訪問了键思，所以我立馬又找了個(gè)新歡??，那就是Yapi.
最近在做小程序甫贯，就說說在小程序的用法吧??吼鳞。
首先YApi網(wǎng)址：yapi官網(wǎng)
第一步：點(diǎn)擊網(wǎng)址，看到的界面是這樣的叫搁，然后正常注冊(cè)就可以了
第二步：登錄進(jìn)去赔桌，點(diǎn)擊加號(hào)，創(chuàng)建一個(gè)項(xiàng)目渴逻，項(xiàng)目名稱自己看著填疾党，路徑自己編，點(diǎn)擊創(chuàng)建項(xiàng)目就可以了
第三步：根據(jù)你的各種探索惨奕，來到這個(gè)頁面雪位，主要講紅框圈住的部分
第四步：可視化創(chuàng)建對(duì)象，數(shù)組梨撞，添加參數(shù)雹洗，生成data數(shù)據(jù)的條數(shù)是隨機(jī)的
第五步：運(yùn)用到小程序中，首先點(diǎn)擊“詳情”卧波，勾選不校驗(yàn)合法域名时肿、web-view(業(yè)務(wù)域名)噠噠噠后面
.wxml文件代碼：
<view>
<button bindtap="getdata">獲取數(shù)據(jù)</button>
</view>
.js文件代碼：
data: {
? list:[]
? },
getdata:function(){
? ? var that =this;
? ? wx.request({
? ? ? url: 'http://yapi.demo.qunar.com/mock/10686/index/img',? ? ? ?//這個(gè)就是yapi生成的路徑，直接調(diào)用
? ? ? success:function(res){
? ? ? ? console.log(res.data.data)? ? ?//可以把里面的數(shù)據(jù)打出來瞧瞧
? ? ? that.setData({
? ? ? ? list : res.data.data? ?//這個(gè)是賦值給list
? ? ? })
? ? ? }
? ? })
? },
好的港粱，就這么簡單螃成，請(qǐng)求成功了，YApi的功能遠(yuǎn)不止這些查坪，想要了解更多锈颗？YApi教程了解一下？戳yapi教程咪惠，甜甜也是菜鳥一枚，今天有點(diǎn)收獲就分享給大家了遥昧，如果有什么問題請(qǐng)留言覆醇，歡迎大家指正??
