CN102843369B - Ui界面的网络访问方法和系统 - Google Patents

Abstract

本发明提供一种UI界面的网络访问方法，包括步骤：将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示。本发明还提供了与上述方法对应的系统，本发明的技术，在UI界面中显示的是多个独立网络请求的结果，显示时间不再受限于整个UI界面的网络操作时间，灵活性高，缩短了显示返回信息前的等待时间，在任何一个独立界面上进行的操作不受其它独立界面的影响。

Description

UI界面的网络访问方法和系统

技术领域

本发明涉及网络访问技术领域，特别是涉及一种UI界面的网络访问方法和系统。

背景技术

目前，如手机、平板电脑等，大多都具有无线网络访问功能，由于移动网络的不稳定的特点，当信号不好，或者网络请求耗时较长的时候，用户通过操作界面产生网络请求，客户端需要一种健壮的异常处理机制，维护程序的稳定性。

传统的网络访问技术，是在用户操作界面产生网络请求（如阅读新闻）后，锁死界面并弹出等待对话框，此时用户不能操作界面，网络请求成功后，关闭等待对话框，进入下一界面，如果网络请求失败，则弹出失败对话框让用户重试，上述技术中，用户必须等到网络返回或者网络异常才能操作界面网络，灵活性低。

另外，还有一种使用较多的技术是在用户操作界面产生网络请求后，产生一个新的等待界面替换当前界面，如果网络请求成功，则在当前页面显示内容，如果失败则让用户在当前界面重试。在网络请求的过程中用户如果返回前一个页面，则放弃这次网络请求；但上述技术在页面内容的网络访问耗时过长时，如服务器需要在后台查询大量数据，那么用户端需要较长时间才可以获得返回信息，导致显示返回信息前的等待时间过长，等待过程中不能对UI界面进行操作。

发明内容

基于此，有必要针对上述现有技术显示返回信息前的等待时间过长，等待过程中不能对UI界面进行操作的问题，提供一种UI界面的网络访问方法和系统。

一种UI界面的网络访问方法，包括如下步骤：

将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；

根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示。

一种UI界面的网络访问系统，包括：

界面划分单元，用于将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；

网络访问单元，用于根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

界面显示单元，用于根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示。

上述UI界面的网络访问方法和系统，将UI界面划分为若干独立界面，分别通过独立的网络接口来进行网络访问，再将网络返回数据响应到指定的区域，由于各个独立界面访问请求的独立性，在UI界面中显示的是多个独立网络请求的结果，显示时间不再受限于整个UI界面的网络操作时间，灵活性高，缩短了显示返回信息前的等待时间，在任何一个独立界面上进行的操作不受其它独立界面的影响。

附图说明

图1为一个实施例的UI界面的网络访问方法流程图；

图2为进行新闻阅读过程的用户操作时序图；

图3为进行新闻阅读过程的效果图；

图4为下载包括图片和文字新闻内容的效果图；

图5为一个实施例的UI界面的网络访问系统的结构示意图。

具体实施方式

下面结合附图对本发明的UI界面的网络访问方法的具体实施方式作详细描述。

图1示出了一个实施例的UI界面的网络访问方法流程图，主要包括如下步骤：

S100，将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；

S200，根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

S300，根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示。

为了更清晰本发明UI界面的网络访问方法的技术方案，下面阐述较佳实施例。

步骤S100的过程包括如下：

根据UI界面的设计，将UI界面上页面内容的进行分类，例如文字、图片等进行分类，根据不同的页面内容的分类划分成若干独立界面；

计算各个独立界面在UI界面上的位置参数，包括其显示范围的大小和位置坐标，根据网络接口生成若干网络对象，这些网络对象用于存储上述独立界面；

再将网络对象加入到访问队列中。

步骤S200包括如下：

用线程驱动访问队列，将访问队列中的网络对象逐个取出，依据每个独立界面生成一个网络请求；

将上述网络请求通过相互独立的网络接口对服务器进行网络访问。

步骤S300的过程包括如下：

当客户端接收到服务端响应的网络对象对应的返回信息时，取出网络对象中要显示的独立界面；

将返回信息放置在独立界面中，根据计算的位置参数调整独立界面在UI界面上的显示范围大小和坐标；

将独立界面在UI界面上进行显示。

进一步地，在当客户端等待服务端响应的过程中，当客户端在设定的时间内无法接收到网络对象对应的返回信息时，调用重试界面在独立界面的位置进行显示；

上述步骤中，在网络对象出现异常时，调用系统的重试界面显示出来，此时，用户点击重试按钮，即可将该网络对象克隆一份，然后再调用克隆对象重新产生网络请求，实现了UI界面的局部刷新，对于已经响应的网络请求的返回信息的显示不产生任何影响，用户仍然可以快速地获得所要关注的信息。

另外，当客户端在网络请求过程中退出了UI界面，则清空访问队列所有的网络对象，并放弃所有的网络请求。

为了更有利于了解本发明的技术方案，下面阐述一个UI界面的网络访问方法的应用实例。

本应用实例中，列举UI界面实现新闻阅读的功能，具体地，UI界面的页面内容为新闻内容和新闻推荐栏目；其中，UI界面的上半部分用于显示新闻内容，下半部分用于显示新闻推荐栏目。

当用户进行新闻阅读时，UI界面产生一个新等待界面，发出多个独立的访问请求至服务器，例如新闻内容的访问请求和新闻推荐栏目的服务请求，服务器分别对上述访问请求作出响应，当客户端将页面内容下载完成后，即开始替换掉当前的等待动画，假设新闻推荐栏目没有下载成功，此时，调用重试界面显示在屏幕的下半部分，而新闻内容部分仍然正常显示，不受新闻推荐栏目异常的影响，用户可以获得新闻内容这一关注信息，无需等待新闻推荐栏目的显示，由于是独立的界面，所以对于新闻内容可以进行阅读、访问下一个页面等操作，而不受新闻推荐栏目的影响。

参见图2所示，图2是进行新闻阅读过程的用户操作时序图；主要包括如下步骤：

a、用户通过UI界面进行新闻阅读，进入下一个UI界面；

b、客户端确定UI界面上的各个网络请求及其对应位置；

c、客户端通过独立的网络接口向服务器请求新闻内容下载；

d、客户端通过独立的网络接口向服务器请求新闻推荐栏目下载；

e、客户端等待下载服务器响应的返回信息；

f、客户端下载新闻内容完成，将其在UI界面上对应位置进行显示；

g、客户端下载新闻推荐栏目失败，调用系统的重试界面进行显示；

h、用户驱动重试界面，重新发起访问请求；

i、客户端重新通过独立的网络接口向服务器请求新闻推荐栏目下载；

j、客户端下载新闻推荐栏目成功，将其在UI界面上对应位置进行显示；

参见图3所示，图3是进行新闻阅读过程的效果图，从图中可以看出，没有完成下载的新闻推荐栏目位置显示为重试界面，而已下载成功的新闻内容可以正常显示，并可以进行其它操作。

作为一个实施例，对于新闻内容部分，如果包括文字大量图片，则文字和图片（如果有多个图片，则每个图片对应一个访问请求）分别通过独立的网络接口进行网络访问，由于文字数据量相对较少，可以快速下载，假如某些图片无法完全下载，则可以调用重试界面在该界面进行显示，优选地，还可以用默认图片代替重试界面，用户重新点击默认图片时，重新下载图片，其效果可以参见图4所示，图4为下载包括图片和文字新闻内容的效果图，从图中可以看出，没有完成下载的图片位置显示为默认图片，而已下载成功部分的图片以及文字可以正常显示，并可以进行其它操作。

下面结合附图对本发明的UI界面的网络访问方法对应系统的具体实施方式作详细描述。

图5示出了一个实施例的UI界面的网络访问系统的结构示意图，主要包括：

界面划分单元，用于将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；

网络访问单元，用于根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

界面显示单元，用于根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示。

为了更清晰本发明UI界面的网络访问系统的技术方案，下面阐述较佳实施例。

界面划分单元进一步用于：

根据UI界面的设计，将UI界面上页面内容的进行分类，并划分成若干独立界面；

计算各个独立界面在所述UI界面上的位置参数，根据网络接口生成若干网络对象，其中，所述网络对象用于存储所述独立界面；

将所述网络对象加入到访问队列中。

网络访问单元进一步用于：

用线程驱动所述访问队列，将所述访问队列中的网络对象逐个取出，依据每个独立界面生成一个网络请求；

将所述网络请求通过相互独立的网络接口对服务器进行网络访问。

界面显示单元进一步用于：

当客户端接收到所述网络对象对应的返回信息时，取出网络对象中的独立界面；

将返回信息放置在所述独立界面中，根据所述位置参数调整所述独立界面在所述UI界面上的位置；

将所述独立界面进行显示；

当客户端在网络请求过程中退出了UI界面，则清空访问队列所有的网络对象，并放弃所有的网络请求。

本发明的UI界面的网络访问系统与UI界面的网络访问方法一一对应，在UI界面的网络访问方法实施例中的技术特征及其有益效果，均适用于UI界面的网络访问系统的实施例中，在此不再赘述。

综上所述，相对于现有技术，本发明为用户提供了更好的使用体验，缩短了用户的等待时间，可以及时看到所关注的内容，同时，在任何一个独立界面上进行的操作不受其它独立界面的影响，在异常处理方面，通过重试功能刷新局部区域，无需对整个界面进行重新刷新。本发明的技术方案具有通用性，并且在多种客户端上经过大量验证，都收到了良好的效果，大大缩短了开发和维护周期。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (8)

1.一种UI界面的网络访问方法，其特征在于，包括如下步骤：

将UI界面划分为若干独立界面，并确定各个独立界面在所述UI界面上的位置参数；具体包括：根据UI界面的设计，将UI界面上的页面内容进行分类，并划分成若干独立界面；计算各个独立界面在所述UI界面上的位置参数，根据网络接口生成若干网络对象，其中，所述网络对象用于存储所述独立界面；

根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示；具体包括：当客户端接收到所述网络对象对应的返回信息时，取出网络对象中的独立界面；将返回信息放置在所述独立界面中，根据所述位置参数调整所述独立界面在所述UI界面上的位置；将所述独立界面进行显示。

2.根据权利要求1所述的UI界面的网络访问方法，其特征在于，还包括：

将所述网络对象加入到访问队列中。

3.根据权利要求2所述的UI界面的网络访问方法，其特征在于，所述根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问步骤包括：

用线程驱动所述访问队列，将所述访问队列中的网络对象逐个取出，依据每个独立界面生成一个网络请求；

将所述网络请求通过相互独立的网络接口对服务器进行网络访问。

4.根据权利要求1所述的UI界面的网络访问方法，其特征在于，还包括：

当客户端在设定的时间内无法接收到所述网络对象对应的返回信息时，调用重试界面在所述独立界面的位置进行显示。

5.根据权利要求2所述的UI界面的网络访问方法，其特征在于，所述UI界面的页面内容为新闻内容和新闻推荐栏目；其中，所述UI界面的上半部分用于显示新闻内容，下半部分用于显示新闻推荐栏目。

6.一种UI界面的网络访问系统，其特征在于，包括：

界面划分单元，用于将UI界面划分为若干独立界面，并确定各个独立界面 在所述UI界面上的位置参数；具体包括：根据UI界面的设计，将UI界面上的页面内容进行分类，并划分成若干独立界面；计算各个独立界面在所述UI界面上的位置参数，根据网络接口生成若干网络对象，其中，所述网络对象用于存储所述独立界面；

网络访问单元，用于根据所述独立界面生成相应的网络请求，将所述网络请求分别通过相互独立的网络接口进行网络访问；

界面显示单元，用于根据所述位置参数将所述网络访问获得的返回信息在所述UI界面上进行显示；具体包括：当客户端接收到所述网络对象对应的返回信息时，取出网络对象中的独立界面；将返回信息放置在所述独立界面中，根据所述位置参数调整所述独立界面在所述UI界面上的位置；将所述独立界面进行显示。

7.根据权利要求6所述的UI界面的网络访问系统，其特征在于，所述界面划分单元还用于：

将所述网络对象加入到访问队列中。

8.根据权利要求7所述的UI界面的网络访问系统，其特征在于，所述网络访问单元进一步用于：

用线程驱动所述访问队列，将所述访问队列中的网络对象逐个取出，依据每个独立界面生成一个网络请求；

将所述网络请求通过相互独立的网络接口对服务器进行网络访问。