页面控制方法和系统的制作方法

文档序号:6498788阅读:192来源:国知局
页面控制方法和系统的制作方法
【专利摘要】本发明提供了一种页面控制方法和系统。所述方法包括:通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度;根据所述显示范围和显示长度进行页面加载;显示所述加载的页面。所述系统包括:操作处理模块,用于通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度;加载模块,用于根据所述显示范围和显示长度进行页面加载;显示模块,用于显示加载的页面。采用本发明能提高操作上的方便性。
【专利说明】页面控制方法和系统
【技术领域】
[0001]本发明涉及计算机应用技术,特别是涉及一种页面控制方法和系统。
【背景技术】
[0002]传统的网页页面切换是通过用户点击所在网页页面中的“下一页”按钮或者某一页号所对应的按钮,以触发相应网页页面的动态加载实现的。然而,在这一传统的网页页面切换中,网页页面的内容长度是固定的,并只能查看单一的网页页面,例如,无法同时查看当前网页页面的下半部分和下一网页页面的上半部分,用户不得不通过不断地在当前网页页面和下一网页页面之间进行切换来分别查看,非常地不方便。

【发明内容】

[0003]基于此,有必要提供一种能提高操作上的方便性的页面控制方法。
[0004]此外,还有必要提供一种能提高操作上的方便性的页面控制系统。
[0005]一种页面控制方法,包括如下步骤:
[0006]通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度;
[0007]根据所述显示范围和显示长度进行页面加载;
[0008]显示所述加载的页面。
[0009]在其中一个实施例中,所述用户对滑动控件的操作包括滑动操作,所述通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度的步骤包括:
[0010]通过分页器图形控件获取用户对滑动控件的滑动操作,使所述滑动控件跟随所述滑动操作在所述分页器图形控件的页码按钮中滑动;
[0011]将所述滑动控件停留的页码按钮对应的原始页面作为所述页面的显示范围;
[0012]根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度。
[0013]在其中一个实施例中,所述用户对滑动控件的操作包括所述滑动控件的大小调整操作,所述根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度的步骤之前还包括:
[0014]根据所述用户对滑动控件的大小调整操作在所述分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得所述停留区域被相应调整。
[0015]在其中一个实施例中,所述根据所述显示范围和显示长度进行页面加载的步骤包括:
[0016]根据所述显示范围和显示长度发起页面加载请求;
[0017]接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据。
[0018]在其中一个实施例中,所述接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据的步骤之前还包括:[0019]根据接收到的页面加载请求在服务器存储的原始页面数据进行选取,以得到与所述页面的显示范围相符的原始页面数据,并在所述得到的原始页面数据中提取与所述显示长度相匹配的原始页面数据,返回所述提取的原始页面数据。
[0020]一种页面控制系统,包括:
[0021]操作处理模块,用于通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度;
[0022]加载模块,用于根据所述显示范围和显示长度进行页面加载;
[0023]显示模块,用于显示加载的页面。
[0024]在其中一个实施例中,所述用户对滑动控件的操作包括滑动操作,所述操作处理模块包括:
[0025]滑动单元,用于通过分页器图形控件获取用户对滑动控件的滑动操作,使所述滑动控件跟随所述滑动操作在所述分页器图形控件的页码按钮中滑动;
[0026]范围设置单元,用于将所述滑动控件停留的页码按钮对应的原始页面作为页面的显示范围;
[0027]长度设置单元,用于根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度。
[0028]在其中一个实施例中,所述用户对滑动控件的操作包括所述滑动控件的大小调整操作,所述操作处理模块还包括:
[0029]调整单元,用于根据所述用户对滑动控件的大小调整操作在所述分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得所述停留区域被相应调整。
[0030]在其中一个实施例中,所述加载模块包括:
[0031]请求发起单元,用于根据所述显示范围和显示长度发起页面加载请求;
[0032]接收加载单元,用于接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据。
[0033]在其中一个实施例中,还包括:
[0034]服务器,用于根据接收到的页面加载请求在存储的原始页面数据进行选取,以得到与所述页面的显示范围相符的原始页面数据,并在所述得到的原始页面数据中提取与所述显示长度相匹配的原始页面数据,返回所述提取的原始页面数据。
[0035]上述页面控制方法和系统,在分页器图形控件中通过用户对滑动控件的操作就可得到页面的显示范围和显示长度,进而按照这一显示范围和显示长度进行页面的加载和显示,与现有技术相比较,可根据用户对滑动控件的操作将页面的显示范围和显示长度设置为当前页面的下半部分和下一页面的上半部分,进而由当前页面的下半部分和下一页面的上半部分组成新的页面进行加载和显示,对于用户而言,只需要对滑动控件进行操作即可实现,大大地简化了操作,提高了操作上的方便性和快捷性。
【专利附图】

【附图说明】
[0036]图1为一个实施例中页面控制方法的流程图;
[0037]图2为图1中通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度的方法流程图;[0038]图3为一个实施例中分页器图形控件的示意图;
[0039]图4为图1中根据显示范围和显示长度进行页面加载的方法流程图;
[0040]图5为一个实施例中页面控制系统的结构示意图;
[0041]图6为图5中操作处理模块的结构示意图;
[0042]图7为图5中加载模块的结构示意图。
【具体实施方式】
[0043]如图1所示,在一个实施例中,一种页面控制方法,包括如下步骤:
[0044]步骤S110,通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度。
[0045]本实施例中,分页器图形控件中包括了了多个页码按钮,每一页码按钮是与原始页面相对应的,并且原始页面所在的页码也是与该页码按钮相一致的。在优选的实施例中,原始页面是存储于网络服务器中的,并根据用户请求加载的页码进行显示的页面。
[0046]通过分页器图形控件中用户对滑动控件的操作所显示的页面,则是经由用户对滑动控件的操作对若干个原始页面中的内容进行选取所得到的页面,该页面是由若干个原始页面中选取出来的内容组成的。
[0047]步骤S130,根据显示范围和显示长度进行页面加载。
[0048]本实施例中,显示范围指示了当前进行页面加载的数据来源,S卩加载的数据所来自的原始页面,显示长度则为页面加载进一步指示了所需要的数据将是原始页面中的哪一部分,进而实现准确的页面加载,以使得用户能够在加载并显示的页面中浏览到所需要的内容。
[0049]步骤S150,显示加载的页面。
[0050]本实施例中,根据显示范围和显示长度所组成的页面被显示于用户所使用的客户端中,该页面的显示范围和显示长度均是通过用户对滑动控件的操作自定义设定的,因此通过分页器图形控件和滑动控件实现了用户对原始页面的选取,进而根据选取的原始页面实现页面内容和长度的自定义设定,提高了用户浏览页面的灵活性。
[0051]如图2所示,在一个实施例中,上述步骤SllO的具体过程为:
[0052]步骤S111,通过分页器图形控件获取用户对滑动控件的滑动操作,使滑动控件跟随滑动操作在分页器图形控件的页码按钮中滑动。
[0053]本实施例中,如图3所示,分页器图形控件中依次设置了多个页码按钮310,并且页码按钮310之上还设置了可随意滑动的滑动控件330。用户可直接点击任一页码按钮以加载并显示该页码按钮所对应的原始页面,例如,若用户点击页码按钮“3”,则直接加载页码为“3”的原始页面。
[0054]若需要显示某一原始页面的一部分内容,或者多个原始页面中某些连续内容,例如,页码为“3”的原始页面下半部分内容和页码为“4”的原始页面上半部分内容,则用户将通过滑动控件的滑动操作使得滑动控件跟随滑动操作在页码按钮上滑动,并停留于所需要显示的原始页面对应的页码按钮之上。
[0055]步骤S113,将滑动控件停留的页码按钮对应的原始页面作为页面的显示范围。
[0056]本实施例中,根据滑动控件所停留的页码按钮即可得到用户所选取的原始页面,进而获知页面中的内容处于哪些原始页面中。例如,如图3所示,滑动控件停留于页码按钮“3”和页码按钮“4”之上,因此,页码为“3”的原始页面和页码为“4”的原始页面即为页面的显示范围。
[0057]进一步的,根据需要,分页器图形控件中设置的滑动控件并不仅限于一个,以方便用户对不连续的原始页面进行选取,以在自定义的页面中显示不连续的原始页面中的内容。
[0058]步骤S115,根据滑动控件在页码按钮的停留区域得到原始页面对应的选取长度,通过该选取长度得到页面的显示长度。
[0059]本实施例中,在获知页面的显示范围之后,还将进一步确定处于显示范围之内的原始页面中哪些内容将被列入页面中,以得到这一自定义的页面,并显示。如图3所示,根据滑动控件在页面按钮中占据的区域,即停留区域即可得到相应原始页面中对应的选取长度,该选取长度标识了原始页面中被用户所选取的内容是哪些。
[0060]在图3中,滑动控件的停留区域包括页码按钮“3”的后半部分和页码按钮的全部,此时,所对应的页码为“3”的原始页面对应的选取长度即为该原始页面的后半部分,页码为“4”的原始页面对应的选取长度即为该原始页面的全部,两个原始页面所对应的选取长度将构成了用户自定义的页面的显示长度。
[0061]进一步的,可将停留区域在页码按钮上的宽度与页码按钮宽度之间的比例,或停留区域在页码按钮上的长度与页码按钮长度之间的比例作为原始页面的选取长度,例如,若停留区域在页码按钮上的宽度与页码按钮宽度之间的比例为二分之一,则说明原始页面的选取长度为原始页面中二分之一的内容。
[0062]若页码按钮是在分页器图形控件中横向布局的,则应用停留区域在页面按钮上的宽度进行衡量,若页码按钮在分页器图形控件中进行纵向布局,则应用停留区域在页面按钮上的长度进行衡量,根据实际情况进行设置,在此不做限定。
[0063]在另一个实施例中,用户对滑动控件的操作包括滑动控件的大小调整操作,上述步骤S115之前还包括:根据用户对滑动控件的大小调整操作在分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得停留区域被相应调整。
[0064]本实施例中,还可对滑动控件的大小进行调整,进而实现显示长度的进一步调整。例如,用户可通过拖动滑动控件的边缘调整滑动控件的大小。
[0065]如图4所示,在一个实施例中,上述步骤S130的具体过程为:
[0066]步骤S131,根据显示范围和显示长度发起页面加载请求。
[0067]本实施例中,在通过用户的操作设置了自定义的页面所对应的显示范围和显示长度时,将生成相应的页面加载请求,并发送到后台的服务器中。
[0068]进一步的,为了保证用户的精确控制,将通过用户操作触发进行页面加载请求的生成和发送,例如,该用户操作可以是对滑动控件的双击操作,也可以是其它的操作,在此不做限定。
[0069]步骤S133,接收根据页面加载请求返回的原始页面数据,并加载原始页面数据。
[0070]本实施例中,接收后台的服务器根据页面加载请求所返回的原始页面数据,该返回的原始页面数据是按照页面加载请求中的显示范围和显示长度进行选取得到的。
[0071]在另一个实施例中,上述步骤S133之前还包括:根据接收到的页面加载请求在服务器存储的原始页面数据进行选取,以得到与页面的显示范围相符的原始页面数据,并在得到的原始页面数据中提取与显示长度相匹配的原始页面数据,返回提取的原始页面数据。
[0072]本实施例中,后台的服务器在接收到发起的页面加载请求之后,将根据页面加载请求中的显示范围和显示长度对原始数据进行选取,进而得到处于该显示范围,并与显示长度相符的原始页面数据,并返回。
[0073]如图5所示,在一个实施例中,上述页面控制系统包括操作处理模块110、加载模块130和显示模块150。
[0074]操作处理模块110,用于通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度。
[0075]本实施例中,分页器图形控件中包括了了多个页码按钮,每一页码按钮是与原始页面相对应的,并且原始页面所在的页码也是与该页码按钮相一致的。在优选的实施例中,原始页面是存储于网络服务器中的,并根据用户请求加载的页码进行显示的页面。
[0076]通过分页器图形控件中用户对滑动控件的操作所显示的页面,则是经由用户对滑动控件的操作对若干个原始页面中的内容进行选取所得到的页面,该页面是由若干个原始页面中选取出来的内容组成的。
[0077]加载模块130,用于根据显示范围和显示长度进行页面加载。
[0078]本实施例中,显示范围指示了当前进行页面加载的数据来源,S卩加载的数据所来自的原始页面,显示长度则为页面加载进一步指示了所需要的数据将是原始页面中的哪一部分,进而实现准确的页面加载,以使得用户能够在加载并显示的页面中浏览到所需要的内容。
[0079]显示模块150,用于显示加载的页面。
[0080]本实施例中,显示模块150根据显示范围和显示长度所组成的页面被显示于用户所使用的客户端中,该页面的显示范围和显示长度均是通过用户对滑动控件的操作自定义设定的,因此通过分页器图形控件和滑动控件实现了用户对原始页面的选取,进而根据选取的原始页面实现页面内容和长度的自定义设定,提高了用户浏览页面的灵活性。
[0081]如图6所示,在一个实施例中,上述用户对滑动控件的操作包括滑动操作,上述操作处理模块Iio包括滑动单元111、范围设置单元113和长度设置单元115。
[0082]滑动单元111,用于通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度。
[0083]本实施例中,分页器图形控件中依次设置了多个页码按钮,并且页码按钮之上还设置了可随意滑动的滑动控件。用户可直接点击任一页码按钮以加载并显示该页码按钮所对应的原始页面,例如,若用户点击页码按钮“3”,则直接加载页码为“3”的原始页面。
[0084]若需要显示某一原始页面的一部分内容,或者多个原始页面中某些连续内容,例如,页码为“3”的原始页面下半部分内容和页码为“4”的原始页面上半部分内容,则滑动单元111将通过滑动控件的滑动操作使得滑动控件跟随滑动操作在页码按钮上滑动,并停留于所需要显示的原始页面对应的页码按钮之上。
[0085]范围设置单元113,用于将滑动控件停留的页码按钮对应的原始页面作为页面的显示范围。[0086]本实施例中,范围设置单元113根据滑动控件所停留的页码按钮即可得到用户所选取的原始页面,进而获知页面中的内容处于哪些原始页面中。例如,如图3所示,滑动控件停留于页码按钮“3”和页码按钮“4”之上,因此,页码为“3”的原始页面和页码为“4”的原始页面即为页面的显示范围。
[0087]进一步的,根据需要,分页器图形控件中设置的滑动控件并不仅限于一个,以方便用户对不连续的原始页面进行选取,以在自定义的页面中显示不连续的原始页面中的内容。
[0088]长度设置单元115,用于根据滑动控件在页面按钮的停留区域得到原始页面对应的选取长度,通过选取长度得到页面的显示长度。
[0089]本实施例中,在获知页面的显示范围之后,长度设置单元115还将进一步确定处于显示范围之内的原始页面中哪些内容将被列入页面中,以得到这一自定义的页面,并显示。长度设置单元115根据滑动控件在页面按钮中占据的区域,即停留区域即可得到相应原始页面中对应的选取长度,该选取长度标识了原始页面中被用户所选取的内容是哪些。
[0090]例如,滑动控件的停留区域包括页码按钮“3”的后半部分和页码按钮的全部,此时,所对应的页码为“3”的原始页面对应的选取长度即为该原始页面的后半部分,页码为“4”的原始页面对应的选取长度即为该原始页面的全部,两个原始页面所对应的选取长度将构成了用户自定义的页面的显示长度。
[0091]进一步的,长度设置单元115可将停留区域在页码按钮上的宽度与页码按钮宽度之间的比例,或停留区域在页码按钮上的长度与页码按钮长度之间的比例作为原始页面的选取长度,例如,若停留区域在页码按钮上的宽度与页码按钮宽度之间的比例为二分之一,则说明原始页面的选取长度为原始页面中二分之一的内容。
[0092]若页码按钮是在分页器图形控件中横向布局的,则应用停留区域在页面按钮上的宽度进行衡量,若页码按钮在分页器图形控件中进行纵向布局,则应用停留区域在页面按钮上的长度进行衡量,根据实际情况进行设置,在此不做限定。
[0093]在另一个实施例中,上述用户对滑动控件的操作包括滑动控件的大小调整操作,上述操作处理模块110还包括调整单元。该调整单元用于根据用户对滑动控件的大小调整操作在分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得停留区域被相应调整。
[0094]本实施例中,操作处理模块110还可对滑动控件的大小进行调整,进而实现显示长度的进一步调整。例如,用户可通过拖动滑动控件的边缘调整滑动控件的大小。
[0095]如图7所示,在一个实施例中,上述加载模块130包括请求发起单元131和接收加载单元133。
[0096]请求发起单元131,用于根据显示范围和显示长度发起页面加载请求。
[0097]本实施例中,在通过用户的操作设置了自定义的页面所对应的显示范围和显示长度时,请求发起单元131将生成相应的页面加载请求,并发送到后台的服务器中。
[0098]进一步的,为了保证用户的精确控制,将通过用户操作触发请求发起单元131进行页面加载请求的生成和发送,例如,该用户操作可以是对滑动控件的双击操作,也可以是其它的操作,在此不做限定。
[0099]接收加载单元133,用于接收根据页面加载请求返回的原始页面数据,并加载原始页面数据。
[0100]本实施例中,接收加载单元133接收后台的服务器根据页面加载请求所返回的原始页面数据,该返回的原始页面数据是按照页面加载请求中的显示范围和显示长度进行选取得到的。
[0101]在另一个实施例中,上述页面控制系统还包括服务器。该服务器用于根据接收到的页面加载请求在存储的原始页面数据进行选取以得到与页面的显示范围相符和原始页面数据,并在得到的原始页面数据中提取与显示长度相匹配的原始页面数据,返回提取的原始页面数据。
[0102]本实施例中,后台的服务器在接收到发起的页面加载请求之后,将根据页面加载请求中的显示范围和显示长度对原始数据进行选取,进而得到处于该显示范围,并与显示长度相符的原始页面数据,并返回。
[0103]上述页面控制方法和系统,在分页器图形控件中通过用户对滑动控件的操作就可得到页面的显示范围和显示长度,进而按照这一显示范围和显示长度进行页面的加载和显示,与现有技术相比较,可根据用户对滑动控件的操作将页面的显示范围和显示长度设置为当前页面的下半部分和下一页面的上半部分,进而由当前页面的下半部分和下一页面的上半部分组成新的页面进行加载和显示,对于用户而言,只需要对滑动控件进行操作即可实现,大大地简化了操作,提高了操作上的方便性和快捷性。
[0104]本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。
[0105]以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
【权利要求】
1.一种页面控制方法,包括如下步骤: 通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度; 根据所述显示范围和显示长度进行页面加载; 显示所述加载的页面。
2.根据权利要求1所述的页面控制方法,其特征在于,所述用户对滑动控件的操作包括滑动操作,所述通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度的步骤包括: 通过分页器图形控件获取用户对滑动控件的滑动操作,使所述滑动控件跟随所述滑动操作在所述分页器图形控件的页码按钮中滑动; 将所述滑动控件停留的页码按钮对应的原始页面作为所述页面的显示范围; 根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度。
3.根据权利要求2所述的页面控制方法,其特征在于,所述用户对滑动控件的操作包括所述滑动控件的大小调整操作,所述根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度的步骤之前还包括: 根据所述用户对滑动控件的大小调整操作在所述分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得所述停留区域被相应调整。
4.根据权利要求1所述的页面控制方法,其特征在于,所述根据所述显示范围和显示长度进行页面加载的步骤包括: 根据所述显示范围和显示长度发起页面加载请求; 接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据。
5.根据权利要求4所述的页面控制方法,其特征在于,所述接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据的步骤之前还包括: 根据接收到的页面加载请求在服务器存储的原始页面数据进行选取,以得到与所述页面的显示范围相符的原始页面数据,并在所述得到的原始页面数据中提取与所述显示长度相匹配的原始页面数据,返回所述提取的原始页面数据。
6.一种页面控制系统,其特征在于,包括: 操作处理模块,用于通过分页器图形控件中用户对滑动控件的操作得到页面的显示范围和显示长度; 加载模块,用于根据所述显示范围和显示长度进行页面加载; 显示模块,用于显示加载的页面。
7.权利要求6所述的页面控制系统,其特征在于,所述用户对滑动控件的操作包括滑动操作,所述操作处理模块包括: 滑动单元,用于通过分页器图形控件获取用户对滑动控件的滑动操作,使所述滑动控件跟随所述滑动操作在所述分页器图形控件的页码按钮中滑动; 范围设置单元,用于将所述滑动控件停留的页码按钮对应的原始页面作为页面的显示范围; 长度设置单元,用于根据所述滑动控件在所述页码按钮的停留区域得到所述原始页面对应的选取长度,通过所述选取长度得到所述页面的显示长度。
8.根据权利要求7所述的页面控制系统,其特征在于,所述用户对滑动控件的操作包括所述滑动控件的大小调整操作,所述操作处理模块还包括: 调整单元,用于根据所述用户对滑动控件的大小调整操作在所述分页器图形控件的页面按钮对停留的滑动控件进行大小调整,使得所述停留区域被相应调整。
9.根据权利要求6所述的页面控制系统,其特征在于,所述加载模块包括: 请求发起单元,用于根据所述显示范围和显示长度发起页面加载请求; 接收加载单元,用于接收根据所述页面加载请求返回的原始页面数据,并加载所述原始页面数据。
10.根据权利要求9所述的页面控制系统,其特征在于,还包括: 服务器,用于根据接收到的页面加载请求在存储的原始页面数据进行选取,以得到与所述页面的显示范围相符的原始页面数据,并在所述得到的原始页面数据中提取与所述显示长度相匹配的原始页面数据,返回所述提取的原始页面数据。
【文档编号】G06F3/0484GK103914219SQ201310001316
【公开日】2014年7月9日 申请日期:2013年1月4日 优先权日:2013年1月4日
【发明者】王璠 申请人:深圳市金蝶中间件有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1