CN113378097A - 一种web页面展示方法、装置、电子设备及存储介质 - Google Patents
一种web页面展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113378097A CN113378097A CN202110774050.5A CN202110774050A CN113378097A CN 113378097 A CN113378097 A CN 113378097A CN 202110774050 A CN202110774050 A CN 202110774050A CN 113378097 A CN113378097 A CN 113378097A
- Authority
- CN
- China
- Prior art keywords
- page
- web page
- display
- web
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 99
- 230000009471 action Effects 0.000 claims abstract description 46
- 230000008569 process Effects 0.000 claims description 49
- 230000006870 function Effects 0.000 claims description 27
- 238000012545 processing Methods 0.000 claims description 27
- 238000012795 verification Methods 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 13
- 238000005516 engineering process Methods 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 11
- 238000013507 mapping Methods 0.000 claims description 8
- 230000000694 effects Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000001360 synchronised effect Effects 0.000 description 5
- 230000010354 integration Effects 0.000 description 4
- 238000012827 research and development Methods 0.000 description 4
- 238000002955 isolation Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/904—Browsing; Visualisation therefor
-
- 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/906—Clustering; Classification
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种WEB页面展示方法、装置、电子设备及存储介质,其中方法包括:将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中与每个展示流程对应的各WEB页面按照预设顺序排列;响应于对目标展示流程的触发动作,获取与目标展示流程相对应的WEB页面;响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。本方案能够整合待展示的WEB页面,实现对待展示的WEB页面的统一化管理,以便降低展示者对待展示的WEB页面进行展示的操作难度。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种WEB页面展示方法、装置、电子设备及存储介质。
背景技术
在一些场景中,展示者需要利用浏览器的WEB页面向观看者进行内容展示。然而,如果当需要展示的WEB页面过多时,展示者在展示过程中需要打开多个标签页。当对某单个标签页进行展示时,难以获知整体的展示进度以及待展示的WEB页面的全貌,如此增加了展示者对待展示的WEB页面进行展示的操作难度。
因此,需要一种WEB页面展示方法、装置、电子设备及存储介质来解决上述技术问题。
发明内容
基于多WEB页面展示难度大的问题,本发明实施例提供了一种WEB页面展示方法、装置及存储介质,能够降低展示者对待展示的WEB页面进行展示的操作难度。
第一方面,本发明实施例提供了一种WEB页面展示方法,包括:
将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个所述展示流程对应的各WEB页面按照预设顺序排列;
响应于对目标展示流程的触发动作,获取与所述目标展示流程相对应的WEB页面;
响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
在一种可能的实施方式中,所述将待展示的WEB页面进行分类处理,得到至少一个展示流程,包括:
将待展示的WEB页面进行第一分类处理,得到至少一个页面单元;其中,每个所述页面单元包括至少一个WEB页面,每个所述页面单元包括的WEB页面按照第一预设顺序排列;
将确定的页面单元进行第二分类处理,得到至少一个展示流程;其中,每个所述展示流程均与至少一个所述页面单元相对应,与每个所述展示流程相对应的所述页面单元按照第二预设顺序排列。
在一种可能的实施方式中,在所述得到至少一个页面单元之后,和在所述响应于对目标展示流程的触发动作之前,还包括:
针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中;其中,所述属性信息包括WEB页面的页面名称、页面链接地址和页面缩略图;
所述获取与所述目标展示流程相对应的WEB页面,包括:
从所述数据库中获取与所述目标展示流程相对应的目标页面单元所包括的WEB页面的属性信息。
在一种可能的实施方式中,所述将待展示的WEB页面进行第一分类处理,得到至少一个页面单元,包括:
基于待展示的WEB页面的页面名称和预设的分类规则,得到至少一个页面单元;其中,每个所述页面单元包括的WEB页面的页面类型相同,所述分类规则用于表征页面名称与页面单元包括的WEB页面的页面类型之间的映射关系。
在一种可能的实施方式中,所述将该WEB页面进行展示,包括:
将该WEB页面的页面链接地址赋值到iframe元素,以将该WEB页面进行展示。
在一种可能的实施方式中,所述WEB页面展示方法还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,调用localstorage函数;
利用所述localstorage函数接收由第一显示器发来的操作内容;其中,所述操作内容包括对目标展示流程的触发和/或对WEB页面的触发;
利用所述localstorage函数将接收到的操作内容发送给第二显示器。
在一种可能的实施方式中,所述WEB页面展示方法还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,从外部的服务器获取权限验证码;
利用websocket技术将操作内容发送给所述服务器,以利用所述服务器执行:响应于接收到由其他终端设备发来的所述权限验证码,利用websocket技术将接收到的操作内容发送该终端设备;其中,所述操作内容包括对目标展示流程的触发和/或对WEB页面的触发。
第二方面,本发明实施例还提供了一种WEB页面展示装置,包括:
分类模块,用于将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个所述展示流程对应的各WEB页面按照预设顺序排列;
获取模块,用于响应于对目标展示流程的触发动作,获取与所述目标展示流程相对应的WEB页面;
展示模块,用于响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
第三方面,本发明实施例还提供了一种电子设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现本说明书任一实施例所述的方法。
第四方面,本发明实施例还提供了一种存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行本说明书任一实施例所述的方法。
本发明实施例提供了一种WEB页面展示方法、装置、电子设备及存储介质,通过对WEB页面进行分类整理,实现对较为零散的WEB页面的整合,使得展示者能够获知整体展示进度以及待展示的WEB页面的全貌,从而使得展示者能够灵活地向观看者展示各个WEB页面,即降低了展示者对待展示的WEB页面进行展示的操作难度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种WEB页面展示方法流程图;
图2是本发明一实施例提供的另一种WEB页面展示方法流程图;
图3是本发明一实施例提供的一种电子设备的硬件架构图;
图4是本发明一实施例提供的一种WEB页面展示装置结构图;
图5是本发明一实施例提供的另一种WEB页面展示装置结构图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如前所述,在一些场景中,展示者在利用浏览器的WEB页面向观看者进行内容展示时,往往需要用浏览器的多个标签页打开不同的WEB页面并手动切换完成展示,该方式操作的错误率高。当需要展示的WEB页面超过一定数量时,展示者和观看者在展示过程中无法直观地了解整体待展示WEB页面的数量、各WEB页面之间的前后顺序及关联关系等,一旦出现WEB页面混乱,不仅会打乱展示进度,且需要反复试错,导致操作难度大,且向观看者展示的效果不佳。
为解决上述问题,可以考虑通过对WEB页面进行分类整理,将待展示的WEB页面进行整合,以便展示者选择要展示的WEB页面并进行展示。
下面描述以上构思的具体实现方式。
请参考图1,本发明实施例提供了一种WEB页面展示方法,该方法包括:
步骤100,将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个展示流程对应的各WEB页面按照预设顺序排列;
步骤102,响应于对目标展示流程的触发动作,获取与目标展示流程相对应的WEB页面;
步骤104,响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
本发明实施例中,上述技术方案通过对各个WEB页面分类整理,实现整合零散的WEB页面,可通过配置相应的展示流程,在一个标签页中为展示者提供一个便利的、一体化的服务界面,使展示者和观看者能够获知整体展示进度及待展示WEB页面全貌,以便灵活触发相应的WEB页面进行展示,从而解决多WEB页面展示困难与观看效果不佳的问题。
需要说明的是,目标展示流程及展示者有意进行展示的展示流程,对应至少一个分类处理后的WEB页面。进行分类处理过程中,根据分类规则的不同,可以将不同WEB页面不重复地分类到不同的展示流程,也可以将同一WEB页面重复地分类到不同的展示流程,从而根据需要建立相应的索引。例如,对于a、b、c三个不同WEB页面,进行分类处理后,可得到两个展示流程,其中一个展示流程包括a、b两个WEB页面,另一个展示流程包括c一个WEB页面;也可得到两个展示流程,其中一个展示流程包括a、b两个WEB页面,另一个展示流程包括b、c两个WEB页面。
下面描述图1所示的各个步骤的执行方式。
针对步骤100,当待展示的WEB页面较多,仅通过设置展示流程一个层级无法满足对WEB页面的整合、整理需求,不利于进行展示,不能有效解决手动操作切换页面错误率高,操作难度大的问题。
为了解决上述技术问题,步骤100具体可以包括:
将待展示的WEB页面进行第一分类处理,得到至少一个页面单元;其中,每个页面单元包括至少一个WEB页面,每个页面单元包括的WEB页面按照第一预设顺序排列;
将确定的页面单元进行第二分类处理,得到至少一个展示流程;其中,每个展示流程均与至少一个页面单元相对应,与每个展示流程相对应的页面单元按照第二预设顺序排列。
在本实施例中,通过对待展示的各WEB页面进行第一分类处理并按第一预设顺序排列,得到相应的页面单元,再将各页面单元进行第二分类处理并按第二预设顺序排列,得到相应的展示流程。也就是说,通过设置页面单元和展示流程两个层级,能够更为直观地展示WEB页面数量、WEB页面预设的前后顺序、逻辑关系及简要介绍等信息。
进一步地,考虑到待展示的WEB页面根据其不同属性,可以分为不同的页面类型。例如,页面类型包括营销WEB页面、研发WEB页面、财务WEB页面等。当需要展示的WEB页面类型(如营销WEB页面、研发WEB页面、财务WEB页面等)超过一定数量,且每一种类型下的WEB页面也超过一定数量时,更加不利于展示者的展示。
为了解决上述技术问题,步骤100中:
每个页面单元包括的WEB页面的页面类型相同。
举例说明,页面类型可包括营销WEB页面、研发WEB页面、财务WEB页面等,针对财务类型的页面,例如可以包括A公司的财务WEB页面、B公司的财务WEB页面和C公司的财务WEB页面,这样相同的财务类型的页面可进行分类汇总,并按照一定顺序排列,得到一个页面单元,再由多个页面单元构成展示流程,使得WEB页面数量、WEB页面的前后顺序、逻辑关系及简要介绍等信息等的展示效果更佳,便于展示者确定并触发有意进行展示的WEB页面。
需要说明的是,进行第一分类处理、第二分类处理过程中,根据分类规则不同,可以将相同的WEB页面重复分类到不同的页面单元,可以将相同的页面单元分类到不同的展示流程,从而根据需要建立目标展示流程与各WEB页面之间相应的索引。
第一分类处理的分类规则与第二分类处理的分类规则可以相同,也可以不同。例如,第一分类处理的分类规则是根据如下页面类型分类,分为营销WEB页面、研发WEB页面、财务WEB页面等;第二分类处理的分类规则可以是继续根据页面类型分类,实现更上一级汇总;或者,第二分类处理的分类规则也可以是其他分类规则,例如可根据页面单元所包括的WEB页面数量实现分类,将包含WEB页面数量超过预设阈值的页面单元整合为对应的展示流程。也就是说,第一分类处理是建立WEB页面和页面单元的映射关系,第二分类处理是建立页面单元和展示流程的映射关系,其中,一个页面单元对应有至少一个WEB页面,一个展示流程对应有至少一个页面单元,具体的映射关系可根据实际需要定义。
在一些实施例中,在得到至少一个页面单元之后,和在响应于对目标展示流程的触发动作之前,还包括:
针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中;其中,属性信息包括WEB页面的页面名称、页面链接地址和页面缩略图;
获取与目标展示流程相对应的WEB页面,包括:
从数据库中获取与目标展示流程相对应的目标页面单元所包括的WEB页面的属性信息。
在该实施例中,提取每个页面所包括的各个WEB页面的属性信息,以便对各WEB页面的内容数据进行整理,例如提取的属性信息可按照页面单元保存在数据库中,以便利用页面单元实现对各WEB页面进行索引,索引的结果即为各WEB页面的属性信息;而且属性信息也可以供展示者进行编辑、删除和预览,提高用户的使用体验。
可选地,在一些实施例中,步骤102中,获取与目标展示流程相对应的WEB页面之后,还包括:
根据属性信息建立预览导航,以预览导航的形式,显示目标展示流程对应的WEB页面的预设顺序。
在该实施例中,包括WEB页面的页面名称、页面链接地址和页面缩略图的预览导航,展示者和观看者能够更直观地了解目标展示流程的全貌及相关内容信息,可快捷、准确地选中有意进行展示的WEB页面。进一步地,预览导航中还可设置前进一页、后退一页等便于获取触发动作的链接,从而使得展示者能按照预设顺序快速切换WEB页面,降低手动操作的错误率。
在一些实施例中,将待展示的WEB页面进行第一分类处理,得到至少一个页面单元,包括:
基于待展示的WEB页面的页面名称和预设的分类规则,得到至少一个页面单元;其中,每个页面单元包括的WEB页面的页面类型相同,分类规则用于表征页面名称与页面单元包括的WEB页面的页面类型之间的映射关系。
在该实施例中,可通过预设的分类规则建立待展示的WEB页面的页面名称与页面单元所包括的WEB页面的页面类型之间的映射,通过从WEB页面的页面名称中提取关键词,例如从A公司财务WEB页面中提取到关键词“财务”,则将该WEB页面归入相应的、包括页面类型为财务的WEB页面的页面单元之中,实现对于页面单元的自动整合,进一步减少人工的操作。
在步骤102中,获取与目标展示流程相对应的WEB页面后,即加载了该展示流程下所有WEB页面,可保证在该展示流程中,展示者对获取到的WEB页面的触发动作,例如点选,能够流畅、快捷地打开WEB页面以及切换WEB页面。
在一些实施例中,针对步骤104,步骤104具体可以包括:
将该WEB页面的页面链接地址赋值到iframe元素,以将该WEB页面进行展示。
在该实施例中,在需要对一个WEB页面进行展示时,展示者点击该WEB页面,获取到的该WEB页面的页面链接地址(即URL)赋值到网页的HTML代码中的iframe元素的一个属性中,从而将该WEB页面进行展示。上述技术方案通过将该WEB页面以iframe元素的形式进行展示,不需要打开的新的标签页,即可实现WEB页面的展示,提高了对WEB页面展示的便利性。
为进一步降低展示者的操作难度,方便观看者观看展示内容,可采用多个显示屏同步显示展示内容,在一些实施例中,该WEB页面展示方法还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,调用localstorage函数;
利用localstorage函数接收由第一显示器发来的操作内容;其中,操作内容包括对目标展示流程的触发和/或对WEB页面的触发;
利用localstorage函数将接收到的操作内容发送给第二显示器。
在该实施例中,利用到的localstorage函数是用于实现本地存储的API,存储的数据将保存在浏览器会话中,localstorage函数包括用于增加存储的数据的setItem()函数、用于获取存储的数据的getItem()函数、用于清除数据的clear()函数等。对于同一个终端设备、多个显示器的使用情况,利用localstorage函数可实现多显示器同步展示,当一个显示器被展示者操作时,观看者可通过其他显示器看到相同的展示内容,进一步地,观看者与展示者还可交换身份,即,由原本的观看者输入触发动作,实现对于述目标展示流程的操作。
在使用时,展示者和观看者通过同一终端设备的多个显示器打开目标展示流程,执行启动浏览器本地存储(localstorage)监听,当任意任意展示操作,如目标展示流程的触发和/或对WEB页面的触发,终端设备利用localstorage函数记录一个显示器(即第一显示器)接收到的操作内容,包括展示的WEB页面、WEB页面的属性信息等,其他显示器(即第二显示器)根据浏览器本地存储监听,自动响应浏览器本地存储内容变化,通过读取浏览器本地存储的信息,获取操作内容,改变自身展示的界面效果。
举例来说,银行柜台的工作人员作为展示者,办理业务人员作为观看者,银行柜台设置有面对展示者和观看者的两个显示屏,这两个显示屏共用一台主机。展示者点击与其对应的显示屏,观看者便可在与其对应的显示屏同步看到展示者所点击的页面内容。
在一些实施例中,该WEB页面展示方法还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,从外部的服务器获取权限验证码;
利用websocket技术将操作内容发送给服务器,以利用服务器执行:响应于接收到由其他终端设备发来的权限验证码,利用websocket技术将接收到的操作内容发送该终端设备;其中,操作内容包括对目标展示流程的触发和/或对WEB页面的触发。
在该实施例中,对于多个终端设备的使用情况,利用websocket技术与服务器交互,可实现多终端设备对应的显示器同步展示,当一个终端设备被展示者操作时,观看者可利用其他终端设备远程地看到相同的展示内容,进一步地,观看者与展示者还可交换身份。
在使用时,展示者和观看者通过不同终端设备打开目标展示流程,展示者第一次打开目标展示流程,会将展示者所使用的终端设备从外部的服务器进行连接,通过生成权限验证码操作,从服务器获取一个权限验证码,服务器根据权限验证码实现动态隔离,当观看者有意通过其他终端设备打开同样的目标展示流程,通过输入该权限验证码,与服务器建立连接,只有输入了相应的权限验证码的终端设备,才能实现同步展示,而对于多个输入的同样权限验证码的终端设备,可以全部同步展示。当展示者进行操作,操作内容通过websocket技术向服务器传送,服务器接收到操作内容,会向所有输入了相应权限验证码的终端设备发送操作内容,其他终端设备在接收到操作内容后,改变相应显示器展示的界面效果。通过权限验证码实现动态隔离,有助于提高传输信息的安全性,避免无权限的用户接收到展示者的展示内容而造成信息泄漏。
举例来说,网络课程的教师作为展示者,网络课程的学员作为观看者,教师和学员可通过不同的终端设备(例如主机或手机等),通过权限验证码同步展示内容,展示者点击与其对应的显示屏,观看者便可在与其对应的显示屏同步看到展示者所点击的页面内容。
图2示出了根据另一个实施例的WEB页面展示方法的流程图。参见图2,该方法包括:
步骤200:将待展示的WEB页面进行第一分类处理,得到至少一个页面单元;
步骤202:针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中;
步骤204:将确定的页面单元进行第二分类处理,得到至少一个展示流程;
步骤206:响应于对目标展示流程的触发动作,从数据库中获取与目标展示流程相对应的目标页面单元所包括的WEB页面的属性信息;
步骤208:响应于对获取到的WEB页面的触发动作,将该WEB页面的页面链接地址赋值到iframe元素,以将该WEB页面进行展示;
步骤210:响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,调用localstorage函数;
步骤212:利用localstorage函数接收由第一显示器发来的操作内容;
步骤214:利用localstorage函数将接收到的操作内容发送给第二显示器;
步骤216:响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,从外部的服务器获取权限验证码;
步骤218:利用websocket技术将操作内容发送给服务器,以利用服务器执行:响应于接收到由其他终端设备发来的权限验证码,利用websocket技术将接收到的操作内容发送该终端设备。
如图3、图4和图5所示,本发明实施例提供了一种WEB页面展示装置。装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言,如图3所示,为本发明实施例提供的一种WEB页面展示装置所在电子设备的一种硬件架构图,除了图3所示的处理器、内存、网络接口、以及非易失性存储器之外,实施例中装置所在的电子设备通常还可以包括其他硬件,如负责处理报文的转发芯片等等。以软件实现为例,如图4所示,作为一个逻辑意义上的装置,是通过其所在电子设备的CPU将非易失性存储器中对应的计算机程序读取到内存中运行形成的。本实施例提供的一种WEB页面展示装置,包括:
分类模块400,用于将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个展示流程对应的各WEB页面按照预设顺序排列;
获取模块402,用于响应于对目标展示流程的触发动作,获取与目标展示流程相对应的WEB页面;
展示模块404,用于响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
在本发明实施例中,分类模块400可用于执行上述方法实施例中的步骤100,获取模块402可用于执行上述方法实施例中的步骤102,展示模块404可用于执行上述方法实施例中的步骤104。
在本发明的一个实施例中,分类模块400,用于执行如下操作:
将待展示的WEB页面进行第一分类处理,得到至少一个页面单元;其中,每个页面单元包括至少一个WEB页面,每个页面单元包括的WEB页面按照第一预设顺序排列;
将确定的页面单元进行第二分类处理,得到至少一个展示流程;其中,每个展示流程均与至少一个页面单元相对应,与每个展示流程相对应的页面单元按照第二预设顺序排列。
在本发明的一个实施例中,分类模块400,用于执行如下操作:
针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中;其中,属性信息包括WEB页面的页面名称、页面链接地址和页面缩略图;
相应地,获取模块402,用于执行如下操作:
响应于对目标展示流程的触发动作,从数据库中获取与目标展示流程相对应的目标页面单元所包括的WEB页面的属性信息。
在本发明的一个实施例中,分类模块400,用于执行如下操作:
将待展示的WEB页面进行第一分类处理,得到至少一个页面单元,包括:
基于待展示的WEB页面的页面名称和预设的分类规则,得到至少一个页面单元;其中,每个页面单元包括的WEB页面的页面类型相同,分类规则用于表征页面名称与页面单元包括的WEB页面的页面类型之间的映射关系。
在本发明的一个实施例中,展示模块404,用于执行如下操作:
响应于对获取到的WEB页面的触发动作,将该WEB页面的页面链接地址赋值到iframe元素,以将该WEB页面进行展示。
如图5所示,本发明实施例提供的另一种WEB页面展示装置,还包括:
本地同步模块406,用于执行如下操作:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,调用localstorage函数;
利用localstorage函数接收由第一显示器发来的操作内容;其中,操作内容包括对目标展示流程的触发和/或对WEB页面的触发;
利用localstorage函数将接收到的操作内容发送给第二显示器。
远程同步模块408,用于执行如下操作:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,从外部的服务器获取权限验证码;
利用websocket技术将操作内容发送给服务器,以利用服务器执行:响应于接收到由其他终端设备发来的权限验证码,利用websocket技术将接收到的操作内容发送该终端设备;其中,操作内容包括对目标展示流程的触发和/或对WEB页面的触发。
可以理解的是,本发明实施例示意的结构并不构成对一种WEB页面展示装置的具体限定。在本发明的另一些实施例中,一种WEB页面展示装置可以包括比图示更多或者更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件、软件或者软件和硬件的组合来实现。
上述装置内的各模块之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
本发明实施例还提供了一种电子设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现本发明任一实施例中的一种WEB页面展示方法。
本发明实施例还提供了一种存储介质,所述存储介质上存储有计算机程序,所述计算机程序在被处理器执行时,使所述处理器执行本发明任一实施例中的一种WEB页面展示方法。
具体地,可以提供配有存储介质的系统或者装置,在该存储介质上存储着实现上述实施例中任一实施例的功能的软件程序代码,且使该系统或者装置的计算机(或CPU或MPU)读出并执行存储在存储介质中的程序代码。
在这种情况下,从存储介质读取的程序代码本身可实现上述实施例中任何一项实施例的功能,因此程序代码和存储程序代码的存储介质构成了本发明的一部分。
用于提供程序代码的存储介质实施例包括软盘、硬盘、磁光盘、光盘(如CD-ROM、CD-R、CD-RW、DVD-ROM、DVD-RAM、DVD-RW、DVD+RW)、磁带、非易失性存储卡和ROM。可选择地,可以由通信网络从服务器计算机上下载程序代码。
此外,应该清楚的是,不仅可以通过执行计算机所读出的程序代码,而且可以通过基于程序代码的指令使计算机上操作的操作系统等来完成部分或者全部的实际操作,从而实现上述实施例中任意一项实施例的功能。
此外,可以理解的是,将由存储介质读出的程序代码写到插入计算机内的扩展板中所设置的存储器中或者写到与计算机相连接的扩展模块中设置的存储器中,随后基于程序代码的指令使安装在扩展板或者扩展模块上的CPU等来执行部分和全部实际操作,从而实现上述实施例中任一实施例的功能。
综上所述,本发明提供了一种WEB页面展示方法、装置、电子设备及存储介质,本发明至少具有如下有益效果:
1、在本发明的一个实施例中,通过分类整理待展示的WEB页面,可根据实际需求定制展示流程,预设对应的各WEB页面的展示顺序,能够在浏览器的一个标签页中实现对多个不同WEB页面的预览、导航,优化展示效果;
2、在本发明的一个实施例中,通过将待展示的WEB页面进行第一分类处理得到页面单元,再将确定的页面单元进行第二分类处理得到展示流程,能够进一步分级整理、展示不同的WEB页面,便于体现各WEB页面的全貌;
3、在本发明的一个实施例中,通过针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中,能够构建数据库,整理各个WEB页面的内容信息,包括整体的WEB页面数量、预设的展示前后顺序关系、WEB页面内容简介等,对原本零散、独立的WEB页面进行整合、存储,极大程度地便捷化了对于多个WEB页面统一展示的操作;
4、在本发明的一个实施例中,通过制定分类规则,能够实现自动分类处理WEB页面,减少人工操作;
5、在本发明的一个实施例中,展示WEB页面时,以iframe元素的形式展示整理后的、期望展示的各WEB页面的具体内容,无需打开新的标签页,即可对各WEB页面的具体内容进行展示,展示WEB页面时,同时可获知整体展示进度、前后WEB页面顺序等信息;
6、在本发明的一个实施例中,通过调用localstorage函数,能够在同一终端设备对应的多台显示器实现同步展示,进一步提高观看者的观看体验;
7、在本发明的一个实施例中,通过websocket技术,能够在不同终端设备对应的各显示器实现同步展示,进一步提高观看者的观看体验。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个…”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种WEB页面展示方法,其特征在于,包括:
将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个所述展示流程对应的各WEB页面按照预设顺序排列;
响应于对目标展示流程的触发动作,获取与所述目标展示流程相对应的WEB页面;
响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
2.根据权利要求1所述的方法,其特征在于,所述将待展示的WEB页面进行分类处理,得到至少一个展示流程,包括:
将待展示的WEB页面进行第一分类处理,得到至少一个页面单元;其中,每个所述页面单元包括至少一个WEB页面,每个所述页面单元包括的WEB页面按照第一预设顺序排列;
将确定的页面单元进行第二分类处理,得到至少一个展示流程;其中,每个所述展示流程均与至少一个所述页面单元相对应,与每个所述展示流程相对应的所述页面单元按照第二预设顺序排列。
3.根据权利要求2所述的方法,其特征在于,在所述得到至少一个页面单元之后,和在所述响应于对目标展示流程的触发动作之前,还包括:
针对得到的每个页面单元,提取该页面单元包括的WEB页面的属性信息,并将提取的属性信息存储在数据库中;其中,所述属性信息包括WEB页面的页面名称、页面链接地址和页面缩略图;
所述获取与所述目标展示流程相对应的WEB页面,包括:
从所述数据库中获取与所述目标展示流程相对应的目标页面单元所包括的WEB页面的属性信息。
4.根据权利要求3所述的方法,其特征在于,所述将待展示的WEB页面进行第一分类处理,得到至少一个页面单元,包括:
基于待展示的WEB页面的页面名称和预设的分类规则,得到至少一个页面单元;其中,每个所述页面单元包括的WEB页面的页面类型相同,所述分类规则用于表征页面名称与页面单元包括的WEB页面的页面类型之间的映射关系。
5.根据权利要求3所述的方法,其特征在于,所述将该WEB页面进行展示,包括:
将该WEB页面的页面链接地址赋值到iframe元素,以将该WEB页面进行展示。
6.根据权利要求3所述的方法,其特征在于,还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,调用localstorage函数;
利用所述localstorage函数接收由第一显示器发来的操作内容;其中,所述操作内容包括对目标展示流程的触发和/或对WEB页面的触发;
利用所述localstorage函数将接收到的操作内容发送给第二显示器。
7.根据权利要求3所述的方法,其特征在于,还包括:
响应于对目标展示流程的触发动作或对获取到的WEB页面的触发动作,从外部的服务器获取权限验证码;
利用websocket技术将操作内容发送给所述服务器,以利用所述服务器执行:响应于接收到由其他终端设备发来的所述权限验证码,利用websocket技术将接收到的操作内容发送该终端设备;其中,所述操作内容包括对目标展示流程的触发和/或对WEB页面的触发。
8.一种WEB页面展示装置,其特征在于,包括:
分类模块,用于将待展示的WEB页面进行分类处理,得到至少一个展示流程;其中,与每个所述展示流程对应的各WEB页面按照预设顺序排列;
获取模块,用于响应于对目标展示流程的触发动作,获取与所述目标展示流程相对应的WEB页面;
展示模块,用于响应于对获取到的WEB页面的触发动作,将该WEB页面进行展示。
9.一种电子设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1-7中任一项所述的方法。
10.一种存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110774050.5A CN113378097B (zh) | 2021-07-08 | 2021-07-08 | 一种web页面展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110774050.5A CN113378097B (zh) | 2021-07-08 | 2021-07-08 | 一种web页面展示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113378097A true CN113378097A (zh) | 2021-09-10 |
CN113378097B CN113378097B (zh) | 2024-05-24 |
Family
ID=77581477
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110774050.5A Active CN113378097B (zh) | 2021-07-08 | 2021-07-08 | 一种web页面展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113378097B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003114839A (ja) * | 2001-10-05 | 2003-04-18 | Dainippon Printing Co Ltd | Webページ提示方法およびシステム |
US20070089047A1 (en) * | 2005-10-17 | 2007-04-19 | International Business Machines Corporation | Visualization of collaborative portlet sequences |
CN101154224A (zh) * | 2006-09-30 | 2008-04-02 | 阿里巴巴公司 | 一种网址导航方法及系统 |
CN101320393A (zh) * | 2008-07-23 | 2008-12-10 | 腾讯科技(深圳)有限公司 | 网页分类显示方法及系统 |
CN106202285A (zh) * | 2016-06-30 | 2016-12-07 | 北京百度网讯科技有限公司 | 搜索结果展示方法和装置 |
US20170337162A1 (en) * | 2015-07-09 | 2017-11-23 | Tencent Technology (Shenzhen) Company Limited | Web page display method, terminal, and storage medium |
CN109582898A (zh) * | 2018-10-25 | 2019-04-05 | 北京奇虎科技有限公司 | 一种新闻网页页面的生成方法及装置 |
WO2020134571A1 (zh) * | 2018-12-27 | 2020-07-02 | 北京字节跳动网络技术有限公司 | 页面展示方法、装置、终端设备及存储介质 |
CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
CN112269619A (zh) * | 2020-11-13 | 2021-01-26 | 中盈优创资讯科技有限公司 | 一种基于大数据量的页面展示方法及装置 |
-
2021
- 2021-07-08 CN CN202110774050.5A patent/CN113378097B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003114839A (ja) * | 2001-10-05 | 2003-04-18 | Dainippon Printing Co Ltd | Webページ提示方法およびシステム |
US20070089047A1 (en) * | 2005-10-17 | 2007-04-19 | International Business Machines Corporation | Visualization of collaborative portlet sequences |
CN101154224A (zh) * | 2006-09-30 | 2008-04-02 | 阿里巴巴公司 | 一种网址导航方法及系统 |
CN101320393A (zh) * | 2008-07-23 | 2008-12-10 | 腾讯科技(深圳)有限公司 | 网页分类显示方法及系统 |
US20170337162A1 (en) * | 2015-07-09 | 2017-11-23 | Tencent Technology (Shenzhen) Company Limited | Web page display method, terminal, and storage medium |
CN106202285A (zh) * | 2016-06-30 | 2016-12-07 | 北京百度网讯科技有限公司 | 搜索结果展示方法和装置 |
CN109582898A (zh) * | 2018-10-25 | 2019-04-05 | 北京奇虎科技有限公司 | 一种新闻网页页面的生成方法及装置 |
WO2020134571A1 (zh) * | 2018-12-27 | 2020-07-02 | 北京字节跳动网络技术有限公司 | 页面展示方法、装置、终端设备及存储介质 |
CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
CN112269619A (zh) * | 2020-11-13 | 2021-01-26 | 中盈优创资讯科技有限公司 | 一种基于大数据量的页面展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN113378097B (zh) | 2024-05-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10326715B2 (en) | System and method for updating information in an instant messaging application | |
CN1955910B (zh) | 向用户通知活动的方法和装置 | |
US7707198B2 (en) | Harvesting of media objects from searched sites without a user having to enter the sites | |
US8131276B2 (en) | Method for extracting content, content extraction server based on RSS and apparatus for managing the same and system for providing standby screen of mobile communication terminal using the same | |
US9436753B2 (en) | Method and apparatus for managing update information in channel | |
US9235333B2 (en) | Indicating a content preference | |
JP7407928B2 (ja) | ファイルコメント、コメント閲覧方法、装置、コンピュータ機器及びコンピュータプログラム | |
CN102906741A (zh) | 基于包括在兴趣云中的兴趣标签选择内容 | |
CN111314204B (zh) | 一种互动方法、装置、终端和存储介质 | |
JP2021149963A (ja) | 情報処理方法、装置、電子機器及び記憶媒体 | |
CN112307339B (zh) | 基于用户画像的推荐信息生成方法、装置及计算机设备 | |
CN112000911A (zh) | 页面管理方法、装置、电子设备以及存储介质 | |
US20030054806A1 (en) | System and method for defining, creating and deploying wireless applications | |
KR102143196B1 (ko) | 모바일 단말기 및 이를 이용한 광고 제작 방법 | |
EP4275128A1 (en) | Simulated thumbnail previews for files | |
CN109710866A (zh) | 在线文档内图片显示方法和装置 | |
CN112737918A (zh) | 即时通讯系统中的群发消息处理方法、装置 | |
CN113378097A (zh) | 一种web页面展示方法、装置、电子设备及存储介质 | |
US20230297211A1 (en) | Content box providing method and user terminal | |
CN112328140B (zh) | 图像输入方法及其装置、设备、介质 | |
CN116204670B (zh) | 车辆目标检测数据的管理方法、系统及电子设备 | |
KR102565960B1 (ko) | 입력 사용자 인터페이스를 이용한 문서 작성, 저장, 전송, 통계 도출이 가능한 박스 전자 문서화 시스템, 그리고 그 제공 방법 | |
KR102039527B1 (ko) | 정보 관리 장치 및 방법 | |
JP2024509149A (ja) | ドキュメント処理方法、装置、機器及び媒体 | |
CN116628079A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |