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可自行修改名字,将代码中对应地方代码替代)

效果图:
Easy Mock模拟数据(实现模拟后台数据分页)