CN110069734B - 一种页面组件的展现方法和装置 - Google Patents
一种页面组件的展现方法和装置 Download PDFInfo
- Publication number
- CN110069734B CN110069734B CN201710703324.5A CN201710703324A CN110069734B CN 110069734 B CN110069734 B CN 110069734B CN 201710703324 A CN201710703324 A CN 201710703324A CN 110069734 B CN110069734 B CN 110069734B
- Authority
- CN
- China
- Prior art keywords
- page
- positioning
- component
- instance object
- target
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 105
- 238000010586 diagram Methods 0.000 claims description 73
- 230000000694 effects Effects 0.000 claims description 60
- 230000001960 triggered effect Effects 0.000 claims description 34
- 230000006870 function Effects 0.000 claims description 31
- 238000003860 storage Methods 0.000 description 15
- 238000009877 rendering Methods 0.000 description 9
- 230000009471 action Effects 0.000 description 7
- 238000004590 computer program Methods 0.000 description 7
- 238000004091 panning Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000005034 decoration Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000006378 damage Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Economics (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Development Economics (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例提供了一种页面组件的展现方法和装置,其中,所述方法包括:接收针对指定页面组件的定位事件入口配置操作;依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;当接收到页面打开请求时,展现包含有所述定位事件入口的页面。本申请可以动态配置针对指定组件的定位事件入口,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
Description
技术领域
本申请涉及客户端页面技术领域,特别是涉及一种页面组件的展现方法和一种页面组件的展现装置。
背景技术
随着网页组件化的兴起,基于组件化思想开发的页面也越来越流行,目前许多客户端的页面都是通过组件化完成。例如,手机淘宝、天猫、聚划算等客户端的大部分页面都是通过组件化完成的。
组件是页面上的视图,是组件化布局渲染的最小单位,页面中各个组件相互独立,在某个页面查看相关内容时,只能通过手动滚动来滑动页面或者点击相应的组件才能看到自己想看的内容,不能在页面中寻找并快速定位到一个组件,而且页面间的跳转是不连续的,浏览的内容比较分散时,往往要需要多次点击才能进入对应的页面。
商家在使用组件化页面装修(编辑)自己的店铺时,由于目前只能线性排列商品信息,商家无法动态配置入口快速引导用户跳转到特定组件的位置,导致用户浏览商品或店铺的效率比较低。
发明内容
鉴于上述问题,提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面组件的展现方法和相应的一种页面组件的展现装置。
为了解决上述问题,本申请实施例公开了一种页面组件的展现方法,所述方法包括:
接收针对指定页面组件的定位事件入口配置操作;
依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
优选地,所述方法还包括:
采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
优选地,所述采用述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径的步骤包括:
采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
优选地,所述采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件的步骤包括:
采用所述定位实例对象,确定所述目标容器路径的顶层容器;
采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
采用所述定位实例对象,逐层触发获取得到的容器,以将页面滚动至所述目标页面组件。
优选地,所述容器路径信息图通过如下方式生成:
获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
优选地,所述方法还包括:
当页面打开时,获取页面唯一标识;
采用所述页面唯一标识,生成定位实例对象。
优选地,所述方法还包括:
当页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
优选地,所述方法还包括:
采用所述定位实例对象接收活动事件触发请求;
获取所述定位实例对象透传的活动事件触发请求;
执行所述活动事件触发请求对应的活动事件。
优选地,所述方法还包括:
采用所述定位实例对象接收统一资源定位符事件触发请求;
获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
优选地,所述定位事件入口配置操作具有页面位置信息;
所述依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口的步骤包括:
依据所述定位事件入口配置操作的页面位置信息,在页面中相应的位置添加针对所述指定页面组件的定位事件入口。
本申请实施例还公开了一种页面配置方法,所述方法包括:
在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口。
本申请实施例还公开了一种页面组件展现方法,所述方法包括:
接收页面组件的定位事件触发请求;
获取所述定位事件触发请求对应的目标页面组件的唯一标识;
确定目标页面组件的唯一标识所在的目标容器路径;
遍历所述目标容器路径,以展现所述目标页面组件。
优选地,所述确定目标页面组件的唯一标识所在的目标容器路径的步骤包括:
从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
优选地,所述容器路径信息图通过如下方式生成:
获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
优选地,所述遍历所述目标容器路径,以展现所述目标页面组件的步骤包括:
确定所述目标容器路径的顶层容器;
从所述目标容器的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所在的容器;
逐层触发获取得到的容器,以展现所述目标页面组件。
优选地,所述方法还包括:
当页面关闭时,释放存储所述容器路径信息图的内存空间。
优选地,所述方法还包括:
接收活动事件触发请求;
将所述活动事件触发请求透传至页面,所述页面用于执行所述活动事件触发请求对应的活动事件。
优选地,所述方法还包括:
接收统一资源定位符事件触发请求;
将所述统一资源定位符事件触发请求透传至页面,所述页面用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
本申请实施例还公开了一种页面组件展现方法,所述方法包括:
当页面打开时,获取页面唯一标识;
采用所述页面唯一标识,生成定位实例对象;所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;确定目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
优选地,所述定位实例对象为实现定位事件的类的实例,所述定位实例对象用于从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
优选地,所述方法还包括:
获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;所述定位实例对象用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
优选地,所述方法还包括:
接收所述定位实例对象透传的活动事件触发请求;
执行所述活动事件触发请求对应的活动事件。
优选地,所述方法还包括:
接收所述定位实例对象透传的统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
本申请实施例还公开了一种页面组件的展现装置,所述装置包括:
配置操作接收模块,用于接收针对指定页面组件的定位事件入口配置操作;
定位事件入口添加模块,用于依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
页面展现模块,用于当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
优选地,所述装置还包括:
定位事件触发请求接收模块,用于采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
组件标识获取模块,用于采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
本申请实施例还公开了一种页面配置装置,所述装置包括:
配置操作接收模块,用于在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
定位事件入口添加模块,用于依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口。
本申请实施例还公开了一种页面组件展现装置,所述装置包括:
定位事件触发请求接收模块,用于接收页面组件的定位事件触发请求;
组件标识获取模块,用于获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于遍历所述目标容器路径,以展现所述目标页面组件。
本申请实施例还公开了一种页面组件展现装置,所述装置包括:
页面标识获取模块,用于当页面打开时,获取页面唯一标识;
定位实例对象生成模块,用于采用所述页面唯一标识,生成定位实例对象;所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;确定目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
本申请实施例还公开了一种装置,包括:
一个或多个处理器;和
其上存储有指令的一个或多个机器可读介质,当由所述一个或多个处理器执行时,使得所述装置执行上述的方法。
本申请实施例还公开了一个或多个机器可读介质,其上存储有指令,当由一个或多个处理器执行时,使得装置执行上述的方法。
本申请实施例包括以下优点:
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
本申请实施例中,客户端通过在页面打开时,针对该页面创建定位实例对象。采用定位实例对象提供了可针对组件的触发定位事件的功能,当用户在页面中触发针对某个组件的定位事件触发请求时,定位实例对象接收该请求并获取该请求对应的目标页面组件的唯一标识。定位实例对象确定目标页面组件的唯一标识所在的目标容器路径,遍历目标容器路径,从而将页面跳转至目标页面组件。当页面关闭时,定位实例对象销毁针对页面所生成的内容,从而释放内存空间,节约内存资源。
附图说明
图1是本申请的一种页面组件的展现方法实施例1的步骤流程图;
图2是本申请的一种页面组件的展现方法实施例2的步骤流程图;
图3是本申请实施例中一种容器的示意图;
图4是本申请实施例中的容器路径信息图;
图5是本申请的一种页面组件的展现方法实施例3的步骤流程图;
图6是本申请的一种页面组件的展现方法实施例4的步骤流程图;
图7是本申请的一种页面组件的展现方法实施例5的步骤流程图;
图8是本申请实施例中店铺页面装修前的示意图;
图9是本申请实施例中店铺页面装修后的示意图;
图10是本申请的一种页面配置方法实施例的步骤流程图;
图11是本申请的一种页面组件的展现装置实施例1的结构框图;
图12是本申请的一种页面组件的展现装置实施例2的结构框图;
图13是本申请的一种页面组件的展现装置实施例3的结构框图;
图14是本申请的一种智能终端实施例的结构框图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请作进一步详细的说明。
在本申请实施例中,客户端包括多个页面,每个页面都是通过组件化完成。组件是页面上的视图,是组件化布局渲染的最小单位。
例如,在手机淘宝客户端上,可以采用组件化的方式生成商品页面,每个商家店铺可以包括多个商品页面组成,每个商品页面可以由多个组件组成。
但是目前,在某个页面查看相关内容时,只能手动滚动或者点击相应的组件才能看到自己想看的内容,内容也比较分散。商家在装修手机淘宝店铺时,商家无法在店铺页面上动态配置入口快速引导用户跳转到特定组件的位置,导致用户浏览商品或店铺的效率比较低。因此,本申请实施例中,提出一种基于网页组件定位的网页组件展现方法,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
参照图1,示出了本申请的一种页面组件的展现方法实施例1的步骤流程图,该实施例首先从客户端的角度进行介绍。
该方法具体可以包括如下步骤:
步骤101,接收针对指定页面组件的定位事件入口配置操作;
在本申请实施例中,客户端可以提供针对组件的定位事件功能,定位事件Locator,就是将页面自动滚动到指定组件的位置的事件。
客户端可以接收针对指定页面组件的定位事件入口配置操作。定位事件入口可以展现在页面中,用户在浏览页面时,可以在页面中触发定位事件入口,从而发起定位事件触发请求。
例如,淘宝商家在装修自己的网店时,可以在淘宝客户端选择网店内任意一个页面的组件,触发定位事件入口配置操作。当用户浏览商家提供的页面时,用户可以在页面中触发商家配置的针对指定组件的定位事件入口。
步骤102,依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
客户端依据定位事件入口配置操作确定哪个组件是用户想要配置定位事件入口的组件,然后在页面中针对该组件,添加定位事件入口。一个页面中可以添加多个组件的定位事件入口。
步骤103,当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
页面装修完成后。当用户在客户端打开该页面时,客户端展现包含有触发入口的页面。
在本申请实施例中,多个组件的定位事件入口可以做成是目录的形式,目录中可以设置多个选项,每一个选项对应一个组件的定位事件入口,选项中还可以展现有组件的内容的名称。当用户浏览该页面时,可以在目录中点击想看的组件的选项,从而触发定位事件,使页面自动跳转到想看的组件。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
参照图2,示出了本申请的一种页面组件的展现方法实施例2的步骤流程图,该实施例从客户端的角度进行介绍。
该方法具体可以包括如下步骤:
步骤201,接收针对指定页面组件的定位事件入口配置操作;
在本申请实施例中,客户端可以提供针对组件的定位事件功能,客户端可以接收针对指定页面组件的定位事件入口配置操作。
步骤202,依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
客户端依据定位事件入口配置操作确定哪个组件是用户想要配置定位事件入口的组件,然后在页面中针对该组件,添加定位事件入口。一个页面中可以添加多个组件的定位事件入口。
在本申请实施例中,所述定位事件入口配置操作具有页面位置信息;
所述依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口的步骤可以包括:
依据所述定位事件入口配置操作的页面位置信息,在页面中相应的位置添加针对所述指定页面组件的定位事件入口。
在本申请实施例中,用户可以在定位事件入口配置操作中,指定页面中定位事件入口需要放置的位置。客户端可以在页面中用户指定的位置处,添加针对指定页面组件的定位事件入口。
步骤203,当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
页面装修完成后,用户在客户端打开该页面时,客户端展现包含有触发入口的页面。
步骤204,采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求;
在本申请实施例中,客户端可以采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求。
定位实例对象是客户端实现定位事件的类(Class)的实例。当可以提供定位事件功能的页面打开时,客户端创建这个类的实例,用以调用这个类提供的方法。
定位实例对象生成后,就可以执行定位事件的功能。定位实例对象接收在定位事件入口触发的页面组件的定位事件触发请求。
一般而言,一个定位事件入口对应一个页面组件的定位事件触发请求。当然,商家也可以针对同一个页面组件的定位事件,配置多个定位事件入口,将这些用户布置到页面中的不同位置,以方便用户点击。
步骤205,采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
在本申请实施例中,每个页面组件都具有一个对应的唯一标识。该唯一标识可以是由客户端设置,也可以是由与客户端通信的服务器设置。
定位实例对象在获取定位事件触发请求后,获取定位事件触发请求所针对的目标页面组件的唯一标识。
步骤206,采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
容器(container)是用于存放组件的,页面中的所有组件都是存放在容器进行展现的。参照图3所示为本申请实施例中一种容器的示意图。其中,页面包括了容器1,容器1内又包括了容器2和容器4,容器2内包括了容器3,容器4内包括了容器5和容器6。
这里的容器1、容器2、容器3、容器4、容器5、容器6都是与页面组件的唯一标识一一对应的。
容器路径反应了容器之间的关系。如图3所示,容器3的容器路径为:容器1/容器2/容器3,表示了容器3在容器2内,容器2又在容器1内,容器1为顶层容器。容器6的容器路径为:容器1/容器4/容器6,表示了容器6在容器4内,容器4又在容器1内,容器1为顶层容器。
在本申请实施例中,当目标页面组件的唯一标识位于多个容器路径时,依据预设规则从多个容器路径中,选择其中一个容器路径作为目标容器路径。
在本申请实施例中,所述步骤206可以包括:
采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
容器路径信息图记录了页面中各个容器之间的关系。
在本申请实施例中,所述容器路径信息图通过如下方式生成:
子步骤S11,获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
页面是由层级结构形成的,元素可以嵌套在其他元素中,元素的嵌套关系可以采用父子关系来表示。
相邻的两层元素之间具有父子关系。例如,当元素C嵌入在元素B时,元素B就是元素C的父元素,元素C就是元素B的子元素。
客户端可以获取页面的所有元素的唯一标识,以及各元素的父元素的唯一标识;
子步骤S12,将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
客户端可以将所有元素的唯一标识,通过定位实例对象提供的注册方法注册到定位实例对象中,使得定位实例对象获取到元素的唯一标识。(注:一个元素可以注册多次,但是每次的唯一标识是相同的,父元素可以不同,但要尽量避免这种注册)。
在本申请实施了中,页面注册定位元素时需要提供三个字段,元素的唯一标识locatorId,用来标识当前的locator定位元素,父元素的唯一标识parentId,指明它的父定位元素,(同一个定位元素可以有多个父定位元素,只要多次注册即可,这种情况可以默认第一条注册路径)。data定位元素对应的组件数据,方便页面后续处理定位逻辑。
子步骤S13,通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
定位实例对象根据页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图,容器路径信息图记载了元素之间的父子关系。参照图4所示为本申请实施例中的容器路径信息图。其中包括元素A、元素B、元素C、元素D、元素E、元素F、元素G、元素H、元素T。图中,箭头指向表示了元素之间的父子关系,例如,元素D通过箭头指向元素A,表示了元素D是元素A的子元素,元素A是元素D的父元素。元素H和元素T都通过箭头指向元素D,表示元素H和元素T都是元素D的子元素,表示元素D是原始H和元素T的父元素。
步骤207,采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,定位实例对象是通过遍历所述目标容器路径来实现定位功能的,当目标容器路径的所有容器都遍历后,页面就跳转到相应的页面组件上。
具体的,所述步骤207可以包括如下子步骤:
子步骤S21,采用所述定位实例对象,确定所述目标容器路径的顶层容器;
子步骤S22,采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
子步骤S23,采用所述定位实例对象,逐层触发获取得到的容器,以将页面滚动至所述目标页面组件。
顶层容器相当于不具有父元素的元素。定位实例对象从顶层元素开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器,然后依次逐层触发获取得到的容器,从而将页面自动滚动至目标页面组件。
在对某个容器进行处理时,若未能子步骤S22和子步骤S23中得起其中一条,定位事件无法完成,客户端则自动终止定位事件。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
本申请实施例中,客户端通过在页面打开时,针对该页面创建定位实例对象。采用定位实例对象提供了可针对组件的触发定位事件的功能,当用户在页面中触发针对某个组件的定位事件触发请求时,定位实例对象接收该请求并获取该请求对应的目标页面组件的唯一标识。定位实例对象确定目标页面组件的唯一标识所在的目标容器路径,遍历目标容器路径,从而将页面跳转至目标页面组件。
参照图5,示出了本申请的一种页面组件的展现方法实施例3的步骤流程图,该实施例从客户端的角度进行介绍。
该方法具体可以包括如下步骤:
步骤301,接收针对指定页面组件的定位事件入口配置操作;
在本申请实施例中,客户端可以提供针对组件的定位事件功能,客户端可以接收针对指定页面组件的定位事件入口配置操作。
步骤302,依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
客户端依据定位事件入口配置操作确定哪个组件是用户想要配置定位事件入口的组件,然后在页面中针对该组件,添加定位事件入口。一个页面中可以添加多个组件的定位事件入口。
步骤303,当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
页面装修完成后,用户在客户端打开该页面时,客户端展现包含有触发入口的页面。
步骤304,当页面打开时,获取页面唯一标识;
当页面打开时,客户端获取该页面的唯一标识token。
步骤305,采用所述页面唯一标识,生成定位实例对象。
定位实例对象是客户端实现定位事件的类(Class)的实例。当可以提供定位事件功能的页面打开时,客户端创建这个类的实例,用以调用这个类提供的方法。
采用页面唯一标识创建定位实例对象,是为了保证相同的页面共用同一个定位实例对象。
步骤306,获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
页面是由层级结构形成的,元素可以嵌套在其他元素中,元素的嵌套关系可以采用父子关系来表示。
相邻的两层元素之间具有父子关系。例如,当元素C嵌入在元素B时,元素B就是元素C的父元素,元素C就是元素B的子元素。
步骤307,将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
客户端将元素的唯一标识,通过定位实例对象提供的注册方法注册到定位实例对象中,使得定位实例对象获取到元素的唯一标识。
步骤308,通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
定位实例对象根据页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
步骤309,采用所述定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求;
在本申请实施例中,客户端可以采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求。
步骤310,采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径;
容器路径信息图记载了元素之间的父子关系,根据元素之间的父子关系就可以得出组件所在的容器路径。
在本申请实施例中,当目标页面组件的唯一标识位于多个容器路径时,依据预设规则从多个容器路径中,选择其中一个容器路径作为目标容器路径。
步骤311,采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述步骤311可以包括:
采用所述定位实例对象,确定所述目标容器路径的顶层容器;采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;采用所述定位实例对象,逐层触发获取得到的容器,以将页面滚动至所述目标页面组件。
在本申请实施例中,所述的方法还可以包括:
当页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
具体的,当页面关闭时,可以采用所述定位实例对象所提供的销毁方法,释放存储容器路径信息图的内存空间。
在本申请实施例中,所述的方法还可以包括:
采用所述定位实例对象接收活动事件触发请求;获取所述定位实例对象透传的活动事件触发请求;执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,定位实例对象除了提供定位事件功能外,还提供活动事件功能。活动事件Action,是指执行某个动作的事件。例如,点击按钮、双击列表中选项、选择菜单项、在文本框中输入回车等。
定位实例对象检测在页面中触发的活动事件触发请求,然后将该活动事件触发请求透传给页面进行响应。
在本申请实施例中,所述的方法还可以包括:
采用所述定位实例对象接收统一资源定位符事件触发请求;
获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,定位实例对象除了提供定位事件功能、活动事件功能外,还提供统一资源定位符事件功能。统一资源定位符URL事件功能,是指打开指定URL的事件。
定位实例对象检测在页面中触发的统一资源定位符事件触发请求,然后将该请求透传给页面进行响应。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
本申请实施例中,客户端通过在页面打开时,针对该页面创建定位实例对象。采用定位实例对象提供了可针对组件的触发定位事件的功能,当用户在页面中触发针对某个组件的定位事件触发请求时,定位实例对象接收该请求并获取该请求对应的目标页面组件的唯一标识。定位实例对象确定目标页面组件的唯一标识所在的目标容器路径,遍历目标容器路径,从而将页面跳转至目标页面组件。当页面关闭时,定位实例对象销毁针对页面所生成的内容,从而释放内存空间,节约内存资源。
参照图6,示出了本申请的一种页面组件的展现方法实施例4的步骤流程图,该实施例从定位实例对象的角度进行介绍。
该方法具体可以包括如下步骤:
步骤401,接收页面组件的定位事件触发请求;
定位实例对象接收页面组件的定位事件触发请求;
步骤402,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
定位实例对象获取定位事件触发请求对应的目标页面组件的唯一标识;
步骤403,确定目标页面组件的唯一标识所在的目标容器路径;
定位实例对象确定目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述步骤403可以包括:
从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述容器路径信息图通过如下方式生成:
定位实例对象获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
定位实例对象采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
步骤404,遍历所述目标容器路径,以展现所述目标页面组件。
定位实例对象遍历目标容器路径,以展现目标页面组件。
在本申请实施例中,所述步骤404可以包括:
定位实例对象确定所述目标容器路径的顶层容器;
定位实例对象从所述目标容器的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所在的容器;
定位实例对象逐层触发获取得到的容器,以展现所述目标页面组件。
在本申请实施例中,所述的方法还可以包括:
当页面关闭时,定位实例对象释放存储所述容器路径信息图的内存空间。
在本申请实施例中,所述的方法还可以包括:
定位实例对象接收活动事件触发请求;
定位实例对象将所述活动事件触发请求透传至页面,所述页面用于执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的方法还可以包括:
定位实例对象接收统一资源定位符事件触发请求;
定位实例对象将所述统一资源定位符事件触发请求透传至页面,所述页面用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
参照图7,示出了本申请的一种页面组件的展现方法实施例5的步骤流程图,该实施例从页面的角度进行介绍。
该方法具体可以包括如下步骤:
步骤501,当页面打开时,获取页面唯一标识;
页面获取页面唯一标识。
步骤502,采用所述页面唯一标识,生成定位实例对象;
所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;确定目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述定位实例对象用于从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述的方法还可以包括:
获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;所述定位实例对象用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述的方法还可以包括:
页面接收所述定位实例对象透传的活动事件触发请求;
页面执行活动事件触发请求对应的活动事件。
在本申请实施例中,所述的方法还可以包括:
页面接收所述定位实例对象透传的统一资源定位符事件触发请求;
页面打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
为了使本领域技术人员能够更好地理解本申请实施例,下面通过一个例子对本申请实施例加以说明:
客户端声明locator类。当打开页面时,页面采用页面的唯一标识token生成定位实例对象。页面把其所包含的元素(包括组件和容器)通过定位实例对象提供的注册方法注册给定位实例对象。
页面每次向定位实例对象注册时,都要提供元素的唯一标识locatorId,元素的父元素的唯一标识parentId,以及元素对应的组件数据data。定位实例对象采用注册信息生成并维护一棵信息图,树中每一个节点代表元素的locatorId,节点之间的箭头表示元素之间的父子关系。定位实例对象内部存储时会根据locatorId和parentId生成元素间的关联关系,经过多次注册会得到一棵信息图。(注:一个元素可以注册多次并且每次的parentId可以不同,但尽量避免这种注册)。
定位实例对象内部维护三种类型的事件:定位事件、活动事件、统一资源定位符事件。当页面触发定位功能时,定位实例对象内部处理识别定位功能的事件类型,并做出相应的响应。对于定位事件,定位实例对象在信息图中查找定位事件对应的页面组件的唯一标识所在的容器路径,并触发该容器路径上的所有容器,响应定位事件。对于活动事件和统一资源定位符事件,定位实例对象会把活动事件和统一资源定位符事件透传给页面,页面直接执行活动事件,或者打开统一资源定位。
当页面销毁时,调用定位实例对象提供的销毁方法,释放定位实例对象资源。至此,locator的所有流程就完成了。
如图8所示为本申请实施例中店铺页面装修前的示意图。当店铺页面被打开时,店铺页面从上至下展现有页面组件1、页面组件2……。不同的页面组件可以展现商品的不同内容,例如,商品详情信息、评价信息、推荐信息等。如果用户想浏览页面组件2的内容,用户只能拖动滚动条将页面下拉。
如图9所示为本申请实施例中店铺页面装修后的示意图。商家在店铺页面上,配置了页面组件1的定位事件入口和页面组件2的定位事件入口。当用户浏览店铺页面时,如果用户直接点击了页面组件2的定位事件入口,则店铺页面会自动拖动滚动条,使店铺页面直接跳转到页面组件2的位置。
参照图10,示出了本申请的一种页面配置方法实施例的步骤流程图,该实施例从客户端的角度进行介绍。
步骤601,在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
在本申请实施例中,客户端具有店铺页面编辑功能,该功能允许商家编辑自己的店铺页面,就是对店铺页面进行装修。当店铺页面编辑功能被触发时,商家可以在页面中添加针对指定页面组件的定位事件入口。
步骤602,依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口。
客户端依据定位事件入口配置操作确定哪个组件是用户想要配置定位事件入口的组件,然后在页面中针对该组件,添加定位事件入口。
在本申请实施例中,所述定位事件入口配置操作具有页面位置信息;
所述步骤602可以包括:
依据所述定位事件入口配置操作的页面位置信息,在店铺页面中相应的位置添加针对所述指定页面组件的定位事件入口。
在本申请实施例中,所述的方法还可以包括:
当接收到页面打开请求时,展现包含有所述定位事件入口的店铺页面。
在本申请实施例中,所述的方法还可以包括:
采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述采用述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径的步骤包括:
采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件的步骤包括:
采用所述定位实例对象,确定所述目标容器路径的顶层容器;
采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
采用所述定位实例对象,逐层触发获取得到的容器,以将店铺页面滚动至所述目标页面组件。
在本申请实施例中,所述容器路径信息图可以通过如下方式生成:
获取所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
通过所述定位实例对象,采用所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述的方法还可以包括:
当店铺页面打开时,获取页面唯一标识;
采用所述页面唯一标识,生成定位实例对象。
在本申请实施例中,所述的方法还可以包括:
当店铺页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
在本申请实施例中,所述的方法还可以包括:
采用所述定位实例对象接收活动事件触发请求;
获取所述定位实例对象透传的活动事件触发请求;
执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的方法还可以包括:
采用所述定位实例对象接收统一资源定位符事件触发请求;
获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请实施例并不受所描述的动作顺序的限制,因为依据本申请实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本申请实施例所必须的。
参照图11,示出了本申请的一种页面组件的展现装置实施例1的结构框图,具体可以包括如下模块:
配置操作接收模块901,用于接收针对指定页面组件的定位事件入口配置操作;
定位事件入口添加模块902,用于依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
页面展现模块903,用于当接收到页面打开请求时,展现包含有所述定位事件入口的页面。
在本申请实施例中,所述的装置还可以包括:
定位事件触发请求接收模块,用于采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求;
组件标识获取模块,用于采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述容器路径确定模块可以包括:
容器路径确定子模块,用于采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述容器路径触发模块可以包括:
顶层容器确定子模块,用于采用所述定位实例对象,确定所述目标容器路径的顶层容器;
容器获取子模块,用于采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
容器触发子模块,用于采用所述定位实例对象,逐层触发获取得到的容器,以将页面滚动至所述目标页面组件。
在本申请实施例中,所述容器路径信息图可以通过如下模块生成:
元素标识获取模块,用于获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
信息图生成模块,用于通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述的装置还可以包括:
页面标识获取模块,用于当页面打开时,获取页面唯一标识;
实例对象生成模块,用于采用所述页面唯一标识,生成定位实例对象。
在本申请实施例中,所述的装置还可以包括:
内存释放模块,用于当页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
在本申请实施例中,所述的装置还可以包括:
活动事件触发请求接收模块,用于采用所述定位实例对象接收活动事件触发请求;
活动事件触发请求获取模块,用于获取所述定位实例对象透传的活动事件触发请求;
活动事件执行模块,用于执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的装置还可以包括:
统一资源定位符事件触发请求接收模块,用于采用所述定位实例对象接收统一资源定位符事件触发请求;
统一资源定位符事件触发请求获取模块,用于获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
统一资源定位符打开模块,用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,所述定位事件入口配置操作具有页面位置信息;
所述定位事件入口添加模块902可以包括:
位置添加子模块,用于依据所述定位事件入口配置操作的页面位置信息,在页面中相应的位置添加针对所述指定页面组件的定位事件入口。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
参照图12,示出了本申请的一种页面组件的展现装置实施例2的结构框图,具体可以包括如下模块:
定位事件触发请求接收模块1001,用于接收页面组件的定位事件触发请求;
组件标识获取模块1002,用于获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块1003,用于确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块1004,用于遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述容器路径确定模块1003可以包括:
容器路径确定子模块,用于从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述容器路径信息图可以通过如下模块生成:
元素标识获取模块,用于获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
信息图生成模块,用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述容器路径触发模块1004可以包括:
顶层容器确定子模块,用于确定所述目标容器路径的顶层容器;
容器获取子模块,用于从所述目标容器的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所在的容器;
容器触发子模块,用于逐层触发获取得到的容器,以展现所述目标页面组件。
在本申请实施例中,所述的装置还可以包括:
内存释放模块,用于当页面关闭时,释放存储所述容器路径信息图的内存空间。
在本申请实施例中,所述的装置还可以包括:
活动事件触发请求接收模块,用于接收活动事件触发请求;
活动事件触发请求透传模块,用于将所述活动事件触发请求透传至页面,所述页面用于执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的装置还可以包括:
统一资源定位符事件触发请求接收模块,用于接收统一资源定位符事件触发请求;
统一资源定位符事件触发请求透传模块,用于将所述统一资源定位符事件触发请求透传至页面,所述页面用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
参照图13,示出了本申请的一种页面组件的展现装置实施例3的结构框图,具体可以包括如下模块:
页面标识获取模块1101,用于当页面打开时,获取页面唯一标识;
定位实例对象生成模块1102,用于采用所述页面唯一标识,生成定位实例对象;所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;确定目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述定位实例对象用于从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述的装置还可以包括:
元素标识获取模块,用于获取所述页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;所述定位实例对象用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述的装置还可以包括:
活动事件触发请求接收模块,用于接收所述定位实例对象透传的活动事件触发请求;
活动事件执行模块,用于执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的装置还可以包括:
统一资源定位符事件触发请求接收模块,用于接收所述定位实例对象透传的统一资源定位符事件触发请求;
统一资源定位符打开模块,用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
在本申请实施例中,在商家装修页面时,商家可以动态配置针对指定组件的定位事件入口。当定位事件入口被浏览页面用户触发时,客户端会自动跳转到相应的组件,使得用户无需通过手动拉动滚动条来跳转到指定组件的位置,简化了用户操作,优化了用户体验。
本申请实施例还公开了一种页面配置装置实施例的结构框图,具体可以包括如下模块:
配置操作接收模块,用于在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
定位事件入口添加模块,用于依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口。
在本申请实施例中,所述定位事件入口配置操作具有页面位置信息;
所述定位事件入口添加模块可以包括:
位置添加子模块,用于依据所述定位事件入口配置操作的页面位置信息,在店铺页面中相应的位置添加针对所述指定页面组件的定位事件入口。
在本申请实施例中,所述的装置还可以包括:
页面展现模块,用于当接收到页面打开请求时,展现包含有所述定位事件入口的店铺页面。
在本申请实施例中,所述的装置还可以包括:
定位事件触发请求接收模块,用于采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求;
组件标识获取模块,用于采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于采用所述定位实例对象,确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件。
在本申请实施例中,所述容器路径确定模块可以包括:
容器路径确定子模块,用于采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径。
在本申请实施例中,所述容器路径触发模块可以包括:
顶层容器确定子模块,用于采用所述定位实例对象,确定所述目标容器路径的顶层容器;
容器获取子模块,用于采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
容器触发子模块,用于采用所述定位实例对象,逐层触发获取得到的容器,以将店铺页面滚动至所述目标页面组件。
在本申请实施例中,所述容器路径信息图可以通过如下模块生成:
元素标识获取模块,用于获取所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
信息图生成模块,用于通过所述定位实例对象,采用所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
在本申请实施例中,所述的装置还可以包括:
页面标识获取模块,用于当店铺页面打开时,获取页面唯一标识;
实例对象生成模块,用于采用所述页面唯一标识,生成定位实例对象。
在本申请实施例中,所述的装置还可以包括:
内存释放模块,用于当店铺页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
在本申请实施例中,所述的装置还可以包括:
活动事件触发请求接收模块,用于采用所述定位实例对象接收活动事件触发请求;
活动事件触发请求获取模块,用于获取所述定位实例对象透传的活动事件触发请求;
活动事件执行模块,用于执行所述活动事件触发请求对应的活动事件。
在本申请实施例中,所述的装置还可以包括:
统一资源定位符事件触发请求接收模块,用于采用所述定位实例对象接收统一资源定位符事件触发请求;
统一资源定位符事件触发请求获取模块,用于获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
统一资源定位符打开模块,用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本公开的实施例可被实现为使用任意适当的硬件,固件,软件,或及其任意组合进行想要的配置的系统。图14示意性地示出了可被用于实现本公开中所述的各个实施例的示例性系统(或装置)1200。
对于一个实施例,图14示出了示例性系统1200,该系统具有一个或多个处理器1202、被耦合到(一个或多个)处理器1202中的至少一个的系统控制模块(芯片组)1204、被耦合到系统控制模块1204的系统存储器1206、被耦合到系统控制模块1204的非易失性存储器(NVM)/存储设备1208、被耦合到系统控制模块1204的一个或多个输入/输出设备1210,以及被耦合到系统控制模块1206的网络接口1212。
处理器1202可包括一个或多个单核或多核处理器,处理器1202可包括通用处理器或专用处理器(例如图形处理器、应用处理器、基频处理器等)的任意组合。在一些实施例中,系统1200能够作为本申请实施例中所述的浏览器。
在一些实施例中,系统1200可包括具有指令的一个或多个计算机可读介质(例如,系统存储器1206或NVM/存储设备1208)以及与该一个或多个计算机可读介质相合并被配置为执行指令以实现模块从而执行本公开中所述的动作的一个或多个处理器1202。
对于一个实施例,系统控制模块1204可包括任意适当的接口控制器,以向(一个或多个)处理器1202中的至少一个和/或与系统控制模块1204通信的任意适当的设备或组件提供任意适当的接口。
系统控制模块1204可包括存储器控制器模块,以向系统存储器1206提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。
系统存储器1206可被用于例如为系统1200加载和存储数据和/或指令。对于一个实施例,系统存储器1206可包括任意适当的易失性存储器,例如,适当的DRAM。在一些实施例中,系统存储器1206可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。
对于一个实施例,系统控制模块1204可包括一个或多个输入/输出控制器,以向NVM/存储设备1208及(一个或多个)输入/输出设备1210提供接口。
例如,NVM/存储设备1208可被用于存储数据和/或指令。NVM/存储设备1208可包括任意适当的非易失性存储器(例如,闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如,一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。
NVM/存储设备1208可包括在物理上作为系统1200被安装在其上的设备的一部分的存储资源,或者其可被该设备访问而不必作为该设备的一部分。例如,NVM/存储设备1208可通过网络经由(一个或多个)输入/输出设备1210进行访问。
(一个或多个)输入/输出设备1210可为系统1200提供接口以与任意其他适当的设备通信,输入/输出设备1210可以包括通信组件、音频组件、传感器组件等。网络接口1212可为系统1200提供接口以通过一个或多个网络通信,系统1200可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信,例如接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合进行无线通信。
对于一个实施例,(一个或多个)处理器1202中的至少一个可与系统控制模块1204的一个或多个控制器(例如,存储器控制器模块)的逻辑封装在一起。对于一个实施例,(一个或多个)处理器1202中的至少一个可与系统控制模块1204的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例,(一个或多个)处理器1202中的至少一个可与系统控制模块1204的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例,(一个或多个)处理器1202中的至少一个可与系统控制模块1204的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。
在各个实施例中,系统1200可以但不限于是:浏览器、工作站、台式计算设备或移动计算设备(例如,膝上型计算设备、手持计算设备、平板电脑、上网本等)。在各个实施例中,系统1200可具有更多或更少的组件和/或不同的架构。例如,在一些实施例中,系统1200包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。
其中,如果显示器包括触摸面板,显示屏可以被实现为触屏显示器,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。
本申请实施例还提供了一种非易失性可读存储介质,该存储介质中存储有一个或多个模块(programs),该一个或多个模块被应用在终端设备时,可以使得该终端设备执行本申请实施例中各方法步骤的指令(instructions)。
在一个示例中提供了一种装置,包括:一个或多个处理器;和,其上存储的有指令的一个或多个机器可读介质,当由所述一个或多个处理器执行时,使得所述装置执行如本申请实施例中的方法。
在一个示例中还提供了一个或多个机器可读介质,其上存储有指令,当由一个或多个处理器执行时,使得装置执行如本申请实施例中的方法。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本申请实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本申请所提供的一种页面组件的展现方法和一种页面组件的展现装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (23)
1.一种页面组件的展现方法,其特征在于,
接收针对指定页面组件的定位事件入口配置操作;
依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
当接收到页面打开请求时,展现包含有所述定位事件入口的页面;
采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述定位事件触发请求对应的目标页面组件的唯一标识所在的目标容器路径;
采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件;
所述容器路径信息图通过如下方式生成:
获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
2.根据权利要求1所述的方法,其特征在于,所述采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件的步骤包括:
采用所述定位实例对象,确定所述目标容器路径的顶层容器;
采用所述定位实例对象,从所述目标容器路径的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所对应的容器;
采用所述定位实例对象,逐层触发获取得到的容器,以将页面滚动至所述目标页面组件。
3.根据权利要求1所述的方法,其特征在于,还包括:
当页面打开时,获取页面唯一标识;
采用所述页面唯一标识,生成定位实例对象。
4.根据权利要求1所述的方法,其特征在于,还包括:
当页面关闭时,采用所述定位实例对象释放存储所述容器路径信息图的内存空间。
5.根据权利要求1所述的方法,其特征在于,还包括:
采用所述定位实例对象接收活动事件触发请求;
获取所述定位实例对象透传的活动事件触发请求;
执行所述活动事件触发请求对应的活动事件。
6.根据权利要求1所述的方法,其特征在于,还包括:
采用所述定位实例对象接收统一资源定位符事件触发请求;
获取所述定位实例对象透传的所述统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
7.根据权利要求1所述的方法,其特征在于,所述定位事件入口配置操作具有页面位置信息;
所述依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口的步骤包括:
依据所述定位事件入口配置操作的页面位置信息,在页面中相应的位置添加针对所述指定页面组件的定位事件入口。
8.一种页面配置方法,其特征在于,
在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口;
采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述定位事件触发请求对应的目标页面组件的唯一标识所在的目标容器路径;
采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件;
所述容器路径信息图通过如下方式生成:
获取所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
通过所述定位实例对象,采用所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
9.一种页面组件展现方法,其特征在于,包括:
接收页面组件的定位事件触发请求;
获取所述定位事件触发请求对应的目标页面组件的唯一标识;
从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径;
遍历所述目标容器路径,以展现所述目标页面组件;
其中,所述容器路径信息图通过如下方式生成:
获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
10.根据权利要求9所述的方法,其特征在于,所述遍历所述目标容器路径,以展现所述目标页面组件的步骤包括:
确定所述目标容器路径的顶层容器;
从所述目标容器的顶层容器开始,逐层获取下一层的容器,直至获取到所述目标页面组件所在的容器;
逐层触发获取得到的容器,以展现所述目标页面组件。
11.根据权利要求9所述的方法,其特征在于,还包括:
当页面关闭时,释放存储所述容器路径信息图的内存空间。
12.根据权利要求9所述的方法,其特征在于,还包括:
接收活动事件触发请求;
将所述活动事件触发请求透传至页面,所述页面用于执行所述活动事件触发请求对应的活动事件。
13.根据权利要求9所述的方法,其特征在于,还包括:
接收统一资源定位符事件触发请求;
将所述统一资源定位符事件触发请求透传至页面,所述页面用于打开所统一资源定位符事件触发请求对应的统一资源定位符。
14.一种页面组件展现方法,其特征在于,包括:
当页面打开时,获取页面唯一标识;
采用所述页面唯一标识,生成定位实例对象;
获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;所述定位实例对象用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图;
所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
15.根据权利要求14所述的方法,其特征在于,所述定位实例对象为实现定位事件的类的实例。
16.根据权利要求14所述的方法,其特征在于,还包括:
接收所述定位实例对象透传的活动事件触发请求;
执行所述活动事件触发请求对应的活动事件。
17.根据权利要求14所述的方法,其特征在于,还包括:
接收所述定位实例对象透传的统一资源定位符事件触发请求;
打开所统一资源定位符事件触发请求对应的统一资源定位符。
18.一种页面组件的展现装置,其特征在于,
配置操作接收模块,用于接收针对指定页面组件的定位事件入口配置操作;
定位事件入口添加模块,用于依据所述定位事件入口配置操作,在页面中添加针对所述指定页面组件的定位事件入口;
页面展现模块,用于当接收到页面打开请求时,展现包含有所述定位事件入口的页面;
定位事件触发请求接收模块,用于采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
组件标识获取模块,用于采用所述定位实例对象,获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,确定目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件;
所述容器路径信息图通过如下模块生成:
元素标识获取模块,用于获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
信息图生成模块,用于通过所述定位实例对象,采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
19.一种页面配置装置,其特征在于,
配置操作接收模块,用于在店铺页面编辑功能被触发时,接收针对店铺页面中指定页面组件的定位事件入口配置操作;
定位事件入口添加模块,用于依据所述定位事件入口配置操作,在店铺页面中添加针对所述指定页面组件的定位事件入口;
定位事件触发请求接收模块,用于采用预先生成的定位实例对象,接收在定位事件入口触发的页面组件的定位事件触发请求,所述定位实例对象为实现定位事件的类的实例;
容器路径确定模块,用于采用所述定位实例对象,从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述定位事件触发请求对应的目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于采用所述定位实例对象,遍历所述目标容器路径,以展现所述目标页面组件;
所述容器路径信息图通过如下模块生成:
元素标识获取模块,用于获取所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;
信息图生成模块,用于通过所述定位实例对象,采用所述店铺页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
20.一种页面组件展现装置,其特征在于,包括:
定位事件触发请求接收模块,用于接收页面组件的定位事件触发请求;
组件标识获取模块,用于获取所述定位事件触发请求对应的目标页面组件的唯一标识;
容器路径确定模块,用于从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径;
容器路径触发模块,用于遍历所述目标容器路径,以展现所述目标页面组件;
所述容器路径信息图通过如下模块生成:
元素标识获取模块,用于获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
信息图生成模块,用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图。
21.一种页面组件展现装置,其特征在于,包括:
页面标识获取模块,用于当页面打开时,获取页面唯一标识;
定位实例对象生成模块,用于采用所述页面唯一标识,生成定位实例对象;
元素标识获取模块,用于获取页面的元素的唯一标识,以及各元素的父元素的唯一标识;所述元素包括组件和容器;
标识注册模块,用于将所述页面的元素的唯一标识,以及各元素的父元素的唯一标识注册至所述定位实例对象;所述定位实例对象用于采用所述页面的元素的唯一标识,以及各元素的父元素的唯一标识,生成容器路径信息图;
所述定位实例对象用于当接收到页面组件的定位事件触发请求时,获取所述定位事件触发请求对应的目标页面组件的唯一标识;从基于页面组件的唯一标识预先创建的容器路径信息图中,查找所述目标页面组件的唯一标识所在的目标容器路径;遍历所述目标容器路径,以展现所述目标页面组件。
22.一种电子设备,其特征在于,包括:
一个或多个处理器;和
其上存储有指令的一个或多个机器可读介质,当由所述一个或多个处理器执行时,使得所述电子设备执行如权利要求1-17任一项所述的方法。
23.一种机器可读介质,其上存储有指令,当由一个或多个处理器执行时,使得装置执行如权利要求1-17任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710703324.5A CN110069734B (zh) | 2017-08-16 | 2017-08-16 | 一种页面组件的展现方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710703324.5A CN110069734B (zh) | 2017-08-16 | 2017-08-16 | 一种页面组件的展现方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110069734A CN110069734A (zh) | 2019-07-30 |
CN110069734B true CN110069734B (zh) | 2023-10-24 |
Family
ID=67364498
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710703324.5A Active CN110069734B (zh) | 2017-08-16 | 2017-08-16 | 一种页面组件的展现方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110069734B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110909280A (zh) * | 2019-11-20 | 2020-03-24 | 杭州端点网络科技有限公司 | 一种互联网软件web应用页面装修系统 |
CN111857488B (zh) * | 2020-06-30 | 2022-06-28 | 北京百度网讯科技有限公司 | 小程序中菜单弹出的方法、装置、电子设备和存储介质 |
CN112100548B (zh) * | 2020-11-17 | 2021-02-02 | 浙江口碑网络技术有限公司 | 页面定位展示方法及装置 |
CN114721758A (zh) * | 2022-03-29 | 2022-07-08 | 北京百度网讯科技有限公司 | 页面定位方法、装置、电子设备及存储介质 |
CN115830200B (zh) * | 2022-11-07 | 2023-05-12 | 北京力控元通科技有限公司 | 三维模型的生成方法、三维图形的渲染方法、装置及设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060075308A1 (en) * | 2004-10-05 | 2006-04-06 | Microsoft Corporation | Log management system and method |
CN1980267A (zh) * | 2005-12-08 | 2007-06-13 | 中兴通讯股份有限公司 | 一种实现灵活装卸的向导式界面的方法 |
CN102439860A (zh) * | 2009-05-19 | 2012-05-02 | 三星电子株式会社 | 用于提供页面的方法以及适用于该方法的便携式终端 |
-
2017
- 2017-08-16 CN CN201710703324.5A patent/CN110069734B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060075308A1 (en) * | 2004-10-05 | 2006-04-06 | Microsoft Corporation | Log management system and method |
CN1980267A (zh) * | 2005-12-08 | 2007-06-13 | 中兴通讯股份有限公司 | 一种实现灵活装卸的向导式界面的方法 |
CN102439860A (zh) * | 2009-05-19 | 2012-05-02 | 三星电子株式会社 | 用于提供页面的方法以及适用于该方法的便携式终端 |
Also Published As
Publication number | Publication date |
---|---|
CN110069734A (zh) | 2019-07-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110069734B (zh) | 一种页面组件的展现方法和装置 | |
CN110058856B (zh) | 页面配置方法及装置 | |
US11175968B2 (en) | Embedding an interface of one application into an interface of another application | |
US9305313B2 (en) | System and method for a graphical user interface having a resizable recommendations area | |
CN110968824B (zh) | 页面数据处理方法和装置 | |
US20120297324A1 (en) | Navigation Control Availability | |
US20170262148A1 (en) | Page information operating method and apparatus, and electronic device | |
CN103034518B (zh) | 加载浏览器控制工具的方法及浏览器 | |
CN108287919B (zh) | 网页应用的访问方法、装置、存储介质及电子设备 | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及系统 | |
US20150248722A1 (en) | Web based interactive multimedia system | |
CN104077348A (zh) | 用于控制网页的动态改变的内容的方法及其电子装置 | |
JP6949059B2 (ja) | 動的リストを表示する方法、デバイス、装置及びシステム | |
US20150058713A1 (en) | Method and apparatus for sharing media content and method and apparatus for displaying media content | |
CN107015979B (zh) | 一种数据处理方法、装置和智能终端 | |
WO2019011141A1 (zh) | 启动、配置方法,装置,设备,介质和操作系统 | |
CA2959686A1 (en) | Personalized contextual menu for inserting content in a current application | |
CN106547769B (zh) | 一种doi显示方法及装置 | |
CN107153498B (zh) | 一种页面处理方法、装置和智能终端 | |
CN109547623B (zh) | 一种界面切换方法及装置 | |
US20140189478A1 (en) | Web browsers for mobile and small screen devices | |
CN113722630B (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
CN113378036A (zh) | 页面操作分析、埋点方法、装置、设备及存储介质 | |
US11770437B1 (en) | Techniques for integrating server-side and client-side rendered content |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230828 Address after: Room 507, floor 5, building 3, No. 969, Wenyi West Road, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province Applicant after: ZHEJIANG TMALL TECHNOLOGY Co.,Ltd. Address before: Box 847, four, Grand Cayman capital, Cayman Islands, UK Applicant before: ALIBABA GROUP HOLDING Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |