用easy-mock寫的一個簡單的模擬二頁的反饋,由於後端團隊比較傳統,因此設計的結構不太規範。
功能:每頁10條,共2頁,共12條記錄,超出參數範圍會返錯誤碼:後端
easy模板:設計
{ code: function({ _req }) { if (_req.query.page < 3) { return 0 }else{ return 41004 } }, msg: function({ _req }) { if (_req.query.page < 3) { return "成功" }else{ return "請求失敗" } }, data: function({ _req }) { if (_req.query.page == 1) { return { total: 12, //總條數 page:_req.query.page, //當前頁碼 pagesize:10, items:[{ "id": "1", "pid": "31", "tit": "血壓", "datetime": '2017-09-01 08:14' }, { "id": "2", "pid": "32", "tit": "空腹血糖", "datetime": '2017-09-03 08:14' }, { "id": "3", "pid": "33", "tit": "氧氣治療", "datetime": '2017-09-04 08:14' }, { "id": "4", "pid": "34", "tit": "體重", "datetime": '2017-09-05 08:14' }, { "id": "5", "pid": "31", "tit": "血壓", "datetime": '2017-09-01 08:14' }, { "id": "6", "pid": "32", "tit": "空腹血糖", "datetime": '2017-09-03 08:14' }, { "id": "7", "pid": "33", "tit": "氧氣治療", "datetime": '2017-09-04 08:14' }, { "id": "8", "pid": "34", "tit": "體重", "datetime": '2017-09-05 08:14' }, { "id": "9", "pid": "31", "tit": "血壓", "datetime": '2017-09-01 08:14' }, { "id": "10", "pid": "32", "tit": "空腹血糖", "datetime": '2017-09-03 08:14' } ] } } if (_req.query.page == 2){ return { total: 12, //總條數 page:_req.query.page, //當前頁碼 pagesize:10, items:[{ "id": "11", "pid": "33", "tit": "空腹血糖", "datetime": '2017-09-03 08:14' }, { "id": "12", "pid": "34", "tit": "空腹血糖", "datetime": '2017-09-03 08:14' }] } } if (_req.query.page == 3){ return {} } } }
req: https://easy-mock.com/mock/5a...
(成功請求)
res結果:
`{code
"code": 0, "msg": "成功", "data": { "total": 12, "page": "2", "pagesize": 10, "items": [ { "id": "11", "pid": "33", "tit": "空腹血糖", "datetime": "2017-09-03 08:14" }, { "id": "12", "pid": "34", "tit": "空腹血糖", "datetime": "2017-09-03 08:14" } ] }
}`get
req: https://easy-mock.com/mock/5a...
(頁碼超出範圍)
res結果:it
{ "code": 41004, "msg": "請求失敗", "data": {} }