[微信小程序]微信分页加载数据的最佳实现方法

  • A+
所属分类:在家加工小项目
摘要

\\N\\一般小程序做分页加载数据,会做一些下拉加载,然后再拉刷新操作.数据加载在for循环中,数据源是数组对象。加载下一页数据时,在当前数组之后拼写下一页的数据。这确实允许分页加载数据,但是如果数组中的对象是<b>每日精品视频内容有趣的网络名人视频]</b>更大,那么可以加载几页数据,并且数组的大小超过微信的限制。

\\N\\

一般小程序做分页加载数据,会做一些下拉加载,然后再拉刷新操作.数据加载在for循环中,数据源是数组对象。加载下一页数据时,在当前数组之后拼写下一页的数据。这确实允许分页加载数据,但是如果数组中的对象是<;b>;[http://www.jingrishuadian.com每日精品视频内容有趣的网络名人视频]<;/b>;更大,那么可以加载几页数据,并且数组的大小超过微信的限制。可能发生的异常。

\\N\\

以下是解决数据分页加载问题的常见和另一种方法。完整的项目可以在这里下载到

影响程序运行效果正常方式负荷增强负荷描述

在这个项目中用于分页的数据请求相同的json数据,这个json的数据结构由我自己拼写。在实践中,可以根据自己项目的要求对数据进行分页。该数据的结构是一个数据对象,该数据对象对应于一个对象数组。数组中的每一个对象都是一篇文章的信息,嗯,高中语文书籍必须记住的那种。每页有40条数据。JSON的一个片段的大小是570 K。此外,该项目旨在表示两种加载数据的方式,而不是真正的项目。

.

浅谈数据加载页面中的功能

无论是正常加载还是增强加载,都会调用一个方法在页面的onload过程中获取第一个页面上的数据。

.

然后单击页面底部以加载更多内容,您可以加载下一页数据,并使用另一种方法加载下一页数据。

.

此外,页面还可以点击爱来增加喜欢的次数,点击分享来增加分享的次数,这是一个模拟请求服务器更新的数据。单击作者或文章标题,查看文章的详细信息。

数据正常分页加载

通常,简单的分页加载数据是在数组中显示数据,通过for循环呈现数据。在NormalLoading.wxml中,通常加载的模板如下所示:

.

.

要加载初始数据,建议将请求放在方法中,因为如果要执行下拉刷新操作,只需在开始下拉刷新操作之后调用该方法。

.

.

在请求下一页数据后,本地编号<;b>;[http://www.kuaijo.com,是基于快步电影网络的最新、最受欢迎和最好看的电影和电视]和新的页面数据拼接在一起,让小程序呈现页面。

.

.

如果项目中的列表数量有限,数据又简单又小,那么使用这种方法就没有问题。但是,如果数据结构非常复杂,当每个对象被串行化为JSON后,对象很大,这种方法可能不太适合,过多的数据请求甚至会导致小程序不响应。

.

以该项目为例(因特网创业信息网http://www.sxfdxny.com小创业项目)<;/b>;,数据加载在第6页,240条数据,然后数据的第七页,异常将抛出,因为.setData({})一次集数据太大,无法设置数据。

分页中加载数据的更好方法

与上述加载方法相比,只需对数据存储进行少量的修改即可加载更多的数据。此方法是添加另一个数组来保存数据。最后一种方法是将所有数据存储在一个数组中,数据量很容易变得更大。此方法将对请求数据的每一页的引用放入新的数组数据阵列中。DataArray[0]存储数据的第一页,dataArray[1]存储数据的第二页。若要请求新页面,只需更新一组数据,以便集合数据不会超过微信迷你程序允许的长度。此方法首先清空DataArray,以防止使用loadInitData时新数据和原始数据之间的冲突。然后将页面数据放入dataArray[0]中。

.

.

在页面的呈现上,与上面的方法也有一些细微的区别,使用两个for循环来呈现数据。

.

.

加载下一页数据时,根据页面下标将页面的数据放在相应的下标数据阵列中。

.

.

以这种方式加载相同的数据可以加载到1400个块中,然后加载它将引发另一个例外:这个问题是因为小程序在这个页面上呈现了如此多的dom结构,以至于他已经超过了上限,而且目前还没有找到解决这个问题的方法。毕竟,数据不能无限加载,小程序无法在应用程序中重用列表。然而,与第一种只能加载240条数据的方法相比,该方法可以加载1400条数据,但是在加载了1400条数据之后,列表滚动起来非常拥挤。

总结 / 即决的 / 概要的

虽然实际项目中的数据可能不会加载那么多数据,因为这里的每个数据对应的对象大小实际上并不特别大,但实际项目中的数据可能更复杂和更多。此时,为了性能和速度,可以考虑与后端学生进行通信,将数据封装成一个具有更简单结构的数据传输对象,不直接显示数据结构,不直接在列表中传输它,结合第二种方法加载数据,应该能够处理大部分情况。小白联盟实际网络资金项目http://www.xiaobailm.com]<;/b>;

\\N\\

分享当前页面将至少获得10%佣金,点此获取推广链接(规则说明)。

本站VIP源码资源永久免费下载!持续更新!www.526bt.com

加入999永久VIP会员带做项目包赚钱!教引流包搭建,社群资源共享!

新项目更新通知QQ群:767688774 站长技术交流QQ群:552760713

点击这里给我发消息

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
admin
提供APP打包服务,APP封装
H5牛牛游戏开发只要你有演示站,我们就能定制,精仿道游
PHP源码安装ASP源码HTML源码安装服务
【微信开发者认证】微信开放平台认证/开发者资质申请/认证微信登录/微信分享app

发表评论

您必须才能发表评论!