Easy Mock模擬數據(模擬分頁)

1.模擬分頁數據

注:在這裏默認已經擁有easy mock賬號,並會基本的創建接口, 

"teamname|1"是隨機返回數組的其中一項, 寫法自行參照mock.js/語法規則
{
  "counts": 0,
  "success": true,
  "count": 1000,
  "teamdatanum": 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({
          "teamid": (page - 1) * pageSize + (i + 1),
          "teamname|1": [
            '鋼鐵戰狼', '夢之隊',
            '博時基金', '平安保險'
          ],
          "teamlogo|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'
          ],
          "nameofrace|1": [
            '我是八個隨機賽事名稱的第1個',
            '我是八個隨機賽事名稱的第2個',
            '我是八個隨機賽事名稱的第3個',
            '我是八個隨機賽事名稱的第4個'
          ],
          "integral|1": [
            52, 23, 86, 46
          ],
          "goaldifference|1": [
            86, 76, 82, 41
          ],
        })
      );
    }
    return _data;
  },
  "msg": "請求數據成功"
}
  將代碼全部拷貝下來,複製到easy mock 上,新建一條api

  複製api地址輸入瀏覽器,輸入兩個參數,api?page=1&pageSize=10  第一個參數表示第幾頁,第二個參數表示返回幾條數據

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章