【小程序】案例 - 本地生活（列表页面）

1. 演示页面效果以及主要功能

页面导航并传参

上拉触底时加载下一页数据

下拉刷新列表数据 

2. 列表页面的 API 接口

以分页的形式，加载指定分类下商铺列表的数据：

接口地址

https://www.escook.cn/categories/:cate_id/shops

URL 地址中的 :cate_id 是动态参数，表示分类的 Id

请求方式

GET 请求

请求参数

_page 表示请求第几页的数据

_limit 表示每页请求几条数据

3. 判断是否还有下一页数据

如果下面的公式成立，则证明没有下一页数据了：

页码值 * 每页显示多少条数据 >= 总数据条数

page * pageSize >= total

案例1：总共有 77 条数据，如果每页显示 10 条数据，则总共分为 8 页，其中第 8 页只有 7 条数

据

page（7）* pageSize（10） >= total（77）

page（8）* pageSize（10） >= total（77）

案例2：总共有 80 条数据，如果每页显示 10 条数据，则总共分为 8 页，其中第 8 页面有 10 条数

据

page（7）* pageSize（10） >= total（80）

page（8）* pageSize（10） >= total（80）

总结

能够知道如何实现页面之间的导航跳转

声明式导航、编程式导航

能够知道如何实现下拉刷新效果

enablePullDownRefresh、onPullDownRefresh

能够知道如何实现上拉加载更多效果 onReachBottomDistance、onReachBottom

能够知道小程序中常用的生命周期函数 应用生命周期函数：

onLaunch, onShow, onHide

页面生命周期函数：

onLoad, onShow, onReady, onHide, onUnload