买专利,只认龙图腾
首页 专利交易 科技果 科技人才 科技服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

【发明授权】数据展示方法及装置_武汉斗鱼网络科技有限公司_201810215261.3 

申请/专利权人:武汉斗鱼网络科技有限公司

申请日:2018-03-15

公开(公告)日:2021-04-27

公开(公告)号:CN110275661B

主分类号:G06F3/0485(20130101)

分类号:G06F3/0485(20130101);G06F3/0484(20130101);G06F9/451(20180101)

优先权:

专利状态码:有效-授权

法律状态:2021.04.27#授权;2019.10.22#实质审查的生效;2019.09.24#公开

摘要:本发明实施例提供了一种数据展示方法及装置,所述方法包括:根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控滚动条滑块在所述滚动条上的实时位置信息;判定所述实时位置信息所属的滚动条区域对应的目标页码;将所述目标页码对应的分页数据展示在所述分页容器的当前页面。本发明在减少使用插件的前提下,实现了基于滚动条滑块移动的滚动翻页数据展示功能,加强数据展示效果,提高用户体验。

主权项:1.一种数据展示方法,其特征在于,所述方法包括:根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据,确定待展示数据的总分页页码;在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域,所述在所述分页容器内生成滚动条,包括:根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息;监控滚动条滑块在所述滚动条上的实时位置信息;判定所述实时位置信息所属的滚动条区域对应的目标页码;将所述目标页码对应的分页数据展示在所述分页容器的当前页面。

全文数据:数据展示方法及装置技术领域本发明涉及计算机技术领域,尤其涉及一种数据展示方法及装置。背景技术目前,随着网络通信技术的进步和宽带网络的提速,各种网络应用得到了越来越多的应用,而且越来越受到大家的欢迎。但是,现阶段很多网络应用的性能已经达到了一个瓶颈,例如,网络视频直播,主站直播间性能已经达到了一个瓶颈,各种插件的使用,各种定时器,各种接口请求,视频流加载,长连接建立性能的消耗,影响了主站的整体加载速度,因此,在做任何一个效果或者功能时,减少使用插件,由原生代码实现所需功能及特效具有重要意义。现有技术中,滚动条功能具体为页面的内容随着滚动条滑块移动的位置实时变化,拖动的时候,是没有触发点的,滚动条滑块拖到什么位置,则会展示该位置对应的数据内容,可见现有技术中的滚动条功能无法实现翻页滚动的数据展示功能。发明内容鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的数据展示方法及装置。本发明的一个方面,提供了一种数据展示方法,所述方法包括:根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控滚动条滑块在所述滚动条上的实时位置信息;判定所述实时位置信息所属的滚动条区域对应的目标页码;将所述目标页码对应的分页数据展示在所述分页容器的当前页面。其中,所述在所述分页容器内生成滚动条,包括:根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。其中,所述在所述分页容器内生成滚动条,还包括:将所述分页容器与鼠标滚轮事件进行绑定,和或,将所述分页容器与鼠标滚轮释放事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽释放事件进行绑定,和或,将所述滚动条与鼠标点击事件进行绑定。其中,所述判定所述实时位置信息所属的滚动条区域对应的目标页码,包括:获取所述滚动条滑块在所述滚动条上的初始位置信息;若所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;若所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;否则所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。其中,所述将所述目标页码对应的分页数据展示在所述分页容器的当前页面,包括:将所述目标页码对应的分页数据按照预设特效方式展示在所述分页容器的当前页面。本发明的另一个方面,提供了一种数据展示装置,所述装置包括:配置模块,用于根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;生成模块,用于在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控模块,用于监控滚动条滑块在所述滚动条上的实时位置信息;判定模块,用于判定所述实时位置信息所属的滚动条区域对应的目标页码;展示模块,用于将所述目标页码对应的分页数据展示在所述分页容器的当前页面。其中,所述生成模块,具体用于根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。其中,所述判定模块,包括:获取单元,用于获取所述滚动条滑块在所述滚动条上的初始位置信息;判断单元,用于当所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;当所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;否则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。此外,本发明还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述方法的步骤。此外,本发明还提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上所述方法的步骤。本发明实施例提供的数据展示方法及装置,通过实时监控滚动条滑块在滚动条上的实时位置信息,其中,滚动条上对应有各分页的滚动条区域,根据实时位置信息所属的滚动条区域对应的目标页码,将所述目标页码对应的分页数据展示在所述分页容器的当前页面,本发明在减少使用插件的前提下,实现了基于滚动条滑块移动的滚动翻页数据展示功能,加强数据展示效果,提高用户体验。上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1为本发明实施例的一种数据展示方法的流程图;图2为本发明实施例的一种数据展示方法中步骤S14的细分流程图;图3为本发明实施例的一种数据展示装置的结构框图;图4为本发明实施例的一种数据展示装置中判定模块的内部结构框图;图5为本发明实施例的计算机设备的示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。本技术领域技术人员可以理解,除非另外定义,这里使用的所有术语包括技术术语和科学术语,具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是,诸如通用字典中定义的那些术语,应该被理解为具有与现有技术的上下文中的意义一致的意义,并且除非被特定定义,否则不会用理想化或过于正式的含义来解释。由于现有滚动条插件的功能仅限于页面的内容随着滚动条滑块移动的位置实时变化,无法实现翻页滚动的数据展示功能,为此本发明实施例提供了一种通过原生代码实现自定义滚动条的数据展示方法及装置。本发明实施例在不使用现有的滚动条插件的前提下,利用原生代码实现自定义滚动条,进而实现了基于滚动条滑块移动的滚动翻页数据展示功能,加强数据展示效果,提高用户体验。图1示意性示出了本发明一个实施例的数据展示方法的流程图。参照图1,本发明实施例的数据展示方法具体包括以下步骤:步骤S11、根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据。本实施例中,所述分页容器为用于容纳待展示数据的容器。其中,分页配置信息包括待展示数据中每个元素数据所占宽度、高度,默认滚动条滑块距离分页容器顶部距离,分页容器中每行显示元素数据个数,每列显示元素数据个数,滚动条小滑块的高度,默认显示第几页等初始配置信息。其中,分页配置信息可以由用户来配置,比较灵活,根据用户配置具体需要显示的单个元素数据的宽高,来生成分页容器的宽高,滚动条顶部距离分页容器顶部距离可配置。本实施例通过在数据展示装置的分页容器中传入分页配置信息,以及用户需要展示在分页里的待展示的数组数据信息,根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据,确定待展示数据的总分页页码。步骤S12、在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域。本实施例中,在根据用户配置的需要展示在分页里的待展示的数组数据信息和分页容器的分页配置信息对待展示数据进行页码划分之后,得到每一分页的分页数据,也即分页信息数组,然后根据分页信息数组去渲染每一分页以及自定义滚动条结构。本实施例中,所述在所述分页容器内生成滚动条,具体包括:根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。其中,滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域。进一步地,还包括将所述分页容器与鼠标滚轮事件进行绑定,和或,将所述分页容器与鼠标滚轮释放事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽释放事件进行绑定,和或,将所述滚动条与鼠标点击事件进行绑定。本实施例中,在根据分页容器的分页配置信息对待展示数据进行页码划分之后,还包括在分页容器中自定义滚动条,在所述滚动条上依次对应有各分页的滚动条区域,用户移动鼠标或滚动鼠标滚轮拖拽滑块到对应页码在滚动条上的滚动条区域即可展示对应页码的分页数据。步骤S13、监控滚动条滑块在所述滚动条上的实时位置信息。实际应用中,当将检测到鼠标滚轮移动事件,鼠标滚轮释放事件,鼠标拖拽事件,鼠标拖拽释放事件或是鼠标点击事件等可能使滚动条滑块在所述滚动条上的位置发生移动的事件之后,实时监控滚动条滑块在所述滚动条上的实时位置信息。步骤S14、判定所述实时位置信息所属的滚动条区域对应的目标页码;步骤S15、将所述目标页码对应的分页数据展示在所述分页容器的当前页面。本实施例通过在数据展示装置的分页容器中传入分页配置信息,以及用户需要展示在分页里的待展示的数组数据信息,根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据,确定待展示数据的总分页页码。并在分页容器中自定义滚动条,用户拖拽鼠标滑块到对应页码需要展示的滚动条位置即可展示对应页码内容。本实施例中的分页容器滚动翻页特效触发方式有3中,鼠标滚轮,上下翻页按钮,滚动条滑块拖拽。其中,鼠标滚轮和滚动条滑块拖拽均是通过鼠标触发相应事件时监控滚动条滑块在所述滚动条上的实时位置信息,并根据实时位置信息所属的滚动条区域对应的目标页码,将对应的分页数据展示在分页容器的当前页,以实现分页容器滚动翻页特效。此外,本实施例还,还设置有上下翻页按钮,点击上下翻页按钮,即可实现分页容器滚动翻页特效。本实施例,在所述判定所述实时位置信息所属的滚动条区域对应的目标页码之后,所述方法还包括:以浮层方式在所述实时位置信息所属的滚动条区域显示对应的目标页码。本发明实施例提供的数据展示方法,通过实时监控滚动条滑块在滚动条上的实时位置信息,其中,滚动条上对应有各分页的滚动条区域,根据实时位置信息所属的滚动条区域对应的目标页码,将所述目标页码对应的分页数据展示在所述分页容器的当前页面,本发明在减少使用插件的前提下,实现了基于滚动条滑块移动的滚动翻页数据展示功能,加强数据展示效果,提高用户体验。在本发明实施例中,参照图2,所述判定所述实时位置信息所属的滚动条区域对应的目标页码,具体包括以下步骤:步骤S141、获取所述滚动条滑块在所述滚动条上的初始位置信息;步骤S142、若所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;步骤S143、若所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;步骤S144、否则所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。本实施例,所述将所述目标页码对应的分页数据展示在所述分页容器的当前页面,具体包括将所述目标页码对应的分页数据按照预设特效方式展示在所述分页容器的当前页面。为了在实现分页容器滚动翻页特效的同时,进一步加强数据展示效果,提高用户体验,本实施例在将当前滚动条滑块实时位置对应的目标页码的分页数据展示在分页容器的当前页面时,可采用预先设置的特效方式实现分页数据的展示。本发明实施例提供的数据展示方法,具体为一种基于滚动条翻页的数据展示方法,通过根据滚动条滑块移动到的滚动条区域,而这个位置正好是上一分页和下一分页的临界点的位置,然后则直接翻页,否则依然展示当前分页,进而实现控制整屏滚动翻页,不再像普通的滚动条那样,页面的内容不是随着滑块移动的位置实时变化,而是整屏滚动翻页。下面以滚动条滑块拖拽为一个具体实施例,对本发明技术方案进行说明,将拖拽分页三个步骤,记录滑块拖拽开始时鼠标起始坐标,在鼠标释放滑块时,根据滑块拖拽结束坐标减去起始坐标,便能得出滑块移动的距离。根据滑块移动的距离,确定滑块当前实时位置信息与当前分页在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息之间的关系。1、鼠标按下滚动条滑块记录鼠标按下起始坐标,滚动条滑块距离分页容器顶部距离。当前分页父容器和滚动条区域绑定鼠标点击、移动和鼠标释放事件,当前分页父容器绑定鼠标滚轮移动事件。2、鼠标拖动滑块确定滚动条滑块高度,滑块距离分页容器顶部的高度即滑块滚动的起始范围值,当前页码,计算滑块滚动的结束坐标最大值,即为滑块距离分页容器顶部距离+滑块高度*分页总页码-1。获取鼠标移动过程中滚动条滑块的结束坐标,滑块移动之前的初始坐标也即上一次拖拽结束的坐标,计算出每一分页滚动条滑块在滚动条上对应的滚动条区域的起始坐标和结束坐标。在鼠标移动过程中实时更新滑块距离分页容器顶部距离,即为滑块移动之前的坐标+滑块移动结束坐标-滑块移动之前的坐标,该值范围必须在滑块滚动的起始范围值和滑块滚动的结束坐标最大值之间,设置滑块距离分页容器顶部距离。若滑块移动结束坐标小于上一次滑块移动结束坐标,且滑块当前滑块距离分页容器顶部距离小于当前页面滑块应处于的起始范围。页码减去1,上一页分页逻辑处理,分页父容器区域滚动特效,分页信息浮层显示,渐隐消失。若滑块移动结束坐标大于上一次滑块移动结束坐标,且滑块当前滑块距离分页容器顶部距离大于当前页面滑块应处于的结束范围。页码加1,下一页分页逻辑处理,分页父容器区域滚动特效,分页信息浮层显示,渐隐消失。实现细节:滑块跟随鼠标的位置实时移动,但是分页容器滚动却是按照鼠标滑块在滚动条的起始位置和结束位置是否达到当前分页起始位置和结束位置范围,来确定是否分页。本实施例中,利用原生的鼠标移动事件,来处理拖拽,方便灵活,操作细节可以更改,数据计算方便简单,无需修改插件繁琐的逻辑。性能也高。3、鼠标释放滑块获取滑块高度,滑块距离分页容器顶部默认距离,鼠标按下起始坐标,释放时鼠标坐标,当前页码,滚动条滑块距离分页容器顶部距离,计算出每一分页滚动条滑块在滚动条上对应的滚动条区域的起始坐标和结束坐标。滑块滚动的结束坐标最大值,即为滑块距离分页容器顶部距离+滑块高度*分页总页码-1。在鼠标移动过程中实时更新滑块距离分页容器顶部距离t,即为滑块移动之前的坐标+滑块移动结束坐标-滑块移动之前的坐标,该值范围必须在滑块滚动的起始范围值和滑块滚动的结束坐标最大值之间,设置滑块距离分页容器顶部距离。滑块的结束坐标小于滑块的起始坐标并且,滑块距离分页容器顶部距离小于当前页滑块对应的起始坐标。页码减去1,上一页分页逻辑处理,分页父容器区域滚动特效,分页信息浮层显示,渐隐消失,设置滑块距离分页容器顶部距离。解绑分页容器拖拽移动事件,解绑分页容器拖拽鼠标释放事件,解绑滚动条滑块拖拽鼠标释放事件,解绑滚动条拖拽鼠标释放事件。滑块的结束坐标大于滑块的起始坐标并且,滑块距离分页容器顶部距离大于当前页滑块对应的结束坐标。页码加1,下一页分页逻辑处理;分页父容器区域滚动特效;分页信息浮层显示,渐隐消失;设置滑块距离分页容器顶部距离。解绑分页容器与鼠标滚轮事件,解绑分页容器与鼠标滚轮释放事件,解绑滚动条滑块与鼠标拖拽事件,解绑滚动条滑块与鼠标拖拽释放事件,解绑滚动条与鼠标点击事件。滑块的结束坐标,滑块距离分页容器顶部距离判断范围不是以上两种情况的其他情况。计算滑块距离分页容器顶部距离,其值为=滑块距离分页容器顶部默认距离+当前分页码-1*滑块高度,设置滑块距离分页容器顶部距离。解绑分页容器与鼠标滚轮事件,解绑分页容器与鼠标滚轮释放事件,解绑滚动条滑块与鼠标拖拽事件,解绑滚动条滑块与鼠标拖拽释放事件,解绑滚动条与鼠标点击事件。实现细节:鼠标释放滑块,滑块所处位置,是由当前页面,滑块所处滚动条的起始坐标和结束坐标来决定,如果小于当前页滑块所处滚动条的起始位置,那直接设置滑块的位置为当前页滑块所处滚动条的起始位置;如果大于当前页滑块所处滚动条的结束位置,那直接设置滑块的位置为当前页滑块所处滚动条的结束位置。否则,滑块位置为当前页滑块所处滚动条的起始位置和结束位置之间。本实施例中,鼠标释放时的交互细节良好,有起始范围和结束范围控制,如果不在起始和结束范围内,则重置为起始值或者结束值。当鼠标滑块向上拖拽且鼠标滑块位置小于当前页滑块应处的起始位置,则会触发上一页翻页。当鼠标滑块向下拖拽且鼠标滑块位置大于当前页滑块应处的结束位置,则会触发下一页翻页。用户体验好。对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。图3示意性示出了本发明一个实施例的数据展示装置的结构示意图。参照图3,本发明实施例的数据展示装置具体包括配置模块301、生成模块302、监控模块303、判定模块304以及展示模块305,其中:配置模块301,用于根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;生成模块302,用于在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控模块303,用于监控滚动条滑块在所述滚动条上的实时位置信息;判定模块304,用于判定所述实时位置信息所属的滚动条区域对应的目标页码;展示模块305,用于将所述目标页码对应的分页数据展示在所述分页容器的当前页面。本发明实施例中,所述生成模块302,具体用于根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。进一步地,所述生成模块302,具体还用于将所述分页容器与鼠标滚轮事件进行绑定,和或,将所述分页容器与鼠标滚轮释放事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽释放事件进行绑定,和或,将所述滚动条与鼠标点击事件进行绑定。本发明实施例中,参照图4,所述判定模块304,进一步包括获取单元3041和判断单元3042,其中:所述的获取单元3041,用于获取所述滚动条滑块在所述滚动条上的初始位置信息;所述的判断单元3042,用于当所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;当所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;否则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。本发明实施例中,所述展示模块305,具体用于将所述目标页码对应的分页数据按照预设特效方式展示在所述分页容器的当前页面。本发明实施例中,所述展示模块305,还用于在所述判定模块304判定所述实时位置信息所属的滚动条区域对应的目标页码之后,以浮层方式在所述实时位置信息所属的滚动条区域显示对应的目标页码。对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。本发明实施例提供的数据展示方法及装置,通过实时监控滚动条滑块在滚动条上的实时位置信息,其中,滚动条上对应有各分页的滚动条区域,根据实时位置信息所属的滚动条区域对应的目标页码,将所述目标页码对应的分页数据展示在所述分页容器的当前页面,本发明在减少使用插件的前提下,实现了基于滚动条滑块移动的滚动翻页数据展示功能,加强数据展示效果,提高用户体验。此外,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述方法的步骤。本实施例中,所述数据展示装置集成的模块单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器ROM,Read-OnlyMemory、随机存取存储器RAM,RandomAccessMemory、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。图5为本发明实施例提供的计算机设备的示意图。本发明实施例提供的计算机设备,包括存储器501、处理器502及存储在存储器501上并可在处理器502上运行的计算机程序,所述处理器502执行所述计算机程序时实现上述各个数据展示方法实施例中的步骤,例如图1所示的步骤S11、根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;步骤S12、在所述分页容器内生成滚动条,各分页按照页码顺序依次在所述滚动条上对应有的连续的滚动条区域;步骤S13、监控滚动条滑块在所述滚动条上的实时位置信息;步骤S14、判定所述实时位置信息所属的滚动条区域对应的目标页码;步骤S15、将所述目标页码对应的分页数据展示在所述分页容器的当前页面。或者,所述处理器502执行所述计算机程序时实现上述各数据展示装置实施例中各模块单元的功能,例如图3所示的配置模块301、生成模块302、监控模块303、判定模块304以及展示模块305。示例性的,所述计算机程序可以被分割成一个或多个模块单元,所述一个或者多个模块单元被存储在所述存储器中,并由所述处理器执行,以完成本发明。所述一个或多个模块单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序在所述数据展示装置中的执行过程。例如,所述计算机程序可以被分割成配置模块301、生成模块302、监控模块303、判定模块304以及展示模块305,各模块具体功能如下:配置模块301,用于根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;生成模块302,用于在所述分页容器内生成滚动条,各分页按照页码顺序依次在所述滚动条上对应有的连续的滚动条区域;监控模块303,用于监控滚动条滑块在所述滚动条上的实时位置信息;判定模块304,用于判定所述实时位置信息所属的滚动条区域对应的目标页码;展示模块305,用于将所述目标页码对应的分页数据展示在所述分页容器的当前页面。所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可包括,但不仅限于,处理器、存储器。本领域技术人员可以理解,所述示意图5仅仅是计算机设备的示例,并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述计算机设备还可以包括输入输出设备、网络接入设备、总线等。所述处理器可以是中央处理单元CentralProcessingUnit,CPU,还可以是其他通用处理器、数字信号处理器DigitalSignalProcessor,DSP、专用集成电路ApplicationSpecificIntegratedCircuit,ASIC、现成可编程门阵列Field-ProgrammableGateArray,FPGA或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等,所述处理器是所述计算机设备的控制中心,利用各种接口和线路连接整个计算机设备的各个部分。所述存储器可用于存储所述计算机程序和或模块,所述处理器通过运行或执行存储在所述存储器内的计算机程序和或模块,以及调用存储在存储器内的数据,实现所述计算机设备的各种功能。所述存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序比如声音播放功能、图像播放功能等等;存储数据区可存储根据手机的使用所创建的数据比如音频数据、电话本等等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡SmartMediaCard,SMC,安全数字SecureDigital,SD卡,闪存卡FlashCard、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

权利要求:1.一种数据展示方法,其特征在于,所述方法包括:根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控滚动条滑块在所述滚动条上的实时位置信息;判定所述实时位置信息所属的滚动条区域对应的目标页码;将所述目标页码对应的分页数据展示在所述分页容器的当前页面。2.根据权利要求1所述的方法,其特征在于,所述在所述分页容器内生成滚动条,包括:根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。3.根据权利要求2所述的方法,其特征在于,所述在所述分页容器内生成滚动条,还包括:将所述分页容器与鼠标滚轮事件进行绑定,和或,将所述分页容器与鼠标滚轮释放事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽事件进行绑定,和或,将所述滚动条滑块与鼠标拖拽释放事件进行绑定,和或,将所述滚动条与鼠标点击事件进行绑定。4.根据权利要求2所述的方法,其特征在于,所述判定所述实时位置信息所属的滚动条区域对应的目标页码,包括:获取所述滚动条滑块在所述滚动条上的初始位置信息;若所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;若所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息,则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;否则所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。5.根据权利要求1-4任一项所述的方法,其特征在于,所述将所述目标页码对应的分页数据展示在所述分页容器的当前页面,包括:将所述目标页码对应的分页数据按照预设特效方式展示在所述分页容器的当前页面。6.一种数据展示装置,其特征在于,所述装置包括:配置模块,用于根据分页容器的分页配置信息对待展示数据进行页码划分,得到每一分页的分页数据;生成模块,用于在所述分页容器内生成滚动条,所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域;监控模块,用于监控滚动条滑块在所述滚动条上的实时位置信息;判定模块,用于判定所述实时位置信息所属的滚动条区域对应的目标页码;展示模块,用于将所述目标页码对应的分页数据展示在所述分页容器的当前页面。7.根据权利要求6所述的装置,其特征在于,所述生成模块,具体用于根据页码划分后得到分页的总页码数,分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。8.根据权利要求6所述的装置,其特征在于,所述判定模块,包括:获取单元,用于获取所述滚动条滑块在所述滚动条上的初始位置信息;判断单元,用于当所述实时位置信息大于所述初始位置信息,且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页;当所述实时位置信息小于所述初始位置信息,且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息时,确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页;否则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5任一项所述方法的步骤。10.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-5任一项所述方法的步骤。

百度查询: 武汉斗鱼网络科技有限公司 数据展示方法及装置

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。