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])

}

只要传入正确的分页参数就可以分页了。

巴特西

Mock分页

最新文章

热门文章