Mock分頁

前后端分離開發時，一般會使用mock。

因為mock是用node運行的，行為與調用后台一致。

這樣，不需要等后台寫好，只要有接口文檔，前端可以自己調接口，這樣聯調時遇到的問題會少很多，可以加快整體開發效率。

 

而mock作為模擬數據自然也可以做分頁，用Js的方法即可。

export default {
  
 
  'POST /api/xxxx/getDYDJ': (req, res) => {
    console.log(req.body)
    res.send({
        status: 200,
        message: 'ok',
        "data": {
          "total": "14",
          "curPage": req.body.curPage ? req.body.curPage : 1,
          "rows": getAllDYDJ(req.body)
        }
    });
  }


}

const citys = ['A', 'B', 'C', 'D, 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N']
const dydj = ['35kV', '110kV', '220kV', '330kV', '500kV']

const getDYDJ = () => {
  const result = []
  const base = {
    "a": "1",
    "b": "0%",
    "c": "2",
    "d": "0%",
    "e": "3",
    "f": "0%",
    "g": "4",
    "h": "0%",
    "i": "0"
  }
  dydj.forEach((item, index) => {
    const obj = {
      ...base,
      id: index + 1,
      name: item
    }
    result.push(obj)
  })
  return result
}
const getAllDYDJ = (body) => {
  const curPage = parseInt(body.curPage)
  const pageSize = parseInt(body.pageSize)

  const indexArr = [(curPage-1)*pageSize, curPage*pageSize]

  const result = []
  citys.forEach((item, index) => {
    const obj = {
      orgId: index + 1,
      seq: index + 1,
      orgName: item,
      dydj: getDYDJ()
    }
    result.push(obj)
  })
  return result.slice(indexArr[0], indexArr[1])
}

 

只要傳入正確的分頁參數就可以分頁了。