Easy Mock模拟数据(实现模拟后台数据分页)
1.模拟分页数据
注:在这里默认已经拥有easy mock账号,并会基本的创建接口,
"teamname|1"是随机返回数组的其中一项, 写法自行参照 百度-> mock.js ->语法规则
{
"counts": 0,
"success": true,
"count": 1000, //总的数据长度
"data": function({
_req,
Mock
}) {
let i = 0,
_data = [],
page = _req.query.page, //当前页数
pageSize = _req.query.pageSize, //每次返回的条数
len = (1000 - pageSize * (page - 1)) < pageSize ? (1000 - pageSize * (page - 1)) : pageSize;
for (i; i < len; i++) {
_data.push(
Mock.mock({
"id": (page - 1) * pageSize + (i + 1),
"name|1": [
'钢铁战狼', '梦之队',
'博时基金', '平安保险'
],
"urlImg|1": [
'https://goss.veer.com/creative/vcg/veer/612/veer-134669323.jpg',
'https://goss2.veer.com/creative/vcg/veer/612/veer-133071017.jpg',
'https://goss.veer.com/creative/vcg/veer/612/veer-147395960.jpg',
'https://goss4.veer.com/creative/vcg/veer/612/veer-161959036.jpg'
],
"num":"123456789"
})
);
}
return _data;
},
"msg": "请求数据成功"
}
将代码全部拷贝下来,复制到easy mock 上的模拟接口
复制接口api地址输入浏览器,输入两个参数,api?page=1&pageSize=10
第一个参数表示第几页,第二个参数表示返回几条数据
(page,pageSize可自行修改名字,将代码中对应地方代码替代)
效果图: