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 第一個參數表示第幾頁,第二個參數表示返回幾條數據