美文网首页
easy-mock获取分页数据

easy-mock获取分页数据

作者: LuckyJin | 来源:发表于2020-07-07 18:44 被阅读0次

easy-mock

@id:随机ID
@now:随机时间
@name:随机名字

{
  "result": 200,
  "data": {
    "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({
            "id": "@id",
            "dateTime": "@now()",
            "name": "@name()",
            "address": "上海市普陀区金沙江路 1518 弄"
          })
        );
      }
      return _data;
    },
    "count": 1000
  },
  "msg": "获取成功"
}

在浏览器的接口后输入参数?page=1&pageSize=15 获取结果:

{
  "result": 200,
  "data": {
    "count": 1000,
    "data": [
      {
        "id": "230000201502144447",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Carol Gonzalez",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "710000198001221715",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Gary Johnson",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "710000200701221820",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Sharon Walker",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "520000201708173584",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Charles Young",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "420000200302111107",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Donald Martin",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "430000198702255064",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Ronald Gonzalez",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "230000201803225144",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Angela Thomas",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "420000198109220336",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Ronald Rodriguez",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "510000200311113253",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Sharon Taylor",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "710000201007147901",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Lisa Johnson",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "220000199305309829",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Michael Perez",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "320000198909080470",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Timothy Allen",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "620000201312262066",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Jeffrey White",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "310000201010137144",
        "dateTime": "2019-01-17 09:54:33",
        "name": "Sharon Rodriguez",
        "address": "上海市普陀区金沙江路 1518 弄"
      },
      {
        "id": "650000199408135681",
        "dateTime": "2019-01-17 09:54:33",
        "name": "John Lopez",
        "address": "上海市普陀区金沙江路 1518 弄"
      }
    ]
  },
  "msg": "获取成功"
}

相关文章

  • easy-mock获取分页数据

    easy-mock @id:随机ID@now:随机时间@name:随机名字 在浏览器的接口后输入参数?page=1...

  • easy-mock获取分页数据

    @id:随机ID@now:随机时间@name:随机名字还有其他的:@email@url@province@coun...

  • 随笔 Java分页 以及前端angularjs 中的$uib

    Javaweb 分页主要有三个方法: 1 .前端分页。(获取所有数据) 2.Java分页。(获取所有数据)(3步:...

  • 分页获取数据

    php 版本——未经测试,仅做参考 使用时,继承此类并实现对应方法

  • 页面上拉分页效果,滚动触发事件

    1.整个页面分页拉数据 2.单个列表分页拉数据 获取窗口高度let winHeight = document.do...

  • 说说分页加载及下拉刷新

    本文主要内容 分页加载 下拉刷新 分页加载,从服务器获取数据列表,列表长度很长,不可能一次获取完成,因为一次获取数...

  • django-分页

    分页显示 步骤:获取当前页---获取总数据---获取分的总页数--每页显示的条数---构建Paganitor对象,...

  • django---分页

    分页显示 步骤:获取当前页---获取总数据---获取分的总页数--每页显示的条数---构建Paganitor对象,...

  • ES分页三种方式对比

    分页方式说明优点缺点使用场景from + size最常用的分页方式,指定分页大小和偏移量可以直接获取到需要的数据。...

  • easy-mock 本地部署过程

    背景:easy-mock 大家都知道,常用的 mock 数据网站,但是随着用户越来越多,easy-mock的接口响...

网友评论

      本文标题:easy-mock获取分页数据

      本文链接:https://www.haomeiwen.com/subject/gbyzqktx.html