CN106502738A

CN106502738A - 一种移动终端中的数据加载方法及装置

Info

Publication number: CN106502738A
Application number: CN201610925657.8A
Authority: CN
Inventors: 沈文策
Original assignee: Fujian Cnfol Information Technology Co Ltd
Current assignee: Fujian Cnfol Information Technology Co Ltd
Priority date: 2016-10-24
Filing date: 2016-10-24
Publication date: 2017-03-15

Abstract

本发明实施例提供了一种移动终端中的数据加载方法及装置，所述方法包括：接收移动终端发送的待加载页面的加载请求消息；根据所述加载请求消息获取所述待加载页面的数据和所述待加载页面的页面列表，所述页面列表用于存储所述待加载页面的数据与显示所述待加载页面的数据所使用的代码之间的对应关系；将所述待加载页面的数据和显示所述待加载页面的数据所使用的代码，插入到所述页面列表中，生成所述待加载页面；将所述待加载页面发送给所述移动终端，以使所述移动终端向用户加载所述待加载页面。应用本发明实施例能够有效解决数据加载过程中重复编写原始代码的问题，从而减少开发重复工作，节省开发时间，提高工作效率。

Description

一种移动终端中的数据加载方法及装置

技术领域

本发明涉及计算技术领域，特别是涉及一种移动终端中的数据加载方法及装置。

背景技术

目前，移动终端滚动加载数据使用场景较为常见，例如当我们浏览网页时，有些网页像新浪微博、网页博客、微信朋友圈等，当拉动网页的滚动条或者滑动鼠标滚轮到页面底部时，页面会自动加载更多数据以供用户浏览。通常，当页面数据比较多时，页面加载如果一次性加载完毕，需要用户等待较长时间，针对这种情况，目前很流行的做法就是滚动加载数据，即页面显示屏之外的数据默认是不加载的，随着页面的滚动，这个要显示数据的区域进入了浏览器可视窗口范围，则触发数据的加载显示。这种做法可以使页面加载速度快，同时节约流量。

现有的数据加载方法，就是使用Javascript语言监测滚动条的位置，每次当滚动条到达浏览器窗口底部时，便向服务器请求更多数据，待服务器返回更多的数据时，再通过服务器将返回的数据追加到页面底部，处理结束。

但是，在加载数据的过程中，当不同页面上所显示的不同数据具有相同显示属性时，并没有直接调用该相同属性的代码，而是分别重复编写这些具有相同功能的原始代码，增加了开发时间，从而导致工作效率低。

发明内容

本发明实施例的目的在于提供一种移动终端中的数据加载方法及装置，解决数据加载过程中重复编写原始代码的问题，减少开发重复工作，节省开发时间，从而提高工作效率。

为达到上述目的，本发明实施例公开了一种移动终端中的数据加载方法，所述方法包括：

接收移动终端发送的待加载页面的加载请求消息；

根据所述加载请求消息获取所述待加载页面的数据和所述待加载页面的页面列表，所述页面列表用于存储所述待加载页面的数据与显示所述待加载页面的数据所使用的代码之间的对应关系；

将所述待加载页面的数据和显示所述待加载页面的数据所使用的代码，插入到所述页面列表中，生成所述待加载页面；

将所述待加载页面发送给所述移动终端，以使所述移动终端向用户加载所述待加载页面。

优选的，所述接收移动终端发送的待加载页面的加载请求消息，包括：

接收移动终端通过Java描述语言发送的所述加载请求消息，所述加载请求消息是所述移动终端监测到当前显示页面中滚动条滚动至底部时发送的。

优选的，所述显示所述待加载页面的数据所使用的代码以插件形式存储；

所述将所述待加载页面的数据和显示所述待加载页面的数据所使用的代码，插入到所述页面列表中，生成所述待加载页面，包括：

从存储所述代码的插件中读取显示所述待加载页面的数据所使用的代码，并将所述待加载页面的数据和从插件中读取的所述代码，插入到所述页面列表中，生成所述待加载页面。

优选的，所述插件通过Java描述语言JS编写。

优选的，所述方法还包括：

根据显示所有待加载页面数据所使用的代码，生成所述插件。

本发明实施例还公开了一种移动终端中的数据加载装置，所述装置包括：

接收模块，用于接收移动终端发送的待加载页面的加载请求消息；

获取模块，用于根据所述加载请求消息获取所述待加载页面的数据和所述待加载页面的页面列表，所述页面列表用于存储所述待加载页面的数据与显示所述待加载页面的数据所使用的代码之间的对应关系；

处理模块，用于将所述待加载页面的数据和显示所述待加载页面的数据所使用的代码，插入到所述页面列表中，生成所述待加载页面；

加载模块，用于将所述待加载页面发送给所述移动终端，以使所述移动终端向用户加载所述待加载页面。

优选的，所述接收模块还用于：

所述处理模块还用于：

优选的，所述插件通过Java描述语言JS编写。

优选的，所述装置还包括：

生成模块，根据显示所有待加载页面数据所使用的代码，生成所述插件。

本发明实施例提供的一种移动终端中的数据加载方法及装置，能够有效解决数据加载过程中重复编写原始代码导致工作效率低的问题，减少开发重复工作，节省开发时间，从而提高工作效率。当然，实施本发明的任一产品或方法必不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种移动终端中的数据加载方法的流程图；

图2为本发明实施例提供的一种移动终端中的数据加载装置的结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例应用于移动终端中，移动终端滚动加载数据的使用场景较为常见，但在加载数据的过程中，当不同页面上所显示的不同数据具有相同显示属性时，并没有直接调用该相同属性的代码，而是分别重复编写这些具有相同功能的原始代码，增加了开发时间，从而导致工作效率低。基于此，本发明实施公开了一种移动终端中的数据加载方法及装置，以下分别进行详细说明。

参见图1，图1为本发明实施例提供的一种移动终端中的数据加载方法的流程图，包括如下步骤：

S101，接收移动终端发送的待加载页面的加载请求消息。

具体的，通过监测滚动条的位置，当滚动条到达浏览器窗口底部时，移动终端会直接向服务器发送待加载页面加载请求消息，或者移动终端会显示提示消息，例如“正在加载中…”、“加载中…”、“加载消息中…”等这样的消息，同时再向服务器发送待加载页面加载请求消息，相应的，服务器接收移动终端发送的待加载页面加载请求消息。在本发明一个可选的实施例中，使用Java描述语言Javascript监测滚动条的位置，每次当滚动条到达浏览器窗口底部时，移动终端会提示例如“正在加载中…”、“加载中…”、“加载消息中…”等这样的消息，同时触发一个AJAX(Asynchronous JavaScript And XML，异步JavaScript及XML)请求后台程序，AJAX向服务器发送待显示页面加载请求消息，服务器就会接收AJAX发来的待显示页面加载请求消息。通过AJAX，JavaScript可使用JavaScript的XMLHttpReques对象来直接与服务器进行通信。通过这个对象，JavaScript可在不重载页面的情况与Web服务器交换数据。同时，AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求)，这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX可使因特网应用程序更小、更快，更友好。另一方面，AJAX是一种独立于Web服务器软件的浏览器技术。AJAX基于下列Web标准：JavaScript XML HTML CSS在AJAX中使用的Web标准已被良好定义，并被所有的主流浏览器支持。因此本发明实施例中通过AJAX发送的待显示页面加载请求消息。对于满足所有请求条件的，均属于本发明实施例的保护范围，在此不一一举例。

S102，根据加载请求消息获取待加载页面的数据和待加载页面的页面列表，页面列表用于存储待加载页面的数据与显示待加载页面的数据所使用的代码之间的对应关系。

具体的，当服务器接收了移动终端发送的待加载页面的加载请求消息后，服务器就会根据移动终端发送的加载请求消息，获取待加载页面的数据和待加载页面的页面列表，这里，页面列表用于存储待加载页面的数据与显示待加载页面的数据所使用的代码之间的对应关系，也就是说，页面列表中存储了待加载页面的数据，以及与其相对应的显示属性的相关代码，通过给不同的数据显示属性设置相对应的代码，达到所要显示的效果，不同的数据显示属性例如页面显示出来的数据大小、颜色、形式，位置等属性。

S103，将待加载页面的数据和显示待加载页面的数据所使用的代码，插入到页面列表中，生成待加载页面。

具体的，将服务器获取到待加载页面的数据，和显示该待加载页面的数据所使用的代码，都插入到页面列表中，在页面列表中，待加载页面的数据与显示待加载页面的数据所使用的代码之间形成对应关系，再通过页面列表中的对应关系，生成待加载页面。

这里，通过页面列表中待加载页面的数据与显示待加载页面的数据所使用的代码之间的对应关系，将页面列表组合起来，这样，在生成加载页面的过程中，不用重复编写具有相同特征的代码，不仅节约了代码，而且节省了开发时间，提高了工作效率。在本发明另一个可选的实施例中，待加载页面的数据所使用的代码的存储形式以插件的形式来保存，即将代码封装成插件，并预留出接口供使用者调用，这样，在使用时就可以直接调用，而不用一次次重复编写具有相同属性的原始代码。这里插件是JS文件的形式。通常，页面加载后，要实现滚动加载，还需要引入一个JS文件，即页面需要引用jquery的JS文件，由于移动互联网的带宽非常有限，而jquery的最小的一个JS文件也要100K左右，因此，很多移动互联网页面都会抛弃使用jquery。本发明通过原生的Java描述语言JavaScript编写了对应的JS，这个JS只有3K的数据量。可见，本发明中的插件基于原生的JS，代码量少，减少了不必要的代码，减轻了文件的大小，有利于网页加载速度的提升。本发明实施例仅仅将代码封装成插件的形式，当然，还可以封装成其他形式，例如，封装成函数的形式、封装成类的形式等，对于满足所有封装和调用条件的，均属于本发明实施例的保护范围，在此不一一举例。

S104，将待加载页面发送给移动终端，以使移动终端向用户加载待加载页面。

具体的，服务器将待加载页面发送给移动终端，移动终端加载该待加载页面，然后，待加载页面显示到屏幕上供用户使用，执行完成。

在本发明实施例中，对于移动终端在加载过程中直接向服务器发送待加载页面加载请求消息的情况，直接在移动终端的页面上显示待加载页面；对于移动终端在加载过程中显示提示消息，例如“正在加载中…”、“加载中…”、“加载消息中…”等这样的消息的情况，在待加载页面显示出来的同时，隐藏一开始移动终端发送的待加载页面的加载请求消息时移动终端所显示的例如“正在加载中…”、“加载中…”、“加载消息中…”等这样的消息，执行完成。

由此可见，本发明实施例的移动终端中的数据加载方法，首先通过服务器接收移动终端发送的待加载页面的加载请求消息；其次，根据加载请求消息获取待加载页面的数据和代码；再次，将待加载页面的数据和代码插入到页面列表中，生成待加载页面；最后，将待加载页面发送给移动终端，以使移动终端向用户加载待加载页面。通过该方法能够有效解决数据加载过程中重复编写原始代码的问题，从而减少了开发重复工作，节省了开发时间，提高了工作效率。

在本发明实施例中，接收移动终端发送的待加载页面的加载请求消息，包括：

接收移动终端通过Java描述语言发送的加载请求消息，加载请求消息是移动终端监测到当前显示页面中滚动条滚动至底部时发送的。

具体的，移动终端通过使用Java描述语言Javascript监测滚动条的位置，每次当滚动条到达浏览器窗口底部时，移动终端会提示例如“正在加载中…”、“加载中…”、“加载消息中…”等这样的消息，同时触发一个AJAX请求后台程序，AJAX向服务器发送待显示页面加载请求消息，服务器就会接收AJAX发来的待显示页面加载请求消息。

通常，显示待加载页面的数据所使用的代码以插件形式存储。

这里，待加载页面的数据所使用的代码的存储形式可以是以插件的形式来保存，即将代码封装成插件，并预留出接口供使用者调用，这样，在使用时就可以直接调用，而不用一次次重复编写具有相同属性的原始代码，这里插件是JS文件的形式，即插件基于原生的JS，这样的优势是代码量少，减少了不必要的代码，减轻了文件的大小，有利于网页加载速度的提升。本发明实施例仅仅将显示待加载页面的数据所使用的代码以插件形式存储，即将显示待加载页面的数据所使用的代码封装成插件的形式，当然，还可以封装成其他形式，例如，封装成函数的形式、封装成类的形式等，对于满足所有封装和调用条件的，均属于本发明实施例的保护范围，在此不一一举例。

将待加载页面的数据和显示待加载页面的数据所使用的代码，插入到页面列表中，生成待加载页面，包括：

从存储代码的插件中读取显示待加载页面的数据所使用的代码，并将待加载页面的数据和从插件中读取的代码，插入到页面列表中，生成待加载页面。

具体的，服务器首先将待加载页面的数据和显示待加载页面的数据所使用的代码，插入到页面列表中，然后，从插件中读取显示待加载页面的数据所使用的代码，最后将读取的显示待加载页面的数据所使用的代码插入到页面列表中，生成待加载页面。

本发明实施例的插件通过Java描述语言JS编写。

这里，现有的编写插件的语言种类很多，例如C、C#、C++、Ruby等等，但由于本发明实施例中使用的是Java编程语言，如果编写插件的语言是除了Java描述语言JS之外的其他语言，那么还需要将其他语言转化为Java描述语言，这样会导致花费更多的时间，而且在转化过程中可能会不可避免的出现错误。因此，本发明中的插件是通过Java描述语言JS来编写的，这样使用起来比较准确、方便，而且节约时间。

本发明实施例的方法还包括：

根据显示所有待加载页面数据所使用的代码，生成插件。

这里，本发明实施例中的插件是根据显示所有待加载页面数据所使用的代码生成的，将显示所有待加载页面数据所使用的代码封装成插件的形式，并预留出接口方便调用。

参见图2，图2为本发明实施例提供的一种移动终端中的数据加载装置的结构图，包括如下模块：

接收模块201，用于接收移动终端发送的待加载页面的加载请求消息；

获取模块202，用于根据加载请求消息获取待加载页面的数据和待加载页面的页面列表，页面列表用于存储待加载页面的数据与显示待加载页面的数据所使用的代码之间的对应关系；

处理模块203，用于将待加载页面的数据和显示待加载页面的数据所使用的代码，插入到页面列表中，生成待加载页面；

加载模块204，用于将待加载页面发送给移动终端，以使移动终端向用户加载待加载页面。

进一步，接收模块还用于：

进一步，显示待加载页面的数据所使用的代码以插件形式存储；

处理模块还用于：

进一步，插件通过Java描述语言JS编写。

进一步，装置还包括：

生成模块，用于根据显示所有待加载页面数据所使用的代码，生成插件。

由此可见，本发明实施例的移动终端中的数据加载装置，首先，通过接收模块中服务器接收移动终端发送的待加载页面的加载请求消息；其次，通过获取模块中根据加载请求消息获取待加载页面的数据和代码；再次，通过处理模块中将待加载页面的数据和代码插入到页面列表中，生成待加载页面；最后，通过加载模块将待加载页面发送给移动终端，以使移动终端向用户加载待加载页面。通过该装置能够有效解决数据加载过程中重复编写原始代码的问题，从而减少了开发重复工作，节省了开发时间，提高了工作效率。

需要说明的是，本发明实施例的装置是应用上述一种移动终端中的数据加载方法的装置，则上述的一种移动终端中的数据加载方法的所有实施例均适用于该装置，且均能达到相同或相似的有益效果。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims

1.一种移动终端中的数据加载方法，其特征在于，包括：

接收移动终端发送的待加载页面的加载请求消息；

2.根据权利要求1所述的方法，其特征在于，所述接收移动终端发送的待加载页面的加载请求消息，包括：

3.根据权利要求1所述的方法，其特征在于，所述显示所述待加载页面的数据所使用的代码以插件形式存储；

4.根据权利要求3所述的方法，其特征在于，所述插件通过Java描述语言JS编写。

5.根据权利要求3或4所述的方法，其特征在于，所述方法还包括：

6.一种移动终端中的数据加载装置，其特征在于，包括：

7.根据权利要求6所述的装置，其特征在于，所述接收模块还用于：

8.根据权利要求6所述的装置，其特征在于，所述显示所述待加载页面的数据所使用的代码以插件形式存储；

所述处理模块还用于：

9.根据权利要求8所述的装置，其特征在于，所述插件通过Java描述语言JS编写。

10.根据权利要求8或9所述的装置，其特征在于，所述装置还包括：

生成模块，用于根据显示所有待加载页面数据所使用的代码，生成所述插件。