[发明专利]交互界面呈现方法、客户端、终端及系统

说明书

本发明公开一种交互界面呈现方法、客户端、终端及系统。该方法的一具体实施方式包括：客户端内嵌的HTML5页面为由待下载数据包拆分得到的每个子数据包分别分配一个下载线程，其中每个子数据包封装一个交互界面的数据；HTML5页面依据呈现时序下载子数据包；HTML5页面依次加载子数据包并呈现交互界面。该实现方式可加快首个交互界面的呈现速度，后续子数据包的下载过程不影响当前交互界面的呈现，交互界面呈现的复杂度低、稳定性高。

技术领域

本发明涉及网络技术领域。更具体地，涉及一种交互界面呈现方法、客户端、终端及系统。

背景技术

目前，客户端分为基于本地系统运行的原生客户端和基于浏览器运行的网页客户端，多数的客户端开发都是使用的原生程序编写的应用程序，也就是说大部分的客户端属于原生客户端。在原生客户端中，例如微信、QQ等大量客户端都内嵌了HTML5，本地系统与H5互调可以实现混合开发，将一部分原生的功能改为HTML 5来开发。

在交互界面下载和呈现时，以在线课堂的作业交互界面为例，为保证用户在做作业时的稳定性和连贯性，平板电脑(例如IPAD)和计算机的客户端均采用作业数据包下载的方式，即客户端预先下载作业数据包，然后将作业交互界面逐一呈现，以使得用户可逐题完成作业。但是随着作业内容越来越丰富，作业数据包也越来越大，有的已经达到几十MB甚至上百MB。这就使得用户在做作业前要等待较长的下载时间，用户体验非常不佳。而且现有客户端采用的基于HTML5结合原生客户端的下载方案需要客户端进程和HTML5进程之间频繁通信，而且由于是客户端下载，数据交互都要在客户端启动作业后传入传出，任何一个环节异常都会让作业的呈现出现卡顿，无法继续，数据交互异常复杂，稳定性较差。

因此，需要提供一种基于HTML5的方式及分包下载的交互界面呈现方法、客户端、终端及系统。

发明内容

为解决交互界面下载和呈现时客户端加载等待时间过长，复杂度增加，稳定性较差的问题。本发明提供一种交互界面呈现方法、客户端、终端及系统。

为达到上述目的，本发明采用下述技术方案：

本发明第一方面提供了一种交互界面呈现方法，包括：

客户端内嵌的HTML5页面为由待下载数据包拆分得到的每个子数据包分别分配一个下载线程，其中每个子数据包封装一个交互界面的数据；

所述HTML5页面依据呈现时序下载子数据包；

所述HTML5页面依次加载子数据包并呈现交互界面。

优选地，所述HTML5页面依次加载子数据包并呈现交互界面进一步包括：所述HTML5页面分配加载线程和界面线程，所述加载线程解析子数据包中的数据；所述界面线程对子数据包中的数据进行渲染，从而呈现交互界面。

优选地，所述依据呈现时序下载所述子数据包进一步包括：

依据呈现时序依次下载子数据包；或，

依据呈现时序，先下载第一个呈现的交互界面对应的子数据包，再同时下载其他的子数据包。

优选地，所述依据呈现时序下载所述子数据包进一步包括：

判断下载速度是否小于阈值：

若是，则依据呈现时序依次下载子数据包；

若否，则依据呈现时序，先下载第一个呈现的交互界面对应的子数据包，再同时下载其他的子数据包；

其中，所述阈值依据当前网络带宽和子数据包字节长度最大值设定。

优选地，所述子数据包为将转换为base64字符串的待下载数据包压缩得到的ZIP压缩包。