CN113934482A - 页面的展示方法、设备、存储介质及装置 - Google Patents
页面的展示方法、设备、存储介质及装置 Download PDFInfo
- Publication number
- CN113934482A CN113934482A CN202010677924.0A CN202010677924A CN113934482A CN 113934482 A CN113934482 A CN 113934482A CN 202010677924 A CN202010677924 A CN 202010677924A CN 113934482 A CN113934482 A CN 113934482A
- Authority
- CN
- China
- Prior art keywords
- page
- information
- program
- data
- displayed
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000003860 storage Methods 0.000 title claims abstract description 15
- 238000009877 rendering Methods 0.000 claims abstract description 18
- 238000010586 diagram Methods 0.000 claims description 44
- 238000004891 communication Methods 0.000 claims description 27
- 230000003993 interaction Effects 0.000 description 64
- 230000006870 function Effects 0.000 description 30
- 238000005096 rolling process Methods 0.000 description 22
- 230000008569 process Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 230000000977 initiatory effect Effects 0.000 description 4
- 238000012360 testing method Methods 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000006378 damage Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及页面的展示技术领域,公开了一种页面的展示方法、设备、存储介质及装置。本发明通过生成与所述页面展示请求对应的待展示页面信息,并生成iframe数据层;获取待嵌入的第三方程序的程序标识;通过所述iframe数据层获取与所述程序标识对应的程序数据;将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面,从而可得到页面生成iframe数据层,通过iframe数据层获取各个第三方程序对应的程序数据,由于第三方程序的程序数据由iframe数据层来获取,故而通过iframe数据层能够实现对第三方程序的控制。
Description
技术领域
本发明涉及页面加载技术领域,尤其涉及页面的展示方法、设备、存储介质及装置。
背景技术
第三方应用程序是由开发人员创建的应用程序,该应用程序不是运行该应用程序的设备的制造商或提供该应用程序的网站本身存有的,而是通过接口模块即可实现第三方应用程序的调用。
但是,iframe技术无法实现本网站程序控制第三方程序,Web Components技术标准还未成型,部分标准任处于工作草案阶段,无法应用于生产环境。
发明内容
本发明的主要目的在于提供页面的展示方法、设备、存储介质及装置,旨在解决如何实现如何在同一页面上实现第三方程序的控制。
为实现上述目的,本发明提供一种页面的展示方法,所述页面的展示方法包括以下步骤:
在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面信息中生成iframe数据层;
获取待嵌入的第三方程序的程序标识;
通过所述iframe数据层获取与所述程序标识对应的程序数据;
将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
可选地,所述在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,包括:
在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
可选地,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述根据所述用户标签信息确定对应的推荐列表信息,包括:
根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
可选地,所述推荐列表信息还包括页面代码标识信息;
所述根据所述推荐列表信息生成待展示页面信息,包括:
获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
可选地,所述根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息,包括:
将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息。
可选地,所述通过所述iframe数据层获取与所述程序标识对应的程序数据之前,所述方法还包括:
判断所述iframe数据层在预设时间段内的通信状态信息;
在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
可选地,所述通过所述iframe数据层获取与所述程序标识对应的程序数据,包括:
根据所述程序标识确定对应的第三方服务器;
通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
可选地,所述将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面之后,所述方法还包括:
在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新。
可选地,所述页面交互指令包括页面滚动指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面滚动指令时,提取所述页面滚动指令中的滚动区域信息;
在所述滚动区域信息达到滚动区域阈值时,根据所述滚动区域信息对所述展示页面进行页面更新。
可选地,所述页面交互指令包括页面停止指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面停止指令时,提取所述页面停止指令中的停止时间信息和当前展示区域信息;
在所述停止时间信息达到预设停止时间时,根据所述当前展示区域信息对所述展示页面进行页面更新。
可选地,所述页面交互指令包括页面参数调整指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面参数调整指令时,根据所述页面参数调整指令获取页面展示参数信息;
根据所述页面展示参数信息确定目标展示状态;
根据所述目标展示状态对所述展示页面进行页面更新。
可选地,所述页面交互指令包括数据更新指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息;
根据所述页面展示数据信息对所述展示页面进行页面更新。
可选地,所述在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息,包括:
在接收到数据更新指令时,提取所述数据更新指令中的用户标识信息;
根据所述用户标识信息在预设浏览数据库中查找对应的历史浏览信息,其中,所述预设浏览数据库存有用户标识信息与历史浏览信息的对应关系;
根据所述历史浏览信息确定页面展示数据信息。
此外,为实现上述目的,本发明还提出一种页面的展示装置,所述页面的展示装置包括:
生成模块,用于在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;
获取模块,用于获取待嵌入的第三方程序的程序标识;
所述获取模块,还用于通过所述iframe数据层获取与所述程序标识对应的程序数据;
所述生成模块,还用于将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
可选地,所述生成模块,还用于在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
可选地,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述生成模块,还用于根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
可选地,所述推荐列表信息还包括页面代码标识信息;
所述生成模块,还用于获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
可选地,所述生成模块,还用于将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息
此外,为实现上述目的,本发明还提出一种页面的展示设备,所述页面的展示设备包括:存储器、处理器及存储在所述存储器上并在所述处理器上运行页面的展示程序,所述页面的展示程序被所述处理器执行时实现如上文所述的页面的展示方法的步骤。
此外,为实现上述目的,本发明还提出一种存储介质,所述存储介质上存储有页面的展示程序,所述页面的展示程序被处理器执行时实现如上文所述的页面的展示方法的步骤。
本发明提供的技术方案,通过在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;获取待嵌入的第三方程序的程序标识;通过所述iframe数据层获取与所述程序标识对应的程序数据;将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面,从而可得到页面生成iframe数据层,通过iframe数据层获取各个第三方程序对应的程序数据,由于第三方程序的程序数据由iframe数据层来获取,故而通过iframe数据层能够实现对第三方程序的控制。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的页面的展示设备结构示意图;
图2为本发明页面的展示方法第一实施例的流程示意图;
图3为本发明页面的展示方法一实施例的待展示页面的框架示意图;
图4为本发明页面的展示方法一实施例的cube骨架示意图;
图5为本发明页面的展示方法一实施例的页面交互展示示意图;
图6为本发明页面的展示方法第二实施例的流程示意图;
图7为本发明页面的展示方法一实施例的部分UML流程示意图;
图8为本发明页面的展示装置第一实施例的结构框图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
参照图1,图1为本发明实施例方案涉及的硬件运行环境的页面的展示设备结构示意图。
如图1所示,该页面的展示设备可以包括:处理器1001,例如中央处理器(CentralProcessing Unit,CPU),通信总线1002、用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display),可选用户接口1003还可以包括标准的有线接口以及无线接口,而用户接口1003的有线接口在本发明中可为通用串行总线(Universal Serial Bus,USB)接口。网络接口1004可选的可以包括标准的有线接口以及无线接口(如WI-FI接口)。存储器1005可以是高速随机存取存储器(Random Access Memory,RAM);也可以是稳定的存储器,比如,非易失存储器(Non-volatile Memory),具体可为,磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
本领域技术人员可以理解,图1中示出的结构并不构成对页面的展示设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及页面的展示程序。
在图1所示的页面的展示设备中,网络接口1004主要用于连接后台服务器,与所述后台服务器进行数据通信;用户接口1003主要用于连接外设;所述页面的展示设备通过处理器1001调用存储器1005中存储的页面的展示程序,并执行本发明实施例提供的页面的展示方法。
基于上述硬件结构,提出本发明页面的展示方法的实施例。
参照图2,图2为本发明页面的展示方法第一实施例的流程示意图。
在第一实施例中,所述页面的展示方法包括以下步骤:
步骤S10:在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面信息中生成iframe数据层。
需要说明的是,本实施例的执行主体为页面的展示设备,还可为其他可实现相同或相似功能的设备,本实施例对此不作限制,在本实施例中,以页面的展示设备为例进行说明。
在本实施例中,所述页面展示请求为在用户通过浏览器访问Web端产品生成页面展示请求,还可为其他方式生成页面展示请求,本实施例对此不作限制,在本实施例中,以用户通过浏览器访问Web端产品生成页面展示请求为例进行说明,如图3所示的待展示页面的框架示意图,在当前页面上设有预设区域,在所述预设区域得到待展示页面。
在具体实现中,用户通过浏览器访问Web端产品,该网页会动态创建一个iframe作为数据层,在本实施例中,设有推荐系统,该推荐系统经过一系列算法个性化推荐进行展示与否、展示数量以及展示顺序等进行推荐,在本实施例中,以cube推荐系统为例进行说明,还可为其他可实现相同或相似功能的推荐系统,本实施例对此不作限制,通过cube推荐系统进行第三方程序的展示与否、展示数量以及展示顺序会根据用户的兴趣爱好和上网行为进行算法个性化推荐。
需要说明的是,该网页向页面推荐系统发起异步请求,请求推荐接口,推荐系统经过一系列算法个性化推荐,推荐出一份cube程序列表和对应的代码ID,返回给网页,为了在所述待展示页面信息中生成iframe数据层,通过网页创建iframe并向cube推荐系统请求推荐数据,本实施例中的iframe技术可用Web Workers或ServiceWorker技术代替。
步骤S20:获取待嵌入的第三方程序的程序标识。
在本实施例中,所述第三方程序为多个,从而可实现在同一网页中,同时运行和展示本网站程序和无穷多个第三方程序,所述第三方程序包括业务程序,例如收藏家或游戏类,还可包括功能程序,例如展开或者收起等,本实施例对此不作限制。
可以理解的是,所述程序标识可为程序ID,还可为其他形式标识信息,本实施例对此不作限制,在本实施例中,以程序ID为例进行说明,通过程序标识可得到对应的第三方程序服务器,从而可从第三方程序服务器得到对应的程序数据。
步骤S30:通过所述iframe数据层获取与所述程序标识对应的程序数据。
需要说明的是,所述程序数据可为第三方程序所需的资源数据,即第三方程序的实际内容信息。
在具体实现中,通过cube推荐系统返回推荐列表,遍历该列表并向cube代码托管服务器请求多个cube代码。网页接收返回后运行各cube代码,执行cube代码中约定的onLoad()和onReady()函数,再通过iframe数据层向第三方服务器发起数据请求或者获取本地数据,通过遍历推荐列表并向cube代码托管服务器请求代码的阶段,图4所示cube骨架示意图。
可以理解的是,onLoad()和onReady()函数为约定的生命周期函数,生命周期函数就是记录一个组件从创建到销毁的过程的一系列函数,也叫钩子函数,生命周期分为创建前或创建后,挂载前或挂载后等,从而实现数据的调用处理。
步骤S40:将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
需要说明的是,为了保证获取数据的准确性,通过所述iframe数据层获取与所述程序标识对应的程序数据之前,所述方法还包括:判断所述iframe数据层在预设时间段内的通信状态信息;在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
在本实施例中,所述预设时间段可为1s,还可为其他参数信息,本实施例中对此不作限制,例如在1s内对iframe数据层进行通信测试,在可接收到测试信息时,则说明iframe数据层通信正常。
在具体实现中,通过检测iframe是否准备就绪,如果准备就绪,iframe数据层与第三方程序服务器进行交互,否则,等待准备就绪信号,页面在限定时间内接收到就绪信号时,则通过所述iframe数据层获取与所述程序标识对应的程序数据,页面超过限定时间未接收到就绪信号则调用cube代码中约定的生命周期函数onError(),从而获取当前状态信息,实现页面生成的状态跟踪。
在本实施例中,为了通过所述iframe数据层获取与所述程序标识对应的程序数据,具体为:根据所述程序标识确定对应的第三方服务器;通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
在具体实现中,调用cube代码中约定的生命周期函数onReady(),在该函数内,可以通过iframe数据层获取本地数据和远程数据。其中,本地数据是通过向iframe发送指令,iframe从当前域下的本地存储中拿到数据后回传给网页来实现。远程数据是通过向iframe发送指令,再由iframe向第三方服务器发起请求,获取到第三方接口返回的数据后,再通过iframe回传给网页来实现,从而实现通过iframe数据层与第三方服务器进行信息交互,从而实现页码生成的灵活性。
在本实施例中,通过在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;获取待嵌入的第三方程序的程序标识;通过所述iframe数据层获取与所述程序标识对应的程序数据;将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面,从而可通过iframe数据层获取各个第三方程序对应的程序数据,由于第三方程序的程序数据由iframe数据层来获取,故而通过iframe数据层能够实现对第三方程序的控制。
在一实施例中,所述将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面之后,所述方法还包括:
在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新。
需要说明的是,所述页面交互指令包括用户展示页面进行滚动操作、停止操作、展开操作以及不喜欢操作等,还可为其他操作信息,本实施例对此不作限制,可接收用户的在展示界面的操作信息,通过操作信息可对页面进行更新,如图5所示的页面交互展示示意图,在展示页面上设有不喜欢以及展开等控件,还可包括其他控件信息,本实施例对此不作限制,用户通过控件进行操作,根据用户的操作信息得到相应的页面进行展示,从而实现页面的友好交互。
在一实施例中,所述页面交互指令包括页面滚动指令;所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面滚动指令时,提取所述页面滚动指令中的滚动区域信息;在所述滚动区域信息达到滚动区域阈值时,根据所述滚动区域信息对所述展示页面进行页面更新。
在本实施例中,所述滚动区域阈值为达到页面底部,通过实时监控用户的操作信息,根据操作信息得到操作区域信息,在用户操作得到底部时,可根据用户的兴趣爱好进行当前页面的更新,从而提高页面展示的灵活性,提高页面的使用范围。
在具体实现中,用户向下滚动网页,即将触即网页底部时,会重新进入页面展示请求,网页会再次向cube推荐系统发起异步请求,加载一批新cube并显示在网页中,但是在页面已经生成的情况下,在进行滚动到底部的操作时该过程不会再次动态创建iframe数据层,会复用之前已经创建的数据层,再根据iframe数据层进行数据获取操作,与之前的页面生成操作步骤相同,不同的是无需在进行iframe数据层的创建,从而提高页面生成的效率。
需要说明的是,用户向下滚动网页,在即将触即网页底部时,会再次向cube推荐系统请求一批新的cube推荐数据,请求到cube推荐数据后,分别请求并运行各cube代码,执行各cube内的onLoad()和onReady()函数,并向第三方服务器发起远程数据请求,最终把数据渲染到cube界面中,从而实现对页面的实时更新。
在一实施例中,所述页面交互指令包括页面停止指令;所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面停止指令时,提取所述页面停止指令中的停止时间信息和当前展示区域信息;在所述停止时间信息达到预设停止时间时,根据所述当前展示区域信息对所述展示页面进行页面更新。
在本实施例中,所述预设停止时间可为1s,还可为其他参数信息,本实施例对此不作限制,在本实施例中,以1s为例进行说明。
在具体实现中,当用户停止滚动网页并停留1秒后,会遍历各个cube,检测cube是否从可视区域外移到可视区域内,如果是,则调用cube代码中约定的生命周期函数onShow(),同时向cube推荐系统反馈用户数据,以优化推荐质量。相反的,当停止滚动1秒后,会遍历各个cube,检测cube是否从可视区域内移到可视区域外,如果是,则调用cube代码中约定的生命周期函数onHide(),从而实现全方位的页面展示。
在一实施例中,所述页面交互指令包括页面参数调整指令。
需要说明的是,所述页面参数调整指令包括页面展开指令或者收起指令,还可包括其他可实现相同或相似功能的指令,本实施例对此不作限制,通过页面参数调整指令可对当前页面的界面进行个性化设置,达到提高页面的友好性的目的。
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面参数调整指令时,根据所述页面参数调整指令获取页面展示参数信息;根据所述页面展示参数信息确定目标展示状态;根据所述目标展示状态对所述展示页面进行页面更新。
可以理解的是,所述目标展示状态包括展示数量信息、展示顺序信息以及是否展示等相关信息,还可包括其他状态信息,本实施例对此不作限制。
在具体实现中,当用户点击cube右上角的按钮“展开”时,增大该cube界面的高度并存储展开状态,随后调用该cube代码中约定的生命周期函数onExpand()。同时向cube推荐系统反馈用户数据,以优化推荐质量,当用户点击cube右上角的按钮“收起”时,减小该cube界面的高度并清除展开状态,随后调用该cube代码中约定的生命周期函数onCollapse()。同时向cube推荐系统反馈用户数据,以优化推荐质量。
在一实施例中,所述页面交互指令包括数据更新指令。
需要说明的是,所述数据更新指令可为用户不喜欢指令,还可为其他可实现相同或相似功能的指令信息,本实施例对此不作限制,在本实施例中,以用户不喜欢指令为例进行说明。
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息;根据所述页面展示数据信息对所述展示页面进行页面更新。
在具体实现中,当用户点击cube右上角的按钮“不喜欢”时,从网页中删除该cube并清除展开状态,随后调用该cube代码中约定的生命周期函数onUnload()。同时,向iframe数据层发送指令,清除本地数据,并向cube推荐系统反馈用户数据,以优化推荐质量。
在一实施例中,所述在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息,包括:
在接收到数据更新指令时,提取所述数据更新指令中的用户标识信息;根据所述用户标识信息在预设浏览数据库中查找对应的历史浏览信息,其中,所述预设浏览数据库存有用户标识信息与历史浏览信息的对应关系;根据所述历史浏览信息确定页面展示数据信息。
在具体实现中,如果用户进行过某个cube的展开或收起操作,展开状态会被网页长期存储,在用户下一次访问该网站并出现该cube时,会优先获取该cube存储的展开状态,保持界面高度和上次访问一致。当用户进行cube的收起和不喜欢操作时,该cube存储的展开状态会被清除。
可以理解的是,用户点击cube右上角的按钮“展开”时,增大该cube界面的高度并存储展开状态,随后调用该cube代码中约定的生命周期函数onExpand()。同时向cube推荐系统反馈用户数据,以优化推荐质量。展开后,右上角“展开”按钮会替换成“收起”按钮。相反的,用户点击cube右上角的按钮“收起”时,减小该cube界面的高度并清除展开状态,随后调用该cube代码中约定的生命周期函数onCollapse()。同时向cube推荐系统反馈用户数据,以优化推荐质量。收起后,右上角“收起”按钮会替换成“展开”按钮,从而实现全方位的用户交互,提高用户交互的有效性。
参照图6,图6为本发明页面的展示方法第二实施例的流程示意图,基于上述图2所示的第一实施例,提出本发明页面的展示方法的第二实施例。
第二实施例中,所述步骤S10,包括:
步骤S101,在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息。
需要说明的是,由于在页面生成之前,可根据用户的兴趣爱好和上网行为进行算法个性化推荐,为了实现页面的个性化推荐,通过页面展示请求中标签信息,根据所述标签信息确定待展示页面的内容信息。
在本实施例中,所述用户标签信息可为用户访问当前页面的用户账号信息,还可为其他形式可实现用户识别的信息,本实施例对此不作限制,在本实施例中,以用户账号信息为例进行说明。
步骤S102,根据所述用户标签信息确定对应的推荐列表信息。
需要说明的是,所述推荐列表信息包括页面骨架图信息、页面展开状态信息以及页面代码标识信息,即所述推荐列表信息包括页面生成所需的页面框架信息,资源信息以及代码信息,从而得到页面生成的各个组成部分。
步骤S103,根据所述推荐列表信息生成待展示页面信息。
在具体实现中,如图7所示的部分UML流程示意图,用户登录浏览器,浏览器可与cube推荐系统,cube代码托管服务器以及第三方服务器进行交互,在创建iframe数据层之后,可请求cube推荐接口访问cube推荐系统得到cube程序推荐列表,以及获取展开状态并显示骨架图,还可通过访问cube代码托管服务器请求cube程序代码。
在一实施例中,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;步骤S102,包括:
根据所述用户标签信息确定推荐列表信息;获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;根据所述历史页面信息确定页面展开状态信息。
在本实施例中,推荐列表信息为根据用户标签信息监控得到用户浏览网页的历史信息,根据用户浏览网页的历史信息从而得到用户的喜好信息,根据所述的喜好信息确定页面骨架图信息和历史页面信息,其中,页面骨架图信息为页面上各个应用程序的分布信息,历史页面信息为用户喜好的应用程序的类型以及展示数量信息等。根据所述历史页面信息确定页面展开状态信息,例如如果用户喜欢只展示3个第三方程序,则只需在页面生成时根据用户喜好的数量生成展示页面。
在一实施例中,所述推荐列表信息还包括页面代码标识信息;
所述步骤S103,包括:获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息,根据所述页面骨架图信息和页面展开状态信息确定推荐列表信息。
在具体实现中,网页拿到cube程序推荐列表后,遍历该列表,获取每个cube的骨架图、展开状态和代码ID,从而通过推荐列表信息得到页面所需的资源信息,实现对页面数据的有效管理。
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息。
在具体实现中,根据展开状态渲染各个cube界面并显示骨架图,然后向cube代码托管服务器请求对应的cube程序代码,针对不支持http2协议的浏览器时,会将多个请求合并为一个,以缩短总体时间,从而提高页面生成的效率。
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
在具体实现中,网页拿到cube程序推荐列表后,遍历该列表,获取每个cube的骨架图、展开状态和代码ID,根据展开状态渲染各个cube界面并显示骨架图,然后向cube代码托管服务器请求对应的cube程序代码。
在一实施例中,所述根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息,包括:
将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息。
在具体实现中,网页接收到每个cube代码后,会将cube的CSS代码插入页面,同时会调用cube代码中约定的生命周期函数onLoad(),从而生成待展示页面信息。
在本实施例中,当前页面可与代码托管服务器进行信息交互,在获取到展示页面的代码标识时,可通过代码标识在代码托管服务器中查找对应的代码信息,将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息,而无需在本地查找代码,从而降低页面的性能损耗。
此外,本发明实施例还提出一种存储介质,所述存储介质上存储有页面的展示程序,所述页面的展示程序被处理器执行时实现如上文所述的终端入网方法的步骤。
由于本存储介质采用了上述所有实施例的全部技术方案,因此至少具有上述实施例的技术方案所带来的所有有益效果,在此不再一一赘述。
此外,参照图8,本发明实施例还提出一种页面的展示装置,所述页面的展示装置包括:
生成模块10,用于在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面信息中生成iframe数据层。
在本实施例中,所述页面展示请求为在用户通过浏览器访问Web端产品生成页面展示请求,还可为其他方式生成页面展示请求,本实施例对此不作限制,在本实施例中,以用户通过浏览器访问Web端产品生成页面展示请求为例进行说明,如图3所示的待展示页面的框架示意图,在当前页面上设有预设区域,在所述预设区域得到待展示页面。
在具体实现中,用户通过浏览器访问Web端产品,该网页会动态创建一个iframe作为数据层,在本实施例中,设有推荐系统,该推荐系统经过一系列算法个性化推荐进行展示与否、展示数量以及展示顺序等进行推荐,在本实施例中,以cube推荐系统为例进行说明,还可为其他可实现相同或相似功能的推荐系统,本实施例对此不作限制,通过cube推荐系统进行第三方程序的展示与否、展示数量以及展示顺序会根据用户的兴趣爱好和上网行为进行算法个性化推荐。
需要说明的是,该网页向页面推荐系统发起异步请求,请求推荐接口,推荐系统经过一系列算法个性化推荐,推荐出一份cube程序列表和对应的代码ID,返回给网页,为了在所述待展示页面信息中生成iframe数据层,通过网页创建iframe并向cube推荐系统请求推荐数据。
获取模块20,用于获取待嵌入的第三方程序的程序标识。
在本实施例中,所述第三方程序为多个,从而可实现在同一网页中,同时运行和展示本网站程序和无穷多个第三方程序,所述第三方程序包括业务程序,例如收藏家或游戏类,还可包括功能程序,例如展开或者收起等,本实施例对此不作限制。
可以理解的是,所述程序标识可为程序ID,还可为其他形式标识信息,本实施例对此不作限制,在本实施例中,以程序ID为例进行说明,通过程序标识可得到对应的第三方程序服务器,从而可从第三方程序服务器得到对应的程序数据。
所述获取模块20,还用于通过所述iframe数据层获取与所述程序标识对应的程序数据。
需要说明的是,所述程序数据可为第三方程序所需的资源数据,即第三方程序的实际内容信息。
在具体实现中,通过cube推荐系统返回推荐列表,遍历该列表并向cube代码托管服务器请求多个cube代码。网页接收返回后运行各cube代码,执行cube代码中约定的onLoad()和onReady()函数,再通过iframe数据层向第三方服务器发起数据请求或者获取本地数据,通过遍历推荐列表并向cube代码托管服务器请求代码的阶段,图4所示cube骨架示意图。
可以理解的是,onLoad()和onReady()函数为约定的生命周期函数,生命周期函数就是记录一个组件从创建到销毁的过程的一系列函数,也叫钩子函数,生命周期分为创建前或创建后,挂载前或挂载后等,从而实现数据的调用处理。
所述生成模块10,还用于将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
需要说明的是,为了保证获取数据的准确性,通过所述iframe数据层获取与所述程序标识对应的程序数据之前,所述方法还包括:判断所述iframe数据层在预设时间段内的通信状态信息;在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
在本实施例中,所述预设时间段可为1s,还可为其他参数信息,本实施例中对此不作限制,例如在1s内对iframe数据层进行通信测试,在可接收到测试信息时,则说明iframe数据层通信正常。
在具体实现中,通过检测iframe是否准备就绪,如果准备就绪,iframe数据层与第三方程序服务器进行交互,否则,等待准备就绪信号,页面在限定时间内接收到就绪信号时,则通过所述iframe数据层获取与所述程序标识对应的程序数据,页面超过限定时间未接收到就绪信号则调用cube代码中约定的生命周期函数onError(),从而获取当前状态信息,实现页面生成的状态跟踪。
在本实施例中,为了通过所述iframe数据层获取与所述程序标识对应的程序数据,具体为:根据所述程序标识确定对应的第三方服务器;通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
在具体实现中,调用cube代码中约定的生命周期函数onReady(),在该函数内,可以通过iframe数据层获取本地数据和远程数据。其中,本地数据是通过向iframe发送指令,iframe从当前域下的本地存储中拿到数据后回传给网页来实现。远程数据是通过向iframe发送指令,再由iframe向第三方服务器发起请求,获取到第三方接口返回的数据后,再通过iframe回传给网页来实现,从而实现通过iframe数据层与第三方服务器进行信息交互,从而实现页码生成的灵活性。
在本实施例中,通过在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;获取待嵌入的第三方程序的程序标识;通过所述iframe数据层获取与所述程序标识对应的程序数据;将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面,从而可通过页面生成iframe数据层,通过iframe数据层获取各个第三方程序对应的程序数据,由于第三方程序的程序数据由iframe数据层来获取,故而通过iframe数据层能够实现对第三方程序的控制。
所述生成模块,还用于在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
在一实施例中,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述生成模块,还用于根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
在一实施例中,所述推荐列表信息还包括页面代码标识信息;
所述生成模块,还用于获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
在一实施例中,所述生成模块,还用于将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息
在一实施例中,所述页面的展示装置还包括:判断模块;
所述判断模块,用于判断所述iframe数据层在预设时间段内的通信状态信息;
在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
在一实施例中,所述获取模块,还用于根据所述程序标识确定对应的第三方服务器;
通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
在一实施例中,所述页面的展示装置还包括:交互模块;
所述交互模块,用于在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新。
在一实施例中,所述页面交互指令包括页面滚动指令;
所述交互模块,还用于在接收到页面滚动指令时,提取所述页面滚动指令中的滚动区域信息;
在所述滚动区域信息达到滚动区域阈值时,根据所述滚动区域信息对所述展示页面进行页面更新。
在一实施例中,所述页面交互指令包括页面停止指令;
所述交互模块,还用于在接收到页面停止指令时,提取所述页面停止指令中的停止时间信息和当前展示区域信息;
在所述停止时间信息达到预设停止时间时,根据所述当前展示区域信息对所述展示页面进行页面更新。
在一实施例中,所述页面交互指令包括页面参数调整指令;
所述交互模块,还用于在接收到页面参数调整指令时,根据所述页面参数调整指令获取页面展示参数信息;
根据所述页面展示参数信息确定目标展示状态;
根据所述目标展示状态对所述展示页面进行页面更新。
在一实施例中,所述页面交互指令包括数据更新指令;
所述交互模块,还用于在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息;
根据所述页面展示数据信息对所述展示页面进行页面更新。
在一实施例中,所述交互模块,还用于在接收到数据更新指令时,提取所述数据更新指令中的用户标识信息;
根据所述用户标识信息在预设浏览数据库中查找对应的历史浏览信息,其中,所述预设浏览数据库存有用户标识信息与历史浏览信息的对应关系;
根据所述历史浏览信息确定页面展示数据信息。
本发明所述页面的展示装置采用了上述所有实施例的全部技术方案,因此至少具有上述实施例的技术方案所带来的所有有益效果,在此不再一一赘述。
本发明提供A1一种页面的展示方法,所述页面的展示方法包括以下步骤:
在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面信息中生成iframe数据层;
获取待嵌入的第三方程序的程序标识;
通过所述iframe数据层获取与所述程序标识对应的程序数据;
将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
A2,如权利要求A1所述的页面的展示方法,所述在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,包括:
在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
A3,如权利要求A2所述的页面的展示方法,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述根据所述用户标签信息确定对应的推荐列表信息,包括:
根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
A4,如权利要求A3所述的页面的展示方法,所述推荐列表信息还包括页面代码标识信息;
所述根据所述推荐列表信息生成待展示页面信息,包括:
获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
A5,如权利要求A4所述的页面的展示方法,所述根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息,包括:
将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息。
A6,如权利要求A1至A5中任一项所述的页面的展示方法,所述通过所述iframe数据层获取与所述程序标识对应的程序数据之前,所述方法还包括:
判断所述iframe数据层在预设时间段内的通信状态信息;
在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
A7,如权利要求A1至A5中任一项所述的页面的展示方法,所述通过所述iframe数据层获取与所述程序标识对应的程序数据,包括:
根据所述程序标识确定对应的第三方服务器;
通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
A8,如权利要求A1至A5中任一项所述的页面的展示方法,所述将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面之后,所述方法还包括:
在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新。
A9,如权利要求A8所述的页面的展示方法,所述页面交互指令包括页面滚动指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面滚动指令时,提取所述页面滚动指令中的滚动区域信息;
在所述滚动区域信息达到滚动区域阈值时,根据所述滚动区域信息对所述展示页面进行页面更新。
A10,如权利要求A8所述的页面的展示方法,所述页面交互指令包括页面停止指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面停止指令时,提取所述页面停止指令中的停止时间信息和当前展示区域信息;
在所述停止时间信息达到预设停止时间时,根据所述当前展示区域信息对所述展示页面进行页面更新。
A11,如权利要求A8所述的页面的展示方法,所述页面交互指令包括页面参数调整指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到页面参数调整指令时,根据所述页面参数调整指令获取页面展示参数信息;
根据所述页面展示参数信息确定目标展示状态;
根据所述目标展示状态对所述展示页面进行页面更新。
A12,如权利要求A8所述的页面的展示方法,所述页面交互指令包括数据更新指令;
所述在接收到页面交互指令时,根据所述页面交互指令对所述展示页面进行页面更新,包括:
在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息;
根据所述页面展示数据信息对所述展示页面进行页面更新。
A13,如权利要求A12所述的页面的展示方法,所述在接收到数据更新指令时,根据所述数据更新指令确定页面展示数据信息,包括:
在接收到数据更新指令时,提取所述数据更新指令中的用户标识信息;
根据所述用户标识信息在预设浏览数据库中查找对应的历史浏览信息,其中,所述预设浏览数据库存有用户标识信息与历史浏览信息的对应关系;
根据所述历史浏览信息确定页面展示数据信息。
B14、一种页面的展示装置,所述页面的展示装置包括:
生成模块,用于在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;
获取模块,用于获取待嵌入的第三方程序的程序标识;
所述获取模块,还用于通过所述iframe数据层获取与所述程序标识对应的程序数据;
所述生成模块,还用于将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
B15、如权利要求B14所述的页面的展示装置,所述生成模块,还用于在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
B16、如权利要求B15所述的页面的展示装置,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述生成模块,还用于根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
B17、如权利要求B16所述的页面的展示装置,所述推荐列表信息还包括页面代码标识信息;
所述生成模块,还用于获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
B18、如权利要求B17所述的页面的展示装置,所述生成模块,还用于将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种页面的展示方法,其特征在于,所述页面的展示方法包括以下步骤:
在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面信息中生成iframe数据层;
获取待嵌入的第三方程序的程序标识;
通过所述iframe数据层获取与所述程序标识对应的程序数据;
将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
2.如权利要求1所述的页面的展示方法,其特征在于,所述在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,包括:
在接收到基于浏览器的页面展示请求时,提取所述页面展示请求中的用户标签信息;
根据所述用户标签信息确定对应的推荐列表信息;
根据所述推荐列表信息生成待展示页面信息。
3.如权利要求2所述的页面的展示方法,其特征在于,所述推荐列表信息包括页面骨架图信息和页面展开状态信息;
所述根据所述用户标签信息确定对应的推荐列表信息,包括:
根据所述用户标签信息确定推荐列表信息;
获取所述推荐列表信息对应的页面骨架图信息和历史页面信息;
根据所述历史页面信息确定页面展开状态信息。
4.如权利要求3所述的页面的展示方法,其特征在于,所述推荐列表信息还包括页面代码标识信息;
所述根据所述推荐列表信息生成待展示页面信息,包括:
获取所述推荐列表信息中的页面骨架图信息、页面展开状态信息以及页面代码标识信息;
根据所述页面骨架图信息得到初始页面信息,根据所述页面展开状态信息渲染所述初始页面信息,得到渲染后的初始页面信息;
根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息。
5.如权利要求4所述的页面的展示方法,其特征在于,所述根据所述渲染后的初始页面信息以及所述页面代码标识信息生成待展示页面信息,包括:
将所述页面代码标识发送至代码托管服务器,以使所述代码托管服务器根据所述页面代码标识信息查找对应的页面代码信息,并反馈所述页面代码信息;
将所述页面代码信息插入所述渲染后的初始页面信息,生成待展示页面信息。
6.如权利要求1至5中任一项所述的页面的展示方法,其特征在于,所述通过所述iframe数据层获取与所述程序标识对应的程序数据之前,所述方法还包括:
判断所述iframe数据层在预设时间段内的通信状态信息;
在所述通信状态信息为通信正常时,则执行所述通过所述iframe数据层获取与所述程序标识对应的程序数据的步骤。
7.如权利要求1至5中任一项所述的页面的展示方法,其特征在于,所述通过所述iframe数据层获取与所述程序标识对应的程序数据,包括:
根据所述程序标识确定对应的第三方服务器;
通过所述iframe数据层生成数据获取请求,将所述数据获取请求发送至所述第三方服务器,以使所述第三方服务器根据所述数据获取请求查找对应的程序数据,并反馈所述程序数据。
8.一种页面的展示装置,其特征在于,所述页面的展示装置包括:
生成模块,用于在接收到基于浏览器的页面展示请求时,生成与所述页面展示请求对应的待展示页面信息,并在所述待展示页面中生成iframe数据层;
获取模块,用于获取待嵌入的第三方程序的程序标识;
所述获取模块,还用于通过所述iframe数据层获取与所述程序标识对应的程序数据;
所述生成模块,还用于将所述程序数据加载至所述待展示页面信息中,对加载所述程序数据后的待展示页面信息进行渲染,以生成展示页面。
9.一种页面的展示设备,其特征在于,所述页面的展示设备包括:存储器、处理器及存储在所述存储器上并在所述处理器上运行页面的展示程序,所述页面的展示程序被所述处理器执行时实现如权利要求1至7中任一项所述的页面的展示方法的步骤。
10.一种存储介质,其特征在于,所述存储介质上存储有页面的展示程序,所述页面的展示程序被处理器执行时实现如权利要求1至7中任一项所述的页面的展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010677924.0A CN113934482A (zh) | 2020-07-14 | 2020-07-14 | 页面的展示方法、设备、存储介质及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010677924.0A CN113934482A (zh) | 2020-07-14 | 2020-07-14 | 页面的展示方法、设备、存储介质及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113934482A true CN113934482A (zh) | 2022-01-14 |
Family
ID=79273888
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010677924.0A Pending CN113934482A (zh) | 2020-07-14 | 2020-07-14 | 页面的展示方法、设备、存储介质及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113934482A (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103617196A (zh) * | 2013-11-08 | 2014-03-05 | 北京奇虎科技有限公司 | 推荐网址的方法、浏览器、服务器及系统 |
US20140108373A1 (en) * | 2012-10-15 | 2014-04-17 | Wixpress Ltd | System for deep linking and search engine support for web sites integrating third party application and components |
CN103853540A (zh) * | 2012-12-04 | 2014-06-11 | 腾讯科技(深圳)有限公司 | 在操作系统桌面访问第三方应用的方法及系统 |
CN103997507A (zh) * | 2013-02-20 | 2014-08-20 | 腾讯科技(深圳)有限公司 | 一种信息的推送方法及装置 |
CN104504058A (zh) * | 2014-12-18 | 2015-04-08 | 北京奇虎科技有限公司 | 一种页面展示方法和浏览器装置 |
CN104951326A (zh) * | 2014-03-31 | 2015-09-30 | 腾讯科技(深圳)有限公司 | 网页访问方法及装置 |
CN105940391A (zh) * | 2013-12-04 | 2016-09-14 | 维克斯网有限公司 | 第三方应用活动数据收集 |
US20170206276A1 (en) * | 2016-01-14 | 2017-07-20 | Iddo Gill | Large Scale Recommendation Engine Based on User Tastes |
CN107656762A (zh) * | 2017-10-13 | 2018-02-02 | 上海酷屏信息技术有限公司 | 一种在app中实现第三方功能的方法及系统 |
CN109684574A (zh) * | 2018-08-20 | 2019-04-26 | 平安普惠企业管理有限公司 | 页面加载方法、装置、设备及存储介质 |
US10331502B1 (en) * | 2016-11-14 | 2019-06-25 | Verified First LLC | Systems and methods for integrating with applications |
CN110213321A (zh) * | 2019-01-17 | 2019-09-06 | 腾讯云计算(北京)有限责任公司 | 互联网应用中提供第三方服务的方法、装置及电子设备 |
CN110516147A (zh) * | 2019-07-22 | 2019-11-29 | 平安科技(深圳)有限公司 | 页面数据生成方法、装置、计算机设备及存储介质 |
-
2020
- 2020-07-14 CN CN202010677924.0A patent/CN113934482A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140108373A1 (en) * | 2012-10-15 | 2014-04-17 | Wixpress Ltd | System for deep linking and search engine support for web sites integrating third party application and components |
CN103853540A (zh) * | 2012-12-04 | 2014-06-11 | 腾讯科技(深圳)有限公司 | 在操作系统桌面访问第三方应用的方法及系统 |
CN103997507A (zh) * | 2013-02-20 | 2014-08-20 | 腾讯科技(深圳)有限公司 | 一种信息的推送方法及装置 |
CN103617196A (zh) * | 2013-11-08 | 2014-03-05 | 北京奇虎科技有限公司 | 推荐网址的方法、浏览器、服务器及系统 |
CN105940391A (zh) * | 2013-12-04 | 2016-09-14 | 维克斯网有限公司 | 第三方应用活动数据收集 |
CN104951326A (zh) * | 2014-03-31 | 2015-09-30 | 腾讯科技(深圳)有限公司 | 网页访问方法及装置 |
CN104504058A (zh) * | 2014-12-18 | 2015-04-08 | 北京奇虎科技有限公司 | 一种页面展示方法和浏览器装置 |
US20170206276A1 (en) * | 2016-01-14 | 2017-07-20 | Iddo Gill | Large Scale Recommendation Engine Based on User Tastes |
US10331502B1 (en) * | 2016-11-14 | 2019-06-25 | Verified First LLC | Systems and methods for integrating with applications |
CN107656762A (zh) * | 2017-10-13 | 2018-02-02 | 上海酷屏信息技术有限公司 | 一种在app中实现第三方功能的方法及系统 |
CN109684574A (zh) * | 2018-08-20 | 2019-04-26 | 平安普惠企业管理有限公司 | 页面加载方法、装置、设备及存储介质 |
CN110213321A (zh) * | 2019-01-17 | 2019-09-06 | 腾讯云计算(北京)有限责任公司 | 互联网应用中提供第三方服务的方法、装置及电子设备 |
CN110516147A (zh) * | 2019-07-22 | 2019-11-29 | 平安科技(深圳)有限公司 | 页面数据生成方法、装置、计算机设备及存储介质 |
Non-Patent Citations (3)
Title |
---|
李奡: "基于用户偏好及产品标签的推荐系统的研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, no. 3, 15 March 2018 (2018-03-15), pages 138 - 2231 * |
谯虎: "网址导航二级通用系统的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, no. 6, 15 June 2014 (2014-06-15), pages 139 - 195 * |
陈燕红等: "Web页面三维动态展示技术研究与应用", 《现代电子技术》, vol. 41, no. 20, 15 October 2018 (2018-10-15), pages 24 - 27 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101790190B1 (ko) | 애플리케이션 시나리오 식별 방법, 전력 소비 관리 방법, 장치 및 단말기 장치 | |
CN111596965B (zh) | 项目工程初始化方法、装置、计算机设备和存储介质 | |
TWI708185B (zh) | 程式的運行方法及裝置、計算設備以及儲存介質 | |
CN102937979B (zh) | 网页的自定义优化 | |
CN109408136B (zh) | 信息处理方法、装置、存储介质及电子设备 | |
CN110244984B (zh) | 应用程序处理方法、装置、存储介质和计算机设备 | |
CN106569783B (zh) | 一种执行任务脚本的方法和装置 | |
US9747117B2 (en) | System and methods for loading an application and its modules in a client device | |
CN110020325B (zh) | 页面加载方法、装置、设备及可读存储介质 | |
CN104850296B (zh) | 显示页面内容的方法及装置 | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
CN103678506B (zh) | 在浏览器中加载应用程序快捷方式的方法、装置和浏览器 | |
CN109361948B (zh) | 界面管理方法、智能终端及可读存储介质 | |
CN111597475B (zh) | 一种返回页面的方法、装置、电子设备及计算机存储介质 | |
CN110362341B (zh) | 基于微服务架构的业务管理方法、装置、设备和存储介质 | |
CN112035114A (zh) | 页面回退方法、装置、设备及介质 | |
CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN111367518A (zh) | 页面布局方法、装置、计算设备及计算机存储介质 | |
CN108319474B (zh) | 一种页面信息生成方法、装置和设备 | |
CN108268274B (zh) | 应用管理方法、装置、存储介质及电子设备 | |
CN111008106A (zh) | 一种服务器监控管理方法、装置及电子设备和存储介质 | |
CN113934482A (zh) | 页面的展示方法、设备、存储介质及装置 | |
CN109508434B (zh) | 区块生成方法、网页渲染方法及装置 | |
CN110622135B (zh) | 在涉及欠佳网络条件的情形下提供内容项的系统和方法 | |
CN112015406A (zh) | 数据处理方法、页面访问方法、装置、终端及服务器 |
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 |