如何使用API Hub 实现一个图片列表?

本文详细介绍了如何使用APIHub通过配置API、创建事件、触发器和滚动加载实现一个图片列表的动态分页功能,包括设置参数如total、per_page和pageIndex,以及在事件中心和检查面板中的操作流程。

具体步骤

  • 创建API
  • 配置 API 事件
  • 创建触发器步骤分解

创建API

  • 分页,根据 API 返回的数据中的总数定义 Key
如此案例返回的数据中,total代表返回的总数、per_page代表返回的数量、page Index代表第几页

92f7ab7bcb2d5c336945d4faa0c032ed.jpeg

配置 API 事件

  • 在事件中心,选择该事件。

f19b18e8f2dd83a027db128bc45a5a58.jpeg

创建触发器

  • 选中流式布局
  • 点击 检查面板中的触发器
  • 创建触发器,打开分页开关

de341ab6861a28cf8b6a4c43f4c4cb29.jpeg

  • 创建滚动时继续分页加载数据。

ffefd4c15ce613a472583b5cf9ca8e27.jpeg这样就可以用API Hub实现一个图片列表了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值