目前大多数的项目都是前后端分离,后台还没有给我们接口的时候,我们可以利用一些工具模拟数据,之前用的easymock,现在这个网站不知道为什么不能访问了,所以我立马又找了个新欢😂,那就是Yapi.
最近在做小程序,就说说在小程序的用法吧😊。
首先YApi网址:yapi官网
第一步:点击网址,看到的界面是这样的,然后正常注册就可以了
第二步:登录进去,点击加号,创建一个项目,项目名称自己看着填,路径自己编,点击创建项目就可以了
第三步:根据你的各种探索,来到这个页面,主要讲红框圈住的部分
第四步:可视化创建对象,数组,添加参数,生成data数据的条数是随机的
第五步:运用到小程序中,首先点击“详情”,勾选不校验合法域名、web-view(业务域名)哒哒哒后面
.wxml文件代码:
<view>
<button bindtap="getdata">获取数据</button>
</view>
.js文件代码:
data: {
list:[]
},
getdata:function(){
var that =this;
wx.request({
url: 'http://yapi.demo.qunar.com/mock/10686/index/img', //这个就是yapi生成的路径,直接调用
success:function(res){
console.log(res.data.data) //可以把里面的数据打出来瞧瞧
that.setData({
list : res.data.data //这个是赋值给list
})
}
})
},
好的,就这么简单,请求成功了,YApi的功能远不止这些,想要了解更多?YApi教程了解一下?戳yapi教程,甜甜也是菜鸟一枚,今天有点收获就分享给大家了,如果有什么问题请留言,欢迎大家指正🤞