一种web数据信息的分页读取方法及系统的制作方法
【技术领域】
[0001] 本发明属于终端设备软件技术领域，涉及一种读取方法及系统，特别是涉及一种 web数据信息的分页读取方法及系统。
【背景技术】
[0002] 现如今的web网页都会要求兼容PC和手机，在使用jQueryMobile制作web的过 程中，需要从数据库读取数据以显示文字及图片一类的信息，一般的做法是直接一次性读 取所有的数据，jQueryMobile的分类是通过jQuery的功能进行切换实现的，而不是分离 的不同页面，所以在浏览器特别是移动终端浏览器向web服务端及数据库一次性请求数据 时，网页打开速度慢，需要大量的时间，用户的交互体验不好。
[0003] 因此，如何提供一种web数据信息的分页读取方法及系统，以解决现有技术中移 动终端浏览器向web服务端及数据库一次性请求web数据时产生网页打开速度较慢，花费 时间较长，用户交互体检不佳等种种缺陷，实已成为本领域从业者亟待解决的技术问题。
【发明内容】
[0004] 鉴于以上所述现有技术的缺点，本发明的目的在于提供一种web数据信息的分页 读取方法及系统，用于解决现有技术中移动终端浏览器向web服务端及数据库一次性请求 web数据时产生网页打开速度较慢，花费时间较长，用户交互体检不佳的问题。
[0005] 为实现上述目的及其他相关目的，本发明一方面提供一种web数据信息的分页读 取方法，应用于与一服务器端通信的可读取web网页的客户端，其中，所述服务器端配置有 用于存储web数据信息的数据库，所述客户端中预设有web主页，所述数据信息的分页读取 方法包括以下步骤：将所述web主页中的分类信息提取出来以获取与所述分类信息对应的 分类页面，在所述分类页面中采用预制读取方式读取所述分类页面上的web数据信息；在 感测到用户在触发所述客户端时，向服务器发送分类页面的读取参数；接收源自服务器的 已排版的web数据信息；在所述分类页面获取已排版的web数据信息时，所述分类页面显示 第一提示字段以提醒用户该分类页面有更多已排版的web数据信息可浏览，或所述分类页 面显示第二提示字段以提醒用户该分类页面已加载完毕已排版的web数据信息。
[0006] 可选地，每一客户端的web主页不同，所述web主页上的分类信息就不同。
[0007] 可选地，提取所述web主页中的分类信息是指将与所述分类信息对应的分类页面 以单独的Php页面撰写，并采用嵌套方式将其嵌套至web主页中。
[0008] 可选地，所述读取参数包括每一次读取web数据信息的起始信息行数和每一次读 取的行数。
[0009] 可选地，在感测到用户在触发所述客户端时，采用post方法及jQuery异步方式向 服务器发送分类页面的读取参数。
[0010] 可选地，所述已排版的web数据信息是通过html语音的最基本单元标签元素形 成。
[0011] 可选地，所述第一提示字段为"加载更多"，所述第二提示字段为"无更多数据"。
[0012] 本发明另一方面还提供一种web数据信息的分页读取系统，应用于与一服务器端 通信的可读取web网页的客户端，其中，所述服务器端配置有用于存储web数据信息的数据 库，所述客户端中预设有web主页，所述web数据信息的分页读取系统包括：读取模块，用于 将所述web主页中的分类信息提取出来以获取与所述分类信息对应的分类页面，在所述分 类页面中采用预制读取方式读取所述分类页面上的web数据信息；发送模块，与所述读取 模块连接，用于在感测到用户在触发所述客户端时，向服务器发送分类页面的读取参数；
[0013] 接收模块，与所述发送模块连接，用于接收源自服务器的已排版的web数据信息； 处理模块，与所述接收模块连接，用于在所述分类页面获取已排版的web数据信息时，所述 分类页面显示第一提示字段以提醒用户该分类页面有更多已排版的web数据信息可浏览， 或所述分类页面显示第二提示字段以提醒用户该分类页面已加载完毕已排版的web数据 fg息。
[0014] 可选地，所述读取模块还用于将与所述分类信息对应的分类页面以单独的php页 面撰写，并采用嵌套方式将其嵌套至web主页中。
[0015] 可选地，所述发送模块中预存有post方法及jQuery异步方式，所述发送模块用于 在感测到用户在触发所述客户端时，利用所述post方法及jQuery异步方式向服务器发送 分类页面的读取参数。
[0016] 本发明又一方面还提供一种客户端，包括：所述的web数据信息的分页读取系统。
[0017] 如上所述，本发明的web数据信息的分页读取方法及系统，具有以下有益效果：
[0018] 本发明所述的web数据信息的分页读取方法及系统可以分步加载web数据，提高 网页的访问速度，且在滑动或滚动过程中提示用户数据是否已经加载完毕，与用户的交互 性良好。
【附图说明】
[0019] 图1显示为本发明的web数据信息的分页读取方法流程示意图。
[0020] 图2显示为本发明的web数据信息的分页读取系统的原理结构示意图。
[0021] 元件标号说明
[0022] I web数据信息的分页读取系统
[0023] 11 读取模块
[0024] 12 发送模块
[0025] 13 接收模块
[0026] 14 处理模块
[0027] Sl ~S4 步骤
【具体实施方式】
[0028] 以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书 所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实 施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离 本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施 例中的特征可以相互组合。
[0029] 需要说明的是，以下实施例中所提供的图示仅以示意方式说明本发明的基本构 想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸 绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也 可能更为复杂。
[0030] 本发明提供一种web数据信息的分页读取方法及系统，其技术原理如下：
[0031] 1)将主页中的分类信息提取出来，在单独的页面中用php读取数据库信息，使用 数据库的limit功能每次读取8条。
[0032] 2)在主页中点击相应分类页面或者滚动滚轮以及向下滑动手机屏幕时，使用 post方法并利用jQuery的异步方式向1)中的页面传递读取数据库数据列表中的起始信息 条数start，使用该参数及1)中的limit功能达到分页获取数据的效果。
[0033] 3) jQeury异步方式的success方法会从分类页面取得返回信息，分类页面中显 示出的信息为html中的一些标签元素，当返回页面能够获取到这些标签元素时，页面显示 "加载更多"字样，提醒用户还有更多的数据可以查看，如果获取不到相应标签元素，则提示 "无更多数据"，提示用户该类信息已加载完毕。
[0034] 实施例一
[0035] 本实施例提供一种web数据信息的分页读取方法，应用于与一服务器端通信的可 读取web网页的客户端，其中，所述服务器端配置有用于存储web数据信息的数据库，所述 客户端中预设有web主页。在本实施例中，所述客户端可以为智能手机，平板电脑，笔记本 电脑等智能终端。请参阅图1，显示为web数据信息的分页读取方法流程示意图。如图1所 示，所述web数据信息的分页读取方法包括以下几个步骤：
[0036] S1，将所述web主页中的分类信息提取出来以获取与所述分类信息对应的分类页 面，在所述分类页面中采用预制读取方式读取所述分类页面上的web数据信息。每一客户 端的web主页不同，所述web主页上的分类信息就不同，在本实施例中，所述web主页是指 智能手机浏览器打开时显示的页面，且web主页都会有分类信息，例如，百度的分类信息就 包括新闻，网页，视频，地图，贴吧等等信息。而本实施例所述分类信息主要是针对游戏、小 说、视频等应用信息。在本实施例中，采用php(超文本预处理语言，web前端开发的语言之 一）自带的嵌套功能：
[0037] ex ：< ? php
[0038] Include_once "video, php" ；
[0039] ? >
[0040] 提取所述web主页中的分类信息是指将与所述分类信息对应的分类页面以单独 的php页面撰写，并采用嵌套方式将其嵌套至web主页中，且所述php可以直接访问服务器 中数据库中的web数据信息，过程如下：
[0041 ]
[0042] 在本步骤中，所述预制读取方式采用limit读取功能，其为数据块读取数据的方 法之一，limit方法的使用方法为limit start，number，start为数据库中数据开始的行 数，number表示一次读取多少行。
[0043] S2,在感测到用户在触发所述客户端时，即感测用户触发智能手机就是感测用户 点击相应分类页面，或者滚动鼠标滚轮以及向下滑动终端屏幕时，使用post方法和jQuery 异步方式向服务器发送分类页面的读取参数。在本实施例中，所述读取参数包括每一次读 取web数据信息的起始信息行数（limit start)和每一次读取的行数（number)，起始信息 行数（limit start)的读取是滚动的，每次从服务器端返回number行所制定行数的数据信 息，然后客户端用post方法再将start+number组成的新的start参数发送给服务器端以 返回更多的已排版的web数据信息至客户端。在本步骤中，使用limit功能每次读取N行， 本实施例中N为8。在本实施例中，是用读取参数及所述预制读取方式（limit功能）能达 到分页获取数据的技术效果。所述post方法是指在客户端（web主页）向服务器端（数据 库）请求web数据信息。所述jQuery异步方式是ajax的一个框架，ajax即"Asynchronous Javascript And XML"（异步JavaScript和XML)，为前端开发的一种技术，通过在后台与服 务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个 网页的情况下，对网页的某部分进行更新。
[0044] S3,接收源自服务器根据所述分类页面的读取参数反馈的已排版的web数据信 息。在本步骤中，服务器端根据读取参