CN108153565A - 提供页面信息的方法及装置 - Google Patents
提供页面信息的方法及装置 Download PDFInfo
- Publication number
- CN108153565A CN108153565A CN201611109757.XA CN201611109757A CN108153565A CN 108153565 A CN108153565 A CN 108153565A CN 201611109757 A CN201611109757 A CN 201611109757A CN 108153565 A CN108153565 A CN 108153565A
- Authority
- CN
- China
- Prior art keywords
- display area
- target pages
- content
- navigation arrangement
- option
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了提供页面信息的方法及装置,该方法包括:客户端载入目标页面,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。通过本申请实施例,能够使得导航组件能够正常发挥作用的同时,降低对后端接口的访问压力。
Description
技术领域
本申请涉及页面信息处理技术领域,特别是涉及提供页面信息的方法及装置。
背景技术
在一些大型的入口类页面中,通常会将页面划分成多个展示区域,并且,这些展示区域通常会具有由上至下排列的特点,尤其是在网络销售平台提供的商品信息页面中,经常会具有上述特点的展示区域称为“楼层”。同一“楼层”内可以设置多个“坑位”,通过这些坑位对某一维度上具有相同属性的多个商品信息进行展示。这样,使得页面内容显得比较整齐,并且,用户可以以这种“楼层”为单位进行页面信息的浏览,比较方便。
在一些具有多个“楼层”的页面中,为了更加方便用户的浏览操作,通常还可以在页面内提供“电梯”组件。所谓的“电梯”组件,可以是在页面滚动时,固定在屏幕顶部的一个导航组件,用户可以点击其中的楼层名称来快速定位到对应楼层。同时当页面滚动有楼层进入屏幕范围内的时候,电梯内楼层名称的激活状态也会做相应切换。
显然,当页面中存在“电梯”导航时,可以帮助用户进行快速的楼层定位,但是,其缺点在于,需要将页面内全部楼层的内容都加载出来,才能让“电梯”导航发挥出楼层跳转的功能。但是,这样会对后端接口造成成倍的压力,具体的,接口请求数=页面访问数*全部楼层接口数。
发明内容
本申请提供了提供页面信息的方法及装置,能够使得导航组件能够正常发挥作用的同时,降低对后端接口的访问压力。
本申请提供了如下方案:
一种提供页面信息的方法,包括:
客户端载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
一种提供页面信息的方法,包括:
服务器接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
一种提供页面信息的装置,应用于客户端,包括:
展示区域信息确定单元,用于载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
导航组件信息生成单元,用于根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
展示区域占位内容构建单元,用于构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
一种电子设备,所述电子设备包括:
处理器;
存储器,用于提供页面信息的处理程序,所述程序在被所述处理器读取执行时,执行如下操作:载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
一种提供页面信息的装置,应用于服务器,包括:
载入请求接收单元,用于接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
配置数据提供单元,用于在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请实施例,在载入目标页面时,可以首先根据页面配置数据确定出展示区域的标识、位置等信息,这样,就可以对导航组件展示内容的构建,并对展示区域内具体占位内容的构建,使得构建出的页面与实际页面的高度、以及各展示区域实际在页面中的位置一致,这样,再结合导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,即可使得导航组件能够正常发挥出快速定位到某个展示区域所在位置进行展示的作用。也即,此时,导航组件中的各个选项处于可被点击操作的状态,当某个选项被点击时,可以定位到对应的展示区域所在的位置进行展示。也就是说,通过本申请实施例,在页面中存在多个展示区域以及导航组件的情况下,在实际加载展示区域之前,即可使得导航组件能够正常发挥作用,因此,可以避免为了使得导航组件生效而执行的对各个展示区域的数据内容执行全部加载的操作,从而降低对后端接口的访问压力。
另外,后续在具体进行数据内容的加载时,可以实现按需加载,也即,可以根据用户的实际操作情况,加载对应展示区域内的数据内容,这样,同样可以不必全部加在所有展示区域内的数据内容,有利于节省***资源。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的***架构的示意图;
图2是本申请实施例提供的第一方法的流程图;
图3是本申请实施例提供的第二方法的流程图;
图4是本申请实施例提供的第一装置的示意图;
图5是本申请实施例提供的电子设备的示意图;
图6是本申请实施例提供的第二装置的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中,为了能够在存在“楼层导航”组件的情况下,使得该组件正常发挥作用,同时,又不会对后端端口造成过大的压力,提供了一种“预加载”的实现方式。所谓的预加载,就是在页面载入时,如果发现页面中包括多个展示区域(也即所谓的“楼层”),以及用于快速定位目标展示区域的导航组件(也即“楼层导航”组件),则可以在加载具体展示区域内的数据之前,首先确定出各展示区域的标识信息,以及在页面中的位置信息。其中,具体实现时,上述信息可以是通过页面的配置数据等方式进行确定(页面配置数据与页面中具体需要展示的数据内容,是不同的概念),其中,展示区域的标识信息可以是展示区域的名称等,例如,“女装”、“箱包”等等,展示区域在页面中的位置信息,具体可以用一个范围进行描述,例如,展示区域在页面中的起始点坐标、结束点坐标,等等。在确定了上述信息后,可以首先利用各展示区域的标识信息生成导航组件内的展示内容,并添加到所述导航组件内对应的选项中,并且,还可以根据各展示区域的面积等,构建出各展示区域的占位内容,具体的,这种展位内容可以为空白,或者,还可以是预置颜色的图片等等。这样,就可以建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,至此,导航组件已经成为可操作状态,用户可以通过导航组件对具体的展示区域进行快速定位,后续再根据用户的实际操作情况,逐步加载具体展示区域内的实际数据内容,并对占位内容进行替换即可。
具体实现时,从***架构角度而言,参见图1,可以包括服务器与客户端两部分,其中,服务器就可以用于提供具体的页面数据,客户端可以是指移动终端设备中的App,或者还可以是通过浏览器的方式进行浏览的网页,等等,客户端主要用于从服务器请求页面数据,并根据页面数据进行页面的展示。当然,在本申请实施例中,服务器在接收到客户端的访问请求后,可以首先提供页面的配置数据等,暂时不需要提供各个展示区域内的实际数据内容。
下面对具体的实现方式进行详细介绍。
实施例一
首先,该实施例一从客户端的角度,提供了一种提供页面信息的方法,参见图2,该方法可以包括以下步骤:
S201:客户端载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
客户端在接收到用户访问目标页面的请求时,就可以向服务器请求关于该页面的信息,执行页面的载入,在本申请实施例中,页面载入与实际加载页面数据是不同的概念。在载入页面时,服务器可以先提供页面的配置数据等一些描述性质的信息,而暂时可以不提供具体展示区域内的实际数据内容。这里的配置数据可以是由页面开发者在发布页面时进行配置的,其中会包括一些对页面具体布局等情况的描述信息,例如,包括多少个“楼层”、每个“楼层”的名称、所在的位置等等。因此,在本申请实施例中,在载入页面时,就可以首先根据这种配置数据,确定出各展示区域的标识信息以及在页面中的位置信息,之后就可以利用这种信息对页面进行构建。
需要说明的是,在实际应用中,服务器在接收到客户端的载入目标页面的请求时,除了提供页面的配置数据,关于各展示区域内的实际数据内容,也可以提供一小部分,例如,可以提供第一个展示区域,或者前几个展示区域内的实际数据内容。这样并不会对后端端口造成过大的压力,并且,前几个展示区域通常会在页面的第一屏进行展示,因此,直接展示出实际的数据内容,会给用户带来更好的体验。
S202:根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
在获取到各展示区域的标识信息后,首先可以生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,这样,就可以展示出导航组件的具体内容。需要说明的是,在现有技术中,导航组件通常是在各个展示区域的实际数据内容全部加载完毕后才会生成,而在本申请实施例中,在加载展示区域内的实际数据内容之前,就可以确定出各展示区域的标识信息,并生成导航组件。
S203:构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
除了生成导航组件,还可以构建各展示区域的占位内容。具体的,在页面的配置数据中,通常会包括各展示区域的位置信息,该位置信息可以包括展示区域左上角的坐标,以及右下角的坐标,通过这两个点的坐标即可构建出对应的矩形区域,作为对应的展示区域所在的位置。进而,就可以构建各展示区域内的占位内容,也就是说,虽然尚未正式加载各展示区域内的实际数据内容,但是,可以首先提供占位内容,其中,占位内容可以是空白内容,或者,还可以是一些具有预置颜色或者预置简单图案的图片(每个展示区域内用一张图片进行占位),等等。这样,可以构建出与页面实际高度基本一致的页面,并且,各个展示区域所在的位置,与实际在页面中的位置也是基本一致的。进而,再建立起导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,就可以使得导航组件成为可操作状态,能够通过导航组件快速定位到具体某个展示区域的位置进行展示。
也就是说,在本申请实施例中,通过对导航组件展示内容的构建,以及对展示区域内具体占位内容的构建,可以使得构建出的页面与实际页面的高度、以及各展示区域实际在页面中的位置一致,这样,再结合导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,即可使得导航组件能够正常发挥出快速定位到某个展示区域所在位置进行展示的作用。也即,此时,导航组件中的各个选项处于可被点击操作的状态,当某个选项被点击时,可以定位到对应的展示区域所在的位置进行展示。
总之,本申请实施例中,在向导航组件中添加了展示内容,并在各展示区域内构建了占位内容后,就可以对所述目标页面进行展示,当然,此时,在各展示区域内展示的就是所述构建出的占位内容,例如,可能是空白内容,等等。当然,在所述目标页面展示后,还可以对展示区域内实际的数据内容进行加载,并且,在本申请实施例中,可以是根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,并利用所述加载的实际数据内容,对所述目标展示区域的占位内容进行替换。也就是说,在本申请实施例中,可以实现对页面展示区域内具体数据内容的“按需加载”,或者,也可以称为“懒加载”,这样,对于用户不需要浏览的展示区域,则可以不进行数据内容的加载,因此,可以进一步节省***资源。
其中,用户的操作信息可以分为多种情况,例如,其中一种情况下,如果在所述目标页面展示后,未接收到用户的操作信息,则可以按照从上至下的顺序,对页面内前预置数目个展示区域的数据内容进行加载。也就是说,在页面展示之后,如果用户尚未执行任何操作,则可以默认的从上至下,开始加载各个展示区域内的实际数据内容,并对对应的占位内容进行替换。
或者,在另一种情况下,如果在所述目标页面展示后,接收到用户执行的页面滚动操作,则可以确定即将进入到屏幕可见范围的第一目标展示区域。如果所述第一目标展示区域内的实际数据内容尚未加载,则对该第一目标展示区域内的实际数据内容进行加载。也就是说,如果用户通过在屏幕上滑动,或者拖动页面滚动条等方式对页面进行滚动操作,则可以根据页面的滚动方向等,确定出即将进入到屏幕可见范围的第一目标展示区域。其中,在具体实现时,这里的第一目标展示区域可以是一个或者多个,具体可以根据页面滚动速度等因素来确定。例如,如果页面滚动速度比较慢,则可以将即将进入屏幕可见范围的一个第一目标展示区域进行数据加载,如果页面滚动速度比较快,则可以确定出即将进入屏幕可见范围的连续几个展示区域作为第一目标展示区域,尽量避免出现已经滚动到某展示区域,但是该展示区域的数据内容还尚未加载的情况出现。
另外,用户还可能会直接通过导航组件进行页面的浏览,也就是说,如果在所述目标页面展示后,接收到用户对所述导航组件中目标选项执行的触发操作,则可以确定出所述目标选项对应的第二目标展示区域,如果所述第二目标展示区域内的实际数据内容尚未加载,则可以对该第二目标展示区域内的实际数据内容进行加载。例如,假设用户对导航组件中的“女装”选项进行了点击操作,则即将进入到页面可见区域进行展示的展示区域,就是该“女装”展示区域,此时,可以判断该展示区域内的数据内容是否已经加载,如果尚未加载,则可以执行具体的加载操作,使得该“女装”展示区域内能够展示出实际的数据内容,例如,其中可以包括多个资源位(俗称“坑位”),每个资源位内展示一个女装类目的数据对象图片、名称等信息。
另外,当通过导航组件快速定位到某展示区域时,还可以确定出与所述第二目标展示区域相邻的至少一个第三目标展示区域,例如,上一个展示区域以及下一个展示区域,等等,如果所述第三目标展示区域内的实际数据内容尚未加载,同样可以对该第三目标展示区域内的实际数据内容进行加载。这样,如果在快速定位到某个第二展示区域后,用户需要通过滚动页面等方式在该位置附近进行浏览,则可以更为快速的提供具体展示区域内的数据内容。
实施例二
该实施例二是与实施例一相对应的,从服务器的角度,提供了一种提供页面信息的方法,参见图3,该方法可以包括以下步骤:
S301:服务器接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
S302:在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
具体实现时,服务器还可以接收加载目标展示区域内实际数据内容的请求,其中,所述目标展示区域根据用户的操作信息确定;并提供所述目标展示区域内的实际数据内容,以便所述客户端利用所述实际数据内容,对所述目标展示区域的占位内容进行替换。
关于该实施例二中各步骤的具体实现,可以参见前述实施例一中的介绍,这里不再赘述。
与前述实施例一相对应,本申请实施例还提供了一种提供页面信息的装置,参见图4,该装置应用于客户端,包括:
展示区域信息确定单元401,用于载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
导航组件信息生成单元402,用于根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
展示区域占位内容构建单元403,用于构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
具体实现时,所述各展示区域的占位内容为空白内容。
其中,在构建出各展示区域的占位内容之后,还包括:
展示单元,用于按照所述添加了展示内容的导航组件以及所述各展示区域的占位内容,对所述目标页面进行展示;
数据加载单元,用于在所述目标页面展示后,根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,并利用所述加载的实际数据内容,对所述目标展示区域的占位内容进行替换。
具体的,所述数据加载单元具体可以用于
如果在所述目标页面展示后,未接收到用户的操作信息,则按照从上至下的顺序,对页面内前预置数目个展示区域的数据内容进行加载。
另一种情况下,所述数据加载单元具体可以包括:
第一目标展示区域确定子单元,用于如果在所述目标页面展示后,接收到用户执行的页面滚动操作,则确定即将进入到屏幕可见范围的第一目标展示区域;
第一加载子单元,用于如果所述第一目标展示区域内的实际数据内容尚未加载,则对该第一目标展示区域内的实际数据内容进行加载。
具体的,所述第一目标展示区域确定子单元具体可以用于:
确定即将进入到屏幕可见范围的一个或多个第一目标展示区域。
其中,所述第一目标展示区域的数量可以根据页面滚动操作的速度确定。
另一种情况下,所述数据加载单元具体可以包括:
第二目标展示区域确定子单元,用于如果在所述目标页面展示后,接收到用户对所述导航组件中目标选项执行的触发操作,则确定所述目标选项对应的第二目标展示区域;
第二加载子单元,用于如果所述第二目标展示区域内的实际数据内容尚未加载,则对该第二目标展示区域内的实际数据内容进行加载。
再者,数据加载单元具体还可以包括:
第三目标展示区域确定子单元,用于确定与所述第二目标展示区域相邻的至少一个第三目标展示区域;
第三加载子单元,用于如果所述第三目标展示区域内的实际数据内容尚未加载,则对该第三目标展示区域内的实际数据内容进行加载。
与前述装置相对应,本申请实施例还提供了一种电子设备,参见图5,所述电子设备具体可以包括:
处理器501;
存储器502,用于提供页面信息的处理程序,所述程序在被所述处理器读取执行时,执行如下操作:载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
与实施例二相对应,本申请实施例还提供了一种提供页面信息的装置,参见图6,该装置应用于服务器,包括:
载入请求接收单元601,用于接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
配置数据提供单元602,用于在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
通过本申请实施例,在载入目标页面时,可以首先根据页面配置数据确定出展示区域的标识、位置等信息,这样,就可以对导航组件展示内容的构建,并对展示区域内具体占位内容的构建,使得构建出的页面与实际页面的高度、以及各展示区域实际在页面中的位置一致,这样,再结合导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,即可使得导航组件能够正常发挥出快速定位到某个展示区域所在位置进行展示的作用。也即,此时,导航组件中的各个选项处于可被点击操作的状态,当某个选项被点击时,可以定位到对应的展示区域所在的位置进行展示。也就是说,通过本申请实施例,在页面中存在多个展示区域以及导航组件的情况下,在实际加载展示区域之前,即可使得导航组件能够正常发挥作用,因此,可以避免为了使得导航组件生效而执行的对各个展示区域的数据内容执行全部加载的操作,从而降低对后端接口的访问压力。
另外,后续在具体进行数据内容的加载时,可以实现按需加载,也即,可以根据用户的实际操作情况,加载对应展示区域内的数据内容,这样,同样可以不必全部加在所有展示区域内的数据内容,有利于节省***资源。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***或***实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的***及***实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的提供页面信息的方法及装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (14)
1.一种提供页面信息的方法,其特征在于,包括:
客户端载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
2.根据权利要求1所述的方法,其特征在于,所述各展示区域的占位内容为空白内容。
3.根据权利要求1所述的方法,其特征在于,在构建出各展示区域的占位内容之后,还包括:
按照所述添加了展示内容的导航组件以及所述各展示区域的占位内容,对所述目标页面进行展示;
在所述目标页面展示后,根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,并利用所述加载的实际数据内容,对所述目标展示区域的占位内容进行替换。
4.根据权利要求3所述的方法,其特征在于,所述根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,包括:
如果在所述目标页面展示后,未接收到用户的操作信息,则按照从上至下的顺序,对页面内前预置数目个展示区域的数据内容进行加载。
5.根据权利要求3所述的方法,其特征在于,所述根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,包括:
如果在所述目标页面展示后,接收到用户执行的页面滚动操作,则确定即将进入到屏幕可见范围的第一目标展示区域;
如果所述第一目标展示区域内的实际数据内容尚未加载,则对该第一目标展示区域内的实际数据内容进行加载。
6.根据权利要求5所述的方法,其特征在于,所述确定即将进入到屏幕可见范围的第一目标展示区域,包括:
确定即将进入到屏幕可见范围的一个或多个第一目标展示区域。
7.根据权利要求6所述的方法,其特征在于,所述第一目标展示区域的数量根据页面滚动操作的速度确定。
8.根据权利要求3所述的方法,其特征在于,所述根据用户的操作信息,对页面中与所述操作信息相关的目标展示区域的实际数据内容进行加载,包括:
如果在所述目标页面展示后,接收到用户对所述导航组件中目标选项执行的触发操作,则确定所述目标选项对应的第二目标展示区域;
如果所述第二目标展示区域内的实际数据内容尚未加载,则对该第二目标展示区域内的实际数据内容进行加载。
9.根据权利要求8所述的方法,其特征在于,还包括:
确定与所述第二目标展示区域相邻的至少一个第三目标展示区域;
如果所述第三目标展示区域内的实际数据内容尚未加载,则对该第三目标展示区域内的实际数据内容进行加载。
10.一种提供页面信息的方法,其特征在于,包括:
服务器接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
11.根据权利要求10所述的方法,其特征在于,还包括:
接收加载目标展示区域内实际数据内容的请求,其中,所述目标展示区域根据用户的操作信息确定;
提供所述目标展示区域内的实际数据内容,以便所述客户端利用所述实际数据内容,对所述目标展示区域的占位内容进行替换。
12.一种提供页面信息的装置,其特征在于,应用于客户端,包括:
展示区域信息确定单元,用于载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;
导航组件信息生成单元,用于根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;
展示区域占位内容构建单元,用于构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
13.一种电子设备,其特征在于,所述电子设备包括:
处理器;
存储器,用于提供页面信息的处理程序,所述程序在被所述处理器读取执行时,执行如下操作:载入目标页面,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件,在加载所述展示区域内的数据内容之前,根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息;根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中;构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
14.一种提供页面信息的装置,其特征在于,应用于服务器,包括:
载入请求接收单元,用于接收客户端发送的载入目标页面的请求,所述目标页面中包括多个展示区域,以及用于快速定位目标展示区域的导航组件;
配置数据提供单元,用于在向所述客户端提供所述展示区域内的数据内容之前,提供所述目标页面的配置数据,以便所述客户端根据所述目标页面的配置数据,确定各展示区域的标识信息、以及在所述目标页面中的位置信息,根据所述各展示区域的标识信息生成所述导航组件内的展示内容,并添加到所述导航组件内对应的选项中,构建各展示区域的占位内容,并建立所述导航组件中的各选项与各展示区域在所述目标页面中的位置信息之间的对应关系,以便在所述选项***作时,将所述目标页面定位到对应的展示区域所在的位置进行展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611109757.XA CN108153565B (zh) | 2016-12-02 | 2016-12-02 | 提供页面信息的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611109757.XA CN108153565B (zh) | 2016-12-02 | 2016-12-02 | 提供页面信息的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108153565A true CN108153565A (zh) | 2018-06-12 |
CN108153565B CN108153565B (zh) | 2021-07-20 |
Family
ID=62467879
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611109757.XA Active CN108153565B (zh) | 2016-12-02 | 2016-12-02 | 提供页面信息的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108153565B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109460525A (zh) * | 2018-11-07 | 2019-03-12 | 网易(杭州)网络有限公司 | 简讯类文章的展示方法、装置、介质和计算设备 |
CN109492183A (zh) * | 2018-11-12 | 2019-03-19 | 郑州云海信息技术有限公司 | 一种数据处理方法及装置 |
CN109918602A (zh) * | 2019-02-26 | 2019-06-21 | 南威软件股份有限公司 | 一种Web数据预加载方法及*** |
CN110908680A (zh) * | 2018-09-17 | 2020-03-24 | 阿里巴巴集团控股有限公司 | 一种信息处理方法、装置及设备 |
WO2020173201A1 (zh) * | 2019-02-28 | 2020-09-03 | 北京京东尚科信息技术有限公司 | 一种定位方法及装置、存储介质 |
CN113535307A (zh) * | 2021-07-23 | 2021-10-22 | 深圳小湃科技有限公司 | 一种界面加载方法、设备及存储介质 |
CN113760438A (zh) * | 2021-09-22 | 2021-12-07 | 京东科技信息技术有限公司 | 网页应用的页面显示方法及装置 |
CN114296852A (zh) * | 2021-12-28 | 2022-04-08 | 挂号网(杭州)科技有限公司 | 一种显示目标页面的方法、装置、电子设备及存储介质 |
CN115048596A (zh) * | 2022-05-20 | 2022-09-13 | 支付宝(杭州)信息技术有限公司 | 页面加载方法、装置、设备、介质及程序产品 |
Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102831148A (zh) * | 2012-06-19 | 2012-12-19 | 北京奇虎科技有限公司 | 一种基于浏览器的推荐数据加载方法和装置 |
CN102866993A (zh) * | 2011-07-04 | 2013-01-09 | 联想(北京)有限公司 | 页面数据加载方法、及电子设备 |
CN103810193A (zh) * | 2012-11-08 | 2014-05-21 | 北京金山安全软件有限公司 | 网页元素屏蔽方法和装置 |
CN103853729A (zh) * | 2012-11-29 | 2014-06-11 | 腾讯科技(深圳)有限公司 | 页面加载方法及其*** |
CN104050184A (zh) * | 2013-03-13 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 显示页面内容的方法及装置 |
CN104067276A (zh) * | 2012-01-19 | 2014-09-24 | 微软公司 | 客户机侧最小下载和模拟的页面导航特征 |
US8881000B1 (en) * | 2011-08-26 | 2014-11-04 | Google Inc. | System and method for informing users of an action to be performed by a web component |
US20150013009A1 (en) * | 2004-11-08 | 2015-01-08 | Bt Web Solutions, Llc | Enhanced browsing with security scanning |
CN104484235A (zh) * | 2014-11-24 | 2015-04-01 | 北京奇虎科技有限公司 | 一种基于瀑布流技术的内存优化方法及装置 |
CN105094542A (zh) * | 2015-07-08 | 2015-11-25 | 上海修源网络科技有限公司 | 一种界面浏览方法、装置及终端设备 |
CN105404647A (zh) * | 2015-10-28 | 2016-03-16 | 百度在线网络技术(北京)有限公司 | 一种页面内容的定位方法及装置 |
CN105677658A (zh) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | 页面展现方法及装置 |
CN105700800A (zh) * | 2014-11-27 | 2016-06-22 | 阿里巴巴集团控股有限公司 | 一种页面信息的操作方法、装置及电子设备 |
CN105981014A (zh) * | 2014-02-14 | 2016-09-28 | 三星电子株式会社 | 网页导航方法、使用该方法的移动终端以及网络导航计算机程序 |
CN106156095A (zh) * | 2015-04-01 | 2016-11-23 | 优视科技有限公司 | 加载页面中的插件的方法和装置 |
-
2016
- 2016-12-02 CN CN201611109757.XA patent/CN108153565B/zh active Active
Patent Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150013009A1 (en) * | 2004-11-08 | 2015-01-08 | Bt Web Solutions, Llc | Enhanced browsing with security scanning |
CN102866993A (zh) * | 2011-07-04 | 2013-01-09 | 联想(北京)有限公司 | 页面数据加载方法、及电子设备 |
US8881000B1 (en) * | 2011-08-26 | 2014-11-04 | Google Inc. | System and method for informing users of an action to be performed by a web component |
CN104067276A (zh) * | 2012-01-19 | 2014-09-24 | 微软公司 | 客户机侧最小下载和模拟的页面导航特征 |
CN102831148A (zh) * | 2012-06-19 | 2012-12-19 | 北京奇虎科技有限公司 | 一种基于浏览器的推荐数据加载方法和装置 |
CN103810193A (zh) * | 2012-11-08 | 2014-05-21 | 北京金山安全软件有限公司 | 网页元素屏蔽方法和装置 |
CN103853729A (zh) * | 2012-11-29 | 2014-06-11 | 腾讯科技(深圳)有限公司 | 页面加载方法及其*** |
CN104050184A (zh) * | 2013-03-13 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 显示页面内容的方法及装置 |
CN105981014A (zh) * | 2014-02-14 | 2016-09-28 | 三星电子株式会社 | 网页导航方法、使用该方法的移动终端以及网络导航计算机程序 |
CN105677658A (zh) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | 页面展现方法及装置 |
CN104484235A (zh) * | 2014-11-24 | 2015-04-01 | 北京奇虎科技有限公司 | 一种基于瀑布流技术的内存优化方法及装置 |
CN105700800A (zh) * | 2014-11-27 | 2016-06-22 | 阿里巴巴集团控股有限公司 | 一种页面信息的操作方法、装置及电子设备 |
CN106156095A (zh) * | 2015-04-01 | 2016-11-23 | 优视科技有限公司 | 加载页面中的插件的方法和装置 |
CN105094542A (zh) * | 2015-07-08 | 2015-11-25 | 上海修源网络科技有限公司 | 一种界面浏览方法、装置及终端设备 |
CN105404647A (zh) * | 2015-10-28 | 2016-03-16 | 百度在线网络技术(北京)有限公司 | 一种页面内容的定位方法及装置 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110908680A (zh) * | 2018-09-17 | 2020-03-24 | 阿里巴巴集团控股有限公司 | 一种信息处理方法、装置及设备 |
CN109460525A (zh) * | 2018-11-07 | 2019-03-12 | 网易(杭州)网络有限公司 | 简讯类文章的展示方法、装置、介质和计算设备 |
CN109460525B (zh) * | 2018-11-07 | 2021-01-05 | 网易(杭州)网络有限公司 | 简讯类文章的展示方法、装置、介质和计算设备 |
CN109492183A (zh) * | 2018-11-12 | 2019-03-19 | 郑州云海信息技术有限公司 | 一种数据处理方法及装置 |
CN109918602A (zh) * | 2019-02-26 | 2019-06-21 | 南威软件股份有限公司 | 一种Web数据预加载方法及*** |
WO2020173201A1 (zh) * | 2019-02-28 | 2020-09-03 | 北京京东尚科信息技术有限公司 | 一种定位方法及装置、存储介质 |
CN113535307A (zh) * | 2021-07-23 | 2021-10-22 | 深圳小湃科技有限公司 | 一种界面加载方法、设备及存储介质 |
CN113760438A (zh) * | 2021-09-22 | 2021-12-07 | 京东科技信息技术有限公司 | 网页应用的页面显示方法及装置 |
CN114296852A (zh) * | 2021-12-28 | 2022-04-08 | 挂号网(杭州)科技有限公司 | 一种显示目标页面的方法、装置、电子设备及存储介质 |
CN115048596A (zh) * | 2022-05-20 | 2022-09-13 | 支付宝(杭州)信息技术有限公司 | 页面加载方法、装置、设备、介质及程序产品 |
Also Published As
Publication number | Publication date |
---|---|
CN108153565B (zh) | 2021-07-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108153565A (zh) | 提供页面信息的方法及装置 | |
US10699244B2 (en) | Shared collaboration canvas | |
US9542070B2 (en) | Method and apparatus for providing an interactive user interface | |
JP2021072089A (ja) | ウェブページレンダリング方法、装置、電子設備、記憶媒体及びプログラム | |
KR20060052717A (ko) | 가상 데스크 탑, 프로그램 예의 배열을 리콜링하는 방법, 애플리케이션 예를 관리하는 방법 및 애플리케이션을 관리하는 방법 | |
EP2814000B1 (en) | Image processing apparatus, image processing method, and program | |
JP2018524661A (ja) | 共同システムにおける仮想作業空間ビューポート・フォロー・モード | |
CN103314373A (zh) | 移动设备上大数据集的有效处理 | |
US10013137B2 (en) | System and method for unlimited multi-user computer desktop environment | |
CN111078115B (zh) | 显示设备及其控制方法 | |
JP2009238218A (ja) | 情報可視化システム、方法およびプログラム | |
US20220068029A1 (en) | Methods, systems, and computer readable media for extended reality user interface | |
KR20180038034A (ko) | 지도 정보 표시 방법, 장치 및 저장 매체 | |
CN113680065A (zh) | 一种游戏中的地图处理方法和装置 | |
WO2021072046A1 (en) | Systems and methods of geolocating augmented reality consoles | |
US10534505B2 (en) | Technique for preventing unnecessary overlap of user interfaces | |
US11614845B2 (en) | User interface for application interface manipulation | |
CN108292187B (zh) | 上下文命令栏 | |
AU2013256420B2 (en) | System and method for unlimited multi-user computer desktop environment | |
CN115423920B (zh) | Vr场景的处理方法、装置和存储介质 | |
CN113721814B (zh) | 电子书页面展示方法、计算设备及计算机存储介质 | |
KR101162703B1 (ko) | 3차원 가상 공간을 기반으로 원격 제어를 수행하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체 | |
KR101668450B1 (ko) | 디지털 컨텐츠 제공 방법 및 이를 수행하는 장치 | |
KR20170044116A (ko) | 오브젝트를 편집 가능한 형태로 전체 화면 팝 아웃하는 기법 | |
US20210247876A1 (en) | Multi-process interface controller |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |