CN112307377A - 信息展示方法、装置及电子设备 - Google Patents
信息展示方法、装置及电子设备 Download PDFInfo
- Publication number
- CN112307377A CN112307377A CN201910690782.9A CN201910690782A CN112307377A CN 112307377 A CN112307377 A CN 112307377A CN 201910690782 A CN201910690782 A CN 201910690782A CN 112307377 A CN112307377 A CN 112307377A
- Authority
- CN
- China
- Prior art keywords
- module
- client
- page
- data corresponding
- data
- 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 57
- 230000002452 interceptive effect Effects 0.000 claims abstract description 9
- 230000009191 jumping Effects 0.000 claims abstract description 9
- 238000001914 filtration Methods 0.000 claims description 41
- 230000015654 memory Effects 0.000 claims description 27
- 238000012216 screening Methods 0.000 claims description 10
- 238000004806 packaging method and process Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 14
- 238000009877 rendering Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 230000003993 interaction Effects 0.000 description 5
- 230000004044 response Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 238000003491 array Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 235000019800 disodium phosphate Nutrition 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008520 organization Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual 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/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
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)
Abstract
本发明提供了一种信息展示方法、装置、电子设备及存储介质;客户端的信息展示方法包括:获取与客户端的骨架页面相关的各个模块对应的数据;获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;根据所述模块的跳转数据显示目标页面。通过本发明,能够提升修改页面结构及跳转逻辑的灵活性,实现动态更新。
Description
技术领域
本发明涉及互联网和计算机技术,尤其涉及一种信息展示方法、装置、电子设备及存储介质。
背景技术
随着计算机技术的快速发展,客户端/服务器架构逐渐兴起,并大量应用至各个领域,例如在线观看漫画的应用程序,便是典型的客户端/服务器架构的应用。在客户端/服务器架构中,服务器用于向客户端提供数据,客户端用于将数据以特定的组织形式(样式)显示在用户页面中,供用户浏览。
在相关技术提供的方案中,通常应用超文本标记语言(Hyper Text MarkupLanguage,HTML)5混合原生的开发技术来实现客户端的信息展示,具体将制作的整张HTML5页面嵌入至应用程序内。但是,嵌入应用程序的整张HTML5页面的结构固定,并且其中的页面跳转逻辑,如跳转链接等同样固定,在不更新客户端版本的情况下无法改变,导致修改页面结构和实现跳转的灵活性差。
发明内容
本发明实施例提供一种信息展示方法、装置、电子设备及存储介质,能够在不更新客户端版本的情况下动态变更客户端的页面结构及跳转逻辑,提升灵活性。
本发明实施例的技术方案是这样实现的:
本发明实施例提供一种客户端的信息展示方法,包括:
获取与客户端的骨架页面相关的各个模块对应的数据;
获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;
接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;
根据所述模块的跳转数据显示目标页面。
在上述方案中,所述获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容之后,还包括:
当所述模块对应的数据包括异步字段时,再次获取所述模块对应的数据;
根据所述再次获取的数据中的样式名,在所述骨架页面中,更新显示所述再次获取的数据中的待显示内容。
在上述方案中,还包括:
缓存所述模块对应的数据;
当所述客户端处于离线状态时,获取缓存的所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示缓存的所述模块对应的数据中的待显示内容。
在上述方案中,还包括:
当所述模块对应的数据中的待显示内容为空,或所述模块对应的数据包括指示进行屏蔽的样式名时,屏蔽所述模块对应的数据。
在上述方案中,所述获取与客户端的骨架页面相关的各个模块对应的数据,包括:
响应于对所述客户端的骨架页面的选择操作,获取与被选择的骨架页面相关的各个模块对应的数据。
在上述方案中,还包括:
响应于对所述骨架页面的刷新操作,重新获取与所述骨架页面相关的各个模块对应的数据,并获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容。
本发明实施例提供一种服务器的信息展示方法,包括:
向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,以使所述客户端获取所述模块对应的数据中的样式名,并在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
获取所述客户端发送的目标页面名称以及目标页面状态;
根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据;
将所述跳转数据发送至所述客户端,以使所述客户端根据所述跳转数据显示目标页面。
在上述方案中,所述向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,包括:
当所述模块对应的数据包括异步字段时,将所述模块对应的数据中的待显示内容替换为设定内容,并向所述客户端发送替换后的所述模块对应的数据;
当再次接收到所述客户端对所述模块对应的数据的请求时,向所述客户端发送包括所述待显示内容的模块对应的数据。
本发明实施例提供一种客户端的信息展示装置,包括:
获取模块,用于获取与客户端的骨架页面相关的各个模块对应的数据;
第一显示模块,用于获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
发送模块,用于响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;
接收模块,用于接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;
第二显示模块,用于根据所述模块的跳转数据显示目标页面。
在上述方案中,客户端的信息展示装置还包括:
再次获取模块,用于当所述模块对应的数据包括异步字段时,再次获取所述模块对应的数据;
更新显示模块,用于根据所述再次获取的数据中的样式名,在所述骨架页面中,更新显示所述再次获取的数据中的待显示内容。
在上述方案中,客户端的信息展示装置还包括:
缓存模块,用于缓存所述模块对应的数据;
缓存显示模块,用于当所述客户端处于离线状态时,在所述骨架页面中,显示缓存的所述模块对应的数据中的待显示内容。
在上述方案中,客户端的信息展示装置还包括:
屏蔽模块,用于当所述模块对应的数据中的待显示内容为空,或所述模块对应的数据包括指示进行屏蔽的样式名时,屏蔽所述模块对应的数据。
在上述方案中,获取模块,还用于:
响应于对所述客户端的骨架页面的选择操作,获取与被选择的骨架页面相关的各个模块对应的数据。
在上述方案中,客户端的信息展示装置还包括:
刷新模块,用于响应于对所述骨架页面的刷新操作,重新获取与所述骨架页面相关的各个模块对应的数据,并获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容。
本发明实施例提供一种服务器的信息展示装置,包括:
第一后台发送模块,用于向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,以使所述客户端获取所述模块对应的数据中的样式名,并在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
页面信息获取模块,用于获取所述客户端发送的目标页面名称以及目标页面状态;
跳转数据获取模块,用于根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据;
第二后台发送模块,用于将所述跳转数据发送至所述客户端,以使所述客户端根据所述跳转数据显示目标页面。
在上述方案中,第一后台发送模块还用于:
当所述模块对应的数据包括异步字段时,将所述模块对应的数据中的待显示内容替换为设定内容,并向所述客户端发送替换后的所述模块对应的数据;
当再次接收到所述客户端对所述模块对应的数据的请求时,向所述客户端发送包括所述待显示内容的模块对应的数据。
本发明实施例提供一种电子设备,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现本发明实施例提供的客户端的信息展示方法,或者服务器的信息展示方法。
本发明实施例提供一种存储介质,存储有可执行指令,用于引起处理器执行时,实现本发明实施例提供的客户端的信息展示方法,或者服务器的信息展示方法。
本发明实施例具有以下有益效果:
本发明实施例通过服务器向客户端发送页面中各个模块对应的数据,客户端在显示数据后,响应于对模块的互动操作,根据模块对应的数据中的目标页面名称及目标页面状态,向服务器请求跳转数据,并根据得到的跳转数据显示目标页面,提升了修改页面结构和实现跳转的灵活性,实现了动态更新。
附图说明
图1是本发明实施例提供的信息展示***100的一个可选的架构示意图;
图2A是本发明实施例提供的客户端的信息展示装置的一个可选的架构示意图;
图2B是本发明实施例提供的服务器的信息展示装置的一个可选的架构示意图;
图3是本发明实施例提供的信息展示方法的一个可选的流程示意图;
图4是本发明实施例提供的页面跳转示意图;
图5是本发明实施例提供的信息展示方法的另一个可选的流程示意图;
图6是本发明实施例提供的信息展示方法的另一个可选的流程示意图;
图7是本发明实施例提供的数据结构示意图;
图8是本发明实施例提供的一种客户端的页面示意图;
图9是本发明实施例提供的另一种客户端的页面示意图;
图10是本发明实施例提供的一种服务器的配置页面示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,所描述的实施例不应视为对本发明的限制,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在以下的描述中,涉及到“一些实施例”,其描述了所有可能实施例的子集,但是可以理解,“一些实施例”可以是所有可能实施例的相同子集或不同子集,并且可以在不冲突的情况下相互结合。
在以下的描述中,所涉及的术语“第一\第二”仅仅是是区别类似的对象,不代表针对对象的特定排序,可以理解地,“第一\第二”在允许的情况下可以互换特定的顺序或先后次序,以使这里描述的本发明实施例能够以除了在这里图示或描述的以外的顺序实施。
除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本发明实施例的目的,不是旨在限制本发明。
对本发明实施例进行进一步详细说明之前,对本发明实施例中涉及的名词和术语进行说明,本发明实施例中涉及的名词和术语适用于如下的解释。
(1)骨架页面:指未加载模块的页面,根据骨架页面对应的数据进行构建。
(2)骨架页面对应的数据:指包括骨架页面的配置信息的数据,用于构建骨架页面,配置信息包括组件和/或属性,例如组件可以是搜索栏组件,属性可以是颜色属性。
(3)模块:指在页面中划分出的用于显示独立内容的区域,页面中可以包括一个或者或更多的模块。
(4)模块对应的数据:指包括在模块中待显示的内容数据。
(5)样式(style):是指对页面中显示内容的组织规则,例如图片个数、图片所占屏幕的宽高、字体颜色及字体尺寸等。
发明人在实施本发明的过程中发现,在应用客户端/服务器架构的应用程序中,通常是将整张的HTML5页面嵌入至应用程序内,但是,对于嵌入的HTML5页面来说,存在如下不足之处:
(1)客户端展示HTML5页面之前,需要联网,在客户端离线情况下,HTML5页面不可用;
(2)在加载HTML5页面需要调用webview组件,在不同***下可能会出现白屏,用户体验不佳,虽然存在辅助性方案修补上述问题,例如提前加载webview组件等,但是会降低客户端稳定性,提高内存的占用;
(3)嵌入应用程序的整张HTML5页面的结构固定,并且其中的页面跳转逻辑,如跳转链接等同样固定,在不更新客户端版本的情况下无法改变,导致修改页面结构和实现跳转的灵活性差。
本发明实施例提供一种信息展示方法、装置、电子设备及存储介质,能够通过服务器动态发送数据的方式,实现页面结构的修改以及目标页面的跳转,提升了灵活性,下面说明本发明实施例提供的电子设备的示例性应用。
参见图1,图1是本发明实施例提供的信息展示***100的一个可选的架构示意图,为实现支撑一个信息展示应用,终端设备400(示例性示出了终端设备400-1和终端设备400-2)通过网络300连接服务器200,网络300可以是广域网或者局域网,又或者是二者的组合。
服务器200用于向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据;终端设备400用于获取与所述骨架页面相关的各个模块对应的数据;获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容,其中,在图形界面410(示例性示出了图形界面410-1和图形界面410-2)示例性地显示了骨架页面,以及在骨架页面中显示的模块1、模块2及模块3;响应于对所述模块的互动操作,向服务器200发送所述模块对应的数据中的目标页面名称及目标页面状态;服务器200用于根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据;将所述跳转数据发送至所述客户端;终端设备400用于接收服务器200返回的对应所述模块的跳转数据;根据所述模块的跳转数据显示目标页面(图1中未示出)。
下面继续说明本发明实施例提供的电子设备的示例性应用。电子设备可以实施为笔记本电脑,平板电脑,台式计算机,机顶盒,移动设备(例如,移动电话,便携式音乐播放器,个人数字助理,专用消息设备,便携式游戏设备)等各种类型的终端设备,也可以实施为服务器。下面,以电子设备为终端设备为例进行说明。
参见图2A,图2A是本发明实施例提供的终端设备400(例如,可以是图1所示的终端设备400-1和设备终端400-2)的一个可选的架构示意图,图2所示的终端设备400包括:至少一个处理器410、存储器450、至少一个网络接口420和用户接口430。终端设备400中的各个组件通过总线***440耦合在一起。可理解,总线***440用于实现这些组件之间的连接通信。总线***440除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图2A中将各种总线都标为总线***440。
处理器410可以是一种集成电路芯片,具有信号的处理能力,例如通用处理器、数字信号处理器(DSP,Digital Signal Processor),或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,其中,通用处理器可以是微处理器或者任何常规的处理器等。
用户接口430包括使得能够呈现媒体内容的一个或多个输出装置431,包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口430还包括一个或多个输入装置432,包括有助于用户输入的用户接口部件,比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
存储器450可以是可移除的,不可移除的或其组合。示例性的硬件设备包括固态存储器,硬盘驱动器,光盘驱动器等。存储器450可选地包括在物理位置上远离处理器410的一个或多个存储设备。
存储器450包括易失性存储器或非易失性存储器,也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM,Read Only Me mory),易失性存储器可以是随机存取存储器(RAM,Random Access Memor y)。本发明实施例描述的存储器450旨在包括任意适合类型的存储器。
在一些实施例中,存储器450能够存储数据以支持各种操作,这些数据的示例包括程序、模块和数据结构或者其子集或超集,下面示例性说明。
操作***451,包括用于处理各种基本***服务和执行硬件相关任务的***程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务;
网络通信模块452,用于经由一个或多个(有线或无线)网络接口420到达其他计算设备,示例性的网络接口420包括:蓝牙、无线相容性认证(WiFi)、和通用串行总线(USB,Universal Serial Bus)等;
呈现模块453,用于经由一个或多个与用户接口430相关联的输出装置431(例如,显示屏、扬声器等)使得能够呈现信息(例如,用于操作***设备和显示内容和信息的用户接口);
输入处理模块454,用于对一个或多个来自一个或多个输入装置432之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
在一些实施例中,本发明实施例提供的客户端的信息展示装置可以采用软件方式实现,图2A示出了存储在存储器450中的客户端的信息展示装置455,其可以是程序和插件等形式的软件,包括以下软件模块:获取模块4551、第一显示模块4552、发送模块4553、接收模块4554及第二显示模块4555,这些模块是逻辑上的,因此根据所实现的功能可以进行任意的组合或进一步拆分。
将在下文中说明各个模块的功能。
在另一些实施例中,本发明实施例提供的客户端的信息展示装置可以采用硬件方式实现,作为示例,本发明实施例提供的客户端的信息展示装置可以是采用硬件译码处理器形式的处理器,其被编程以执行本发明实施例提供的客户端的信息展示方法,例如,硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(ASIC,ApplicationSpecific Integrated Circuit)、DSP、可编程逻辑器件(PLD,Programmable LogicDevice)、复杂可编程逻辑器件(C PLD,Complex Programmable Logic Device)、现场可编程门阵列(FPGA,Fi eld-Programmable Gate Array)或其他电子元件。
下面,以电子设备为服务器为例进行说明。
参见图2B,图2B是本发明实施例提供的服务器200(例如,可以是图1所示的服务器200)的一个可选的架构示意图,图2B所示的终端设备200包括:至少一个处理器210、存储器250、至少一个网络接口220和用户接口230。服务器200中的各个组件通过总线***240耦合在一起。可理解,总线***240用于实现这些组件之间的连接通信。总线***240除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图2B中将各种总线都标为总线***240。值得说明的是,图2B所示的处理器210、存储器250(包括操作***251、网络通信模块252、呈现模块253及输入处理模块254)、网络接口220、用户接口230、总线***240,均与图2A中相应组件的功能相同,为免重复,此处不再赘述。
在一些实施例中,本发明实施例提供的服务器的信息展示装置可以采用软件方式实现,图2B示出了存储在存储器250中的服务器的信息展示装置255,其可以是程序和插件等形式的软件,包括以下软件模块:第一后台发送模块2551、页面信息获取模块2552、跳转数据获取模块2553及第二后台发送模块2554,这些模块是逻辑上的,因此根据所实现的功能可以进行任意的组合或进一步拆分。
将在下文中说明各个模块的功能。
在另一些实施例中,本发明实施例提供的服务器的信息展示装置可以采用硬件方式实现,作为示例,本发明实施例提供的服务器的信息展示装置可以是采用硬件译码处理器形式的处理器,其被编程以执行本发明实施例提供的服务器的信息展示方法,例如,硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(ASIC,ApplicationSpecific Integrated Circuit)、DSP、可编程逻辑器件(PLD,Programmable LogicDevice)、复杂可编程逻辑器件(C PLD,Complex Programmable Logic Device)、现场可编程门阵列(FPGA,Fi eld-Programmable Gate Array)或其他电子元件。
本发明实施例提供的信息展示方法可以由上述的服务器执行,也可以由终端设备(例如,可以是图1所示的终端设备400-1和终端设备400-2)执行,或者由服务器和终端设备共同执行。
下面将结合上文记载的服务器和终端设备的示例性应用和结构,说明由服务器和终端设备共同执行信息展示方法的过程。
参见图3,图3是本发明实施例提供的信息展示方法的一个可选的流程示意图,将结合图3示出的步骤进行说明。
在步骤301中,服务器向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据。
例如,服务器在接收到客户端的数据请求后,向客户端发送与客户端的骨架页面相关的各个模块对应的数据,模块对应的数据可由后台人员预先设置,模块对应的数据至少包括样式名、目标页面名称、目标页面状态以及待显示内容,待显示内容如图片或文字等,为了便于识别,可预先为模块对应的数据中的不同内容设定不同的字段。
在一些实施例中,可以通过这样的方式实现上述的服务器向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据:当所述模块对应的数据包括异步字段时,服务器将所述模块对应的数据中的待显示内容替换为设定内容,并向所述客户端发送替换后的所述模块对应的数据;当再次接收到所述客户端对所述模块对应的数据的请求时,向所述客户端发送包括所述待显示内容的所述模块对应的数据。
对于模块对应的数据中包括的待显示内容,可能存在计算复杂或者无法由客户端缓存的特性,故服务器可对该种待显示内容进行异步发送。具体地,当模块对应的数据包括预先设定的异步字段时,服务器将模块对应的数据中的待显示内容替换为设定内容,并向客户端发送替换后的模块对应的数据,以使客户端显示设定数据,其中,设定内容可为空,在设定内容为空的情况下,客户端直接屏蔽接收到的模块对应的数据。当服务器再次接收到客户端对该模块对应的数据的请求时,服务器再向客户端发送包括待显示内容的该模块对应的数据,以使客户端在骨架页面中显示待显示内容。通过上述方式提升了发送操作对于异步场景的适用性。
在步骤302中,客户端获取与客户端的骨架页面相关的各个模块对应的数据。
在一些实施例中,还可以通过这样的方式实现上述的客户端获取与客户端的骨架页面相关的各个模块对应的数据:响应于对所述客户端的骨架页面的选择操作,客户端获取与被选择的骨架页面相关的各个模块对应的数据。
例如,在一些应用场景中,客户端可能包括多个频道,而每个频道都对应一个单独的骨架页面,故在本发明实施例中,可响应于对客户端的骨架页面的选择操作,如骨架页面包括频道A的骨架页面、频道B的骨架页面及频道C的骨架页面,响应于用户对频道C的骨架页面的选择操作,仅获取与频道C的骨架页面相关的各个模块对应的数据。在此基础上,在服务器发送与客户端的骨架页面相关的各个模块对应的数据之前,客户端可根据被选择的骨架页面向服务器发起数据请求,使服务器只发送与被选择的骨架页面相关的各个模块对应的数据,减少资源消耗。
在步骤303中,客户端获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容。
客户端获取模块对应的数据中的样式名,并根据客户端存储的样式,在客户端的骨架页面中,显示各个模块对应的数据中的待显示内容。其中,客户端的样式可以是客户端在更新客户端版本统一获取,并存储在客户端本地,也可采用其他方式获取。根据样式显示模块对应的数据中的待显示内容,实质上是根据样式对应的组织规则,对待显示内容进行组织,比如按照特定的长宽比,来显示为图片的待显示内容。上述在页面中显示待显示内容的过程可应用原生技术实现,从而消除应用HTML5页面所带来的不足。
在一些实施例中,所述客户端获取与客户端的骨架页面相关的各个模块对应的数据之后,还包括:当所述模块对应的数据中的待显示内容为空,或所述模块对应的数据包括指示进行屏蔽的样式名时,客户端屏蔽所述模块对应的数据。
当获取到的模块对应的数据中的待显示内容为空,或者模块对应的数据包括指示进行屏蔽的样式名时,为了提升显示效果,屏蔽该模块对应的数据。
在一些实施例中,所述客户端获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容之后,还包括:当所述模块对应的数据包括异步字段时,客户端再次获取所述模块对应的数据;根据所述再次获取的数据中的样式名,在所述骨架页面中,更新显示所述再次获取的数据中的待显示内容。
在异步发送的场景中,客户端接收到的模块对应的数据包括有异步字段,模块对应的数据中的待显示内容可能只是服务器替换后的设定内容,在这种情况下,客户端向服务器发起请求,再次获取模块对应的数据,并根据再次获取的数据中的样式名,在骨架页面中更新显示再次获取的数据中的待显示内容。通过上述方式提升了客户端在异步场景下的显示效果。
在一些实施例中,所述客户端获取与客户端的骨架页面相关的各个模块对应的数据之后,还包括:客户端缓存所述模块对应的数据;当所述客户端处于离线状态时,获取缓存的所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示缓存的所述模块对应的数据中的待显示内容。
为客户端设置缓存机制,具体缓存获取到的与骨架页面相关的各个模块对应的数据,当客户端处于离线状态,即无法与服务器通信时,客户端获取缓存的模块对应的数据中的样式名,在骨架页面中基于与样式名相应的样式,显示缓存的模块对应的数据中的待显示内容。通过上述方式实现了模块的离线加载。
在一些实施例中,在任意步骤之间,所述信息展示方法还包括:客户端响应于对所述骨架页面的刷新操作,重新获取与所述骨架页面相关的各个模块对应的数据,并获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容。
例如,刷新操作可为对骨架页面的下拉操作。响应于对骨架页面的刷新操作,客户端重新获取与骨架页面相关的各个模块对应的数据,并获取模块对应的数据中的样式名,在骨架页面中基于与样式名相应的样式,重新显示模块对应的数据中的待显示内容,实现数据的实时更新。
在步骤304中,客户端响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态。
客户端在骨架页面显示模块对应的数据中的待显示内容后,可响应于对骨架页面中某个模块的互动操作,向服务器发送该模块对应的数据中的目标页面名称及目标页面状态。其中,互动操作如用户点击骨架页面中的模块。值得说明的是,本文中的目标页面名称用于确定跳转至的新的骨架页面,目标页面状态用于确定填充至该新的骨架页面的具体内容,具体内容可以模块形式或其他形式展现,本发明实施例对此不做限定。
在步骤305中,服务器获取所述客户端发送的目标页面名称以及目标页面状态。
在步骤306中,服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据。
服务器根据目标页面名称及目标页面状态确定数据地址,并确定存放在该数据地址的跳转数据,跳转数据包括与跳转至的骨架页面相关的数据,以及与填充至骨架页面的内容相关的数据。值得说明的是,在一些情况下,例如在目标页面是一个通过网址确定的HTML5页面的情况下,服务器也可在发送模块对应的数据时,将模块对应的数据中的目标页面名称及目标页面状态统一替换为数据地址,从而根据客户端发送的数据地址,获取跳转数据。
在步骤307中,服务器将所述跳转数据发送至所述客户端。
在步骤308中,客户端接收所述服务器返回的对应所述模块的跳转数据。
在步骤309中,客户端根据所述模块的跳转数据显示目标页面。
客户端根据对应模块的跳转数据,显示目标页面,实现页面的跳转。其中,目标页面可为原生页面,也可为HTML5页面,本发明实施例对此不做限定。
以客户端为浏览漫画的客户端为例,假设在客户端的骨架页面中显示的漫画A模块,该模块对应的数据中包括的目标页面名称为漫画详情页,该模块对应的数据中包括的目标页面状态为:漫画A在服务器中对应的编号。如此,服务器根据目标页面名称,可确定与漫画详情页(新的骨架页面)相关的数据,服务器根据目标页面状态,可确定与编号对应的漫画A的数据,将与漫画详情页相关的数据与漫画A的数据统一作为跳转数据,发送至客户端后,客户端便可根据跳转数据,显示包括漫画A的数据的漫画详情页,即目标页面。在此基础上,目标页面状态还可包括服务器存储的用户对漫画A的阅读进度等信息,从而,服务器将跳转数据发送至客户端后,客户端可在漫画详情页中,显示漫画A的对应该阅读进度的内容,提升用户体验。
为了便于理解,本发明实施例提供了如图4所示的页面跳转示意图,在图4中,服务器根据客户端发送的目标页面名称定位到具体页面,根据目标页面状态确定填充至页面的具体内容的相关状态,从而,通过目标页面名称和目标页面状态,服务器可确定包括具体内容的目标页面,并将目标页面相关的跳转数据发送至客户端。客户端获取跳转数据,并对跳转数据进行渲染,从而显示目标页面,实现页面跳转。
通过发明实施例对于图3的上述示例性实施可知,本发明实施例将页面进行模块化,由服务器发送与骨架页面相关的各模块对应的数据,使得在不更新客户端版本的情况,可对客户端页面的页面结构及跳转逻辑进行调整,实现了动态更新,提升了灵活性,并且本发明实施例可应用原生技术实现,从而消除应用HTML5页面所带来的不足。
参见图5,图5是本发明实施例提供的信息展示方法的另一个可选的流程示意图,将结合图5示出的步骤进行说明。在图5中,步骤301之前,还可以在步骤501中,客户端获取所述客户端的客户端标识,将所述客户端标识封装至页面数据请求中。
对于客户端的骨架页面,同样可由客户端向服务器请求得到。具体地,客户端获取客户端标识,客户端标识可预先设定,比如客户端标识可包括客户端当前版本、客户端所在的终端设备的设备号、用户性别及用户画像等,其中,用户画像可通过相关模型对用户的浏览记录进行处理得到。客户端标识可由客户端预先处理得到,并存储于客户端本地,在需要时直接获取。然后,将获取到的客户端标识封装至页面数据请求中,例如可封装至页面数据请求的请求头中。
在步骤502中,客户端向服务器发送所述页面数据请求。
在步骤503中,服务器获取所述客户端发送的页面数据请求,并确定所述页面数据请求中的客户端标识。
在步骤504中,服务器确定至少两个骨架页面对应的数据中包括的第一过滤属性。
这里,服务器存储至少两个骨架页面对应的数据,对于每个骨架页面对应的数据,确定其中包括的第一过滤属性,第一过滤属性可由后台人员进行预先设置。
在步骤505中,服务器筛选出符合所述客户端标识的第一过滤属性,并将包括所述第一过滤属性的骨架页面对应的数据发送至所述客户端。
在至少两个骨架页面对应的数据中,服务器筛选出符合客户端标识的第一过滤属性,并将包括该第一过滤属性的骨架页面对应的数据,发送至客户端。举例来说,服务器包括20个骨架页面对应的数据,其中有10个骨架页面对应的数据中的第一过滤属性为新用户,另外10个骨架页面对应的数据中的第一过滤属性为老用户,则当客户端标识为新用户时,仅筛选出第一过滤属性为新用户的10个骨架页面对应的数据。然后,将筛选出的骨架页面对应的数据发送至客户端。
在步骤506中,客户端获取所述服务器返回的骨架页面对应的数据。
在一些实施例中,在任意步骤之间,所述信息展示方法还包括:客户端响应于对所述客户端的重启操作,重新向所述服务器发送所述页面数据请求,并获取所述服务器返回的骨架页面对应的数据。
对于重启操作,为了保证数据的实时性,客户端重新向服务器发送页面数据请求,获取服务器返回的骨架页面对应的数据,并继续执行后续步骤。
在步骤507中,客户端根据所述骨架页面对应的数据构建所述骨架页面。
客户端根据得到的骨架页面对应的数据构建骨架页面,构建方式可在骨架页面对应的数据中进行预先设定,本发明实施例对其不做限定,比如在客户端得到的骨架页面对应的数据为至少两个的情况下,可应用多个频道并列的方式构建骨架页面。值得说明的是,构建的骨架页面不一定要立即显示,可等待在接收到与骨架页面相关的模块对应的数据后,再进行统一显示。
步骤301至步骤309的内容与上文相同,此处不再赘述。
在一些实施例中,所述客户端获取与客户端的骨架页面相关的各个模块对应的数据之后,还包括:客户端缓存所述骨架页面对应的数据及所述模块对应的数据;当所述客户端处于离线状态时,根据缓存的所述骨架页面对应的数据,构建所述骨架页面中;获取缓存的所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示缓存的所述模块对应的数据中的待显示内容。
客户端可对获取到的骨架页面对应的数据及模块对应的数据进行缓存,在缓存时,可建立骨架页面对应的数据与模块对应的数据之间的映射关系,从而避免混淆。值得说明的是,对于包括异步字段的模块对应的数据,客户端可不对其进行缓存。当客户端处于离线状态,无法与服务器通信时,客户端可根据缓存的骨架页面对应的数据构建页面,并在骨架页面中,显示缓存的模块对应的数据中的待显示内容。通过上述方式实现了骨架页面及模块的离线显示。
通过发明实施例对于图5的上述示例性实施可知,本发明实施例通过为骨架页面对应的数据设置第一过滤属性,使得客户端能够请求到与客户端标识相匹配的骨架页面对应的数据,提升了用户体验及页面展示效果。
参见图6,图6是本发明实施例提供的信息展示方法的另一个可选的流程示意图,基于图3,图6中对步骤301及步骤302进行了更新,图6包括以下步骤:
在步骤601中,客户端将所述客户端标识及所述骨架页面的页面标识,封装至模块数据请求中。
同样地,客户端可利用模块数据请求,向服务器请求模块对应的数据。这里,为了便于服务器识别是与哪一个骨架页面相关的模块数据,除了客户端标识之外,客户端还将骨架页面的页面标识,一同封装至模块数据请求中,具体可封装至模块数据请求的请求头中。值得说明的是,在客户端的骨架页面是基于图5所示的骨架页面对应的数据进行构建的基础上,页面标识可设置于骨架页面对应的数据内,如此,客户端在接收到骨架页面对应的数据后,即可确定页面标识。
在步骤602中,客户端向所述服务器发送所述模块数据请求。
在步骤603中,服务器获取所述客户端发送的模块数据请求,并确定所述模块数据请求中的客户端标识及页面标识。
在步骤604中,服务器确定与所述页面标识对应的至少两个模块对应的数据,并确定所述模块对应的数据中包括的第二过滤属性。
服务器确定与页面标识对应的至少两个模块对应的数据,对于确定出的每个模块对应的数据,进一步确定模块对应的数据包括的第二过滤属性,第二过滤属性可由后台人员进行预先设置。
在步骤605中,服务器筛选出符合所述客户端标识的第二过滤属性,并将包括所述第二过滤属性的模块对应的数据发送至所述客户端。
在页面标识对应的至少两个模块对应的数据中,服务器筛选出第二过滤属性符合客户端标识的模块对应的数据。举例来说,对于页面标识A来说,服务器存储有与该页面标识对应的20个模块对应的数据,其中有10个模块对应的数据,其中的第二过滤属性为新用户,另外10个模块对应的数据,其中的第二过滤属性为老用户,则当模块数据请求中的客户端标识为新用户,页面标识为页面标识A时,服务器仅筛选出上述的第二过滤属性为新用户的10个模块对应的数据。然后,将筛选出的模块对应的数据发送至客户端
在步骤606中,客户端获取所述服务器返回的模块对应的数据。
在图6中,在任意步骤之间,所述信息展示方法还包括:在步骤607中,服务器向所述客户端发送与样式名相应的样式。
除了上述的服务器通过发行客户端版本,使客户端存储样式的方式外,在本发明实施例中,还可由服务器直接向客户端发送与样式名相应的样式。其中,样式可包括在服务器发送的骨架页面对应的数据中,一并发送;也可包括在服务器发送的模块对应的数据中,一并发送;也可由服务器单独向客户端发送,对此不做限定。此外,图5中所示的样式的发送时机仅为示例,发送时机可根据实际应用场景进行设定。
在步骤608中,客户端获取所述服务器发送的与样式名相应的样式,并存储所述样式。
客户端获取服务器发送的与样式名相应的样式,并将样式存储在本地,如此,可根据该样式,对拥有相应的样式名的数据进行组织,并进行显示。通过上述的服务器发送样式的方式,提升了发送样式的灵活性,也便于服务器对样式进行管理。
步骤303至步骤309的内容与上文相同,此处不再赘述。
通过发明实施例对于图6的上述示例性实施可知,本发明实施例通过为模块对应的数据设置第二过滤属性,使得客户端在已有骨架页面的基础上,能够接收到与骨架页面对应,且与客户端标识相匹配的模块对应的数据,提升了用户体验及模块展示效果,并且,通过服务器向客户端发送样式,在不更新客户端版本的情况下,实现了客户端样式的更新,提升了服务器对样式的管理能力。
下面,将说明本发明实施例在实际的应用场景中的示例性应用。
本发明实施例提供了如图7所示的数据结构示意图,在图7中,以骨架页面为频道页面的形式进行说明,一个频道页面对应至少一个模块,图7中以一个频道页面对应三个模块为例,模块以“Module”表示,频道页面以“Tab”表示。在频道页面对应的数据结构中,包括频道页面标识“tab_id”,此处的频道页面标识即为上文的页面标识;还包括用于确定频道页面的排序和置顶的字段“stick”,例如,客户端的首页可显示多个频道页面中的一个,通过“stick”配置对应的频道页面进行首先显示;还包括用于进行频道页面过滤的第一过滤属性“filter”;还包括用于控制该频道页面内组件的有无及属性配置的字段“conf ig”,例如,可通过“config”增添一个搜索栏的组件,还可通过“config”配置频道页面的底色等。以上述的数据结构组织的频道页面对应的数据,存储于服务器中,当服务器接收到客户端对于频道页面的页面数据请求时,服务器根据页面数据请求内的客户端标识,过滤出符合客户端标识的第一过滤属性,将包括该第一过滤属性的频道页面对应的数据,发送至客户端。客户端根据接收到的频道页面对应的数据,继续向服务器发起模块数据请求,在图7中,模块数据请求体现为获取模块的函数get_modules($tab_id,$user_agent),该函数中的“user_agent”即为客户端标识,该函数中的“tab_id”可为服务器发送给客户端的所有频道页面对应的数据中的频道页面标识,也可为客户端响应于对频道页面的选择操作,而确定出的,被选择的频道页面对应的数据中的频道页面标识。
在模块对应的数据结构中,包括模块标识“module_id”,在服务器内,预先设定有频道页面标识与模块标识之间的映射关系;数据结构还包括样式名“s tyle”,用于控制模块对应的数据在频道页面中的展示;还包括用于进行模块过滤的第二过滤属性“filter”,此处的第二过滤属性的内容可与上文的第一过滤属性相同,或者不同;还包括抽象字段“view”,用于在频道页面中显示;还包括通用跳转字段“action”,用于保存目标页面名称及目标页面状态;还包括异步字段“async”,用于提示服务器进行异步发送;还包括子模块字段“children”,用于构建该模块下的子模块,值得说明的是,子模块的数据结构与模块的数据结构相同;还包括模板“template”以及源数据“data”。在需要显示模块对应的数据时,先对其中包括的模板进行解析,再将源数据***至模板中,最终将模板***至频道页面中,完成显示,即,上述的抽象字段内的内容、模板和源数据共同构成了待显示的内容。
在服务器将模块对应的数据发送至客户端后,客户端根据其中的模板以及源数据进行渲染,具体地,客户端首先执行渲染前钩子函数before_render($te mplate,$data),渲染前钩子函数主要用于检查模板及源数据中是否存在无法识别的内容,当存在无法识别的内容时,屏蔽整个模块对应的数据;然后,客户端执行渲染函数render($template,$data),对模板及源数据进行渲染;然后,客户端执行渲染后钩子函数after_render($render_data,$user_agent),其中的“render_data”为渲染结果,渲染后钩子函数用于检查渲染结果是否存在内容问题,例如,对于包括异步字段的模块对应的数据,检查渲染结果中是否包括异步请求所得到的数据,例如,在模块包括四个子模块的情况下,检查四个子模块是否均在渲染结果中显示。当通过渲染后钩子函数检查出渲染结果存在内容问题时,屏蔽存在内容问题的模块对应的数据;当通过渲染后钩子函数检查出渲染结果不存在内容问题时,在频道页面中显示渲染结果。
为了更好地理解本发明实施例的内容,本发明提供了如图8所示的一种客户端的页面示意图,以客户端的首页为例,最上侧为5个频道名称,分别为“更新”、“精选”、“排行”、“少年魂”及“少女心”,每个频道名称均对应一个频道页面,图8中显示的即为“精选”的频道页面,值得说明的是,可通过上文的“stick”字段配置哪个频道页面最先显示,并配置各个频道名称之间的顺序。频道名称下的搜索栏组件81,可通过上文的“config”字段进行配置。当然,频道名称及频道名称所在的区域,也可作为组件进行配置。在搜索栏组件81下方,则为4个模块,分别为模块82、模块83、模块84及模块85,其中,模块82包括三个子模块,分别为“漫画2”、“漫画3”及“漫画4”,子模块可通过上文的“children”字段进行配置。模块中出现的文字可通过上文的“view”字段进行配置,例如在模块83包括的子模块831中,“漫画2”及“1话/137话”的文字。当然,文字也可通过“data”字段进行配置,并经过渲染实现显示。
为了更好地理解本发明实施例的内容,本发明提供了如图9所示的另一种客户端的页面示意图,以客户端的“我的”页面为例,最上侧是包括“用户A”,“签到领福利”及等级提示的组件91,可通过上文的“config”字段进行配置。在组件91下,依次为模块92、模块93、模块94、模块95及模块96,同样地,模块中包括的子模块可通过上文的“children”字段进行配置,如模块93包括的“漫画2”、“漫画3”、“漫画4”、“漫画1”及“离线下载”的子模块,或者如模块95包括的“今日任务”、“我的礼物”、“逗币商城”及“活动”的子模块,其中,“漫画2”的子模块在图9中示为子模块931,“离线下载”的子模块在图9中示为子模块932。
为了更好地理解本发明实施例的内容,本发明提供了如图10所示的一种服务器的配置页面示意图,在图10中,列出了包括“更新”、“精选”及“排行”等的频道名称,当前配置的频道页面对应于“精选”的频道名称,图10示出了当前配置的频道页面的频道页面标识101。另外,图10还包括过滤属性102,即“男”,该过滤属性仅为示例,具体可为上文的第一过滤属性,或者第二过滤属性。频道页面标识101对应有多个模块,如图10中的“Banner”、“最近在看”及“免费阅读卡”等。每个模块均配置有对应的模块标识,例如图10中的“Banner”模块的模块标识103,此外,还可配置每个模块的名称,便于后台人员管理。在模块对应的数据中,图10示出了事件、主元素及标题三种可配置的内容,当然,根据实际应用场景的不同,还可增添可配置的内容或删除部分可配置的内容,对此不做限定。主元素及标题均为模块对应的数据中待显示的内容,事件指示用户对该模块进行互动操作时,所触发的操作,事件下的内容可配置为目标页面名称及目标页面状态,当然,也可如图10所示,配置为数据地址,如此,在用户点击该模块后,客户端将对应的数据地址上传至服务器,服务器根据数据地址获取到跳转数据,并将跳转数据发送至客户端,客户端根据跳转数据显示目标页面。
下面继续说明本发明实施例提供的客户端的信息展示装置455实施为软件模块的示例性结构,在一些实施例中,如图2A所示,存储在存储器450的客户端的信息展示装置455中的软件模块可以包括:获取模块4551,用于获取与客户端的骨架页面相关的各个模块对应的数据;第一显示模块4552,用于获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;发送模块4553,用于响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;接收模块4554,用于接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;第二显示模块4555,用于根据所述模块的跳转数据显示目标页面。
在一些实施例中,客户端的信息展示装置455还包括:标识封装模块,用于获取所述客户端的客户端标识,将所述客户端标识封装至页面数据请求中;页面请求模块,用于向服务器发送所述页面数据请求,并获取所述服务器返回的骨架页面对应的数据,所述骨架页面对应的数据是所述服务器响应于所述页面数据请求时,根据所述客户端标识筛选得到;构建模块,用于根据所述骨架页面对应的数据构建所述骨架页面。
在一些实施例中,获取模块4551,还用于:将所述客户端标识及所述骨架页面的页面标识,封装至模块数据请求中;向所述服务器发送所述模块数据请求,并获取所述服务器返回的模块对应的数据,所述模块对应的数据是所述服务器响应于所述模块数据请求时,根据所述客户端标识及所述页面标识筛选得到。
在一些实施例中,客户端的信息展示装置455还包括:样式获取模块,用于获取所述服务器发送的与所述样式名相应的样式,并存储所述样式。
在一些实施例中,客户端的信息展示装置455还包括:再次获取模块,用于当所述模块对应的数据包括异步字段时,再次获取所述模块对应的数据;更新显示模块,用于根据所述再次获取的数据中的样式名,在所述骨架页面中,更新显示所述再次获取的数据中的待显示内容。
在一些实施例中,客户端的信息展示装置455还包括:缓存模块,用于缓存所述模块对应的数据;缓存显示模块,用于当所述客户端处于离线状态时,获取缓存的所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示缓存的所述模块对应的数据中的待显示内容。
在一些实施例中,客户端的信息展示装置455还包括:屏蔽模块,用于当所述模块对应的数据中的待显示内容为空,或所述模块对应的数据包括指示进行屏蔽的样式名时,屏蔽所述模块对应的数据。
在一些实施例中,获取模块4551,还用于:响应于对所述客户端的骨架页面的选择操作,获取与被选择的骨架页面相关的各个模块对应的数据。
在一些实施例中,客户端的信息展示装置455还包括:刷新模块,用于响应于对所述骨架页面的刷新操作,重新获取与所述骨架页面相关的各个模块对应的数据,并获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容。
下面继续说明本发明实施例提供的服务器的信息展示装置255实施为软件模块的示例性结构,在一些实施例中,如图2B所示,存储在存储器250的服务器的信息展示装置255中的软件模块可以包括:第一后台发送模块2551,用于向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,以使所述客户端获取所述模块对应的数据中的样式名,并在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;页面信息获取模块2552,用于获取所述客户端发送的目标页面名称以及目标页面状态;跳转数据获取模块2553,用于根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据;第二后台发送模块2554,用于将所述跳转数据发送至所述客户端,以使所述客户端根据所述跳转数据显示目标页面。
在一些实施例中,服务器的信息展示装置255还包括:标识获取模块,用于获取所述客户端发送的页面数据请求,并确定所述页面数据请求中的客户端标识;属性确定模块,用于确定至少两个骨架页面对应的数据中包括的第一过滤属性;筛选模块,用于筛选出符合所述客户端标识的第一过滤属性,并将包括所述第一过滤属性的骨架页面对应的数据发送至所述客户端,以使所述客户端根据所述骨架页面对应的数据,构建所述骨架页面。
在一些实施例中,第一后台发送模块2551,还用于:获取所述客户端发送的模块数据请求,并确定所述模块数据请求中的客户端标识及页面标识;确定与所述页面标识对应的至少两个模块对应的数据,并确定所述模块对应的数据中包括的第二过滤属性;筛选出符合所述客户端标识的第二过滤属性,并将包括所述第二过滤属性的模块对应的数据发送至所述客户端。
在一些实施例中,服务器的信息展示装置255还包括:样式发送模块,用于向所述客户端发送与所述样式名相应的样式,以使所述客户端存储所述样式。
在一些实施例中,第一后台发送模块2551,还用于:当所述模块对应的数据包括异步字段时,将所述模块对应的数据中的待显示内容替换为设定内容,并向所述客户端发送替换后的所述模块对应的数据;当再次接收到所述客户端对所述模块对应的数据的请求时,向所述客户端发送包括所述待显示内容的模块对应的数据。
本发明实施例提供一种存储有可执行指令的存储介质,其中存储有可执行指令,当可执行指令被处理器执行时,将引起处理器执行本发明实施例提供的方法,例如,上述的客户端的信息展示方法,或者,服务器的信息展示方法。
在一些实施例中,存储介质可以是FRAM、ROM、PROM、EPROM、EE PROM、闪存、磁表面存储器、光盘、或CD-ROM等存储器;也可以是包括上述存储器之一或任意组合的各种设备。
在一些实施例中,可执行指令可以采用程序、软件、软件模块、脚本或代码的形式,按任意形式的编程语言(包括编译或解释语言,或者声明性或过程性语言)来编写,并且其可按任意形式部署,包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
作为示例,可执行指令可以但不一定对应于文件***中的文件,可以可被存储在保存其它程序或数据的文件的一部分,例如,存储在超文本标记语言(HTML,Hyper TextMarkup Language)文档中的一个或多个脚本中,存储在专用于所讨论的程序的单个文件中,或者,存储在多个协同文件(例如,存储一个或多个模块、子程序或代码部分的文件)中。
作为示例,可执行指令可被部署为在一个计算设备上执行,或者在位于一个地点的多个计算设备上执行,又或者,在分布在多个地点且通过通信网络互连的多个计算设备上执行。
综上所述,本发明实施例基于原生技术,由服务器向客户端发送骨架页面对应的数据及模块对应的数据,从而在骨架页面中实现模块化的展示,并且,由于后台人员可在服务器中修改骨架页面对应的数据及模块对应的数据,故在客户端不更新客户端版本的情况下,可对客户端的页面结构以及模块中的跳转逻辑进行动态更新,提升了修改页面结构和实现跳转的灵活性。
以上所述,仅为本发明的实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和范围之内所作的任何修改、等同替换和改进等,均包含在本发明的保护范围之内。
Claims (10)
1.一种客户端的信息展示方法,其特征在于,包括:
获取与客户端的骨架页面相关的各个模块对应的数据;
获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;
接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;
根据所述模块的跳转数据显示目标页面。
2.根据权利要求1所述的信息展示方法,其特征在于,所述获取与客户端的骨架页面相关的各个模块对应的数据之前,还包括:
获取所述客户端的客户端标识,将所述客户端标识封装至页面数据请求中;
向服务器发送所述页面数据请求,并获取所述服务器返回的骨架页面对应的数据,所述骨架页面对应的数据是所述服务器响应于所述页面数据请求时,根据所述客户端标识筛选得到;
根据所述骨架页面对应的数据构建所述骨架页面。
3.根据权利要求1所述的信息展示方法,其特征在于,所述获取与客户端的骨架页面相关的各个模块对应的数据,包括:
将所述客户端标识及所述骨架页面的页面标识,封装至模块数据请求中;
向所述服务器发送所述模块数据请求,并获取所述服务器返回的模块对应的数据,所述模块对应的数据是所述服务器响应于所述模块数据请求时,根据所述客户端标识及所述页面标识筛选得到。
4.根据权利要求1至3任一项所述的信息展示方法,其特征在于,还包括:
获取所述服务器发送的与所述样式名相应的样式,并存储所述样式。
5.一种服务器的信息展示方法,其特征在于,包括:
向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,以使所述客户端获取所述模块对应的数据中的样式名,并在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
获取所述客户端发送的目标页面名称以及目标页面状态;
根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取跳转数据;
将所述跳转数据发送至所述客户端,以使所述客户端根据所述跳转数据显示目标页面。
6.根据权利要求5所述的信息展示方法,其特征在于,所述向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据之前,还包括:
获取所述客户端发送的页面数据请求,并确定所述页面数据请求中的客户端标识;
确定至少两个骨架页面对应的数据中包括的第一过滤属性;
筛选出符合所述客户端标识的第一过滤属性,并将包括所述第一过滤属性的骨架页面对应的数据发送至所述客户端,以使所述客户端根据所述骨架页面对应的数据,构建所述骨架页面。
7.根据权利要求5所述的信息展示方法,其特征在于,所述向客户端发送与所述客户端的骨架页面相关的各个模块对应的数据,包括:
获取所述客户端发送的模块数据请求,并确定所述模块数据请求中的客户端标识及页面标识;
确定与所述页面标识对应的至少两个模块对应的数据,并确定所述模块对应的数据中包括的第二过滤属性;
筛选出符合所述客户端标识的第二过滤属性,并将包括所述第二过滤属性的模块对应的数据发送至所述客户端。
8.根据权利要求5至7任一项所述的信息展示方法,其特征在于,还包括:
向所述客户端发送与所述样式名相应的样式,以使所述客户端存储所述样式。
9.一种客户端的信息展示装置,其特征在于,包括:
获取模块,用于获取与客户端的骨架页面相关的各个模块对应的数据;
第一显示模块,用于获取所述模块对应的数据中的样式名,在所述骨架页面中基于与所述样式名相应的样式,显示所述模块对应的数据中的待显示内容;
发送模块,用于响应于对所述模块的互动操作,向服务器发送所述模块对应的数据中的目标页面名称及目标页面状态;
接收模块,用于接收所述服务器返回的对应所述模块的跳转数据,所述跳转数据是所述服务器根据所述目标页面名称及所述目标页面状态确定数据地址,并根据所述数据地址获取得到;
第二显示模块,用于根据所述模块的跳转数据显示目标页面。
10.一种电子设备,其特征在于,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现权利要求1至4任一项所述的客户端的信息展示方法,或者,权利要求5至8任一项所述的服务器的信息展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910690782.9A CN112307377A (zh) | 2019-07-29 | 2019-07-29 | 信息展示方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910690782.9A CN112307377A (zh) | 2019-07-29 | 2019-07-29 | 信息展示方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112307377A true CN112307377A (zh) | 2021-02-02 |
Family
ID=74330085
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910690782.9A Pending CN112307377A (zh) | 2019-07-29 | 2019-07-29 | 信息展示方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112307377A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112989249A (zh) * | 2021-02-19 | 2021-06-18 | 北京皮尔布莱尼软件有限公司 | 一种页面显示方法、计算设备及存储介质 |
CN114265658A (zh) * | 2021-12-24 | 2022-04-01 | 中国农业银行股份有限公司 | 页面显示方法、装置及设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107066273A (zh) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | 一种页面样式更新方法及装置 |
CN108153768A (zh) * | 2016-12-05 | 2018-06-12 | 腾讯科技(深圳)有限公司 | 页面跳转方法、数据处理方法、装置及页面跳转控制*** |
CN108763551A (zh) * | 2018-06-01 | 2018-11-06 | 阿里巴巴集团控股有限公司 | 页面渲染方法、装置、服务器及计算机可读存储介质 |
CN109902248A (zh) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术(北京)有限公司 | 页面显示方法、装置、计算机设备和可读存储介质 |
CN110046021A (zh) * | 2019-05-21 | 2019-07-23 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、***、设备和存储介质 |
-
2019
- 2019-07-29 CN CN201910690782.9A patent/CN112307377A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108153768A (zh) * | 2016-12-05 | 2018-06-12 | 腾讯科技(深圳)有限公司 | 页面跳转方法、数据处理方法、装置及页面跳转控制*** |
CN107066273A (zh) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | 一种页面样式更新方法及装置 |
CN108763551A (zh) * | 2018-06-01 | 2018-11-06 | 阿里巴巴集团控股有限公司 | 页面渲染方法、装置、服务器及计算机可读存储介质 |
CN109902248A (zh) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术(北京)有限公司 | 页面显示方法、装置、计算机设备和可读存储介质 |
CN110046021A (zh) * | 2019-05-21 | 2019-07-23 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、***、设备和存储介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112989249A (zh) * | 2021-02-19 | 2021-06-18 | 北京皮尔布莱尼软件有限公司 | 一种页面显示方法、计算设备及存储介质 |
CN114265658A (zh) * | 2021-12-24 | 2022-04-01 | 中国农业银行股份有限公司 | 页面显示方法、装置及设备 |
CN114265658B (zh) * | 2021-12-24 | 2024-03-01 | 中国农业银行股份有限公司 | 页面显示方法、装置及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111552473B (zh) | 一种应用程序的处理方法、装置及设备 | |
CN107908399B (zh) | 一种页面开发方法及装置 | |
CN108924626B (zh) | 图片生成方法、装置、设备及存储介质 | |
CN107704243B (zh) | 前端界面的构建方法及装置、计算机设备和存储介质 | |
US20230111594A1 (en) | Simplified website creation, configuration, and customization system | |
US8839192B2 (en) | System and method for presentation of cross organizational applications | |
CN112307377A (zh) | 信息展示方法、装置及电子设备 | |
CN112711731A (zh) | 数据埋点方法、装置、设备及存储介质 | |
CN113792208B (zh) | 基于网页的图片交互方法、装置、设备、介质及程序产品 | |
CN115687831A (zh) | web页面的定制方法、装置、电子设备和存储介质 | |
CN115934238A (zh) | 界面展示方法、装置、计算机设备和存储介质 | |
CN114968755A (zh) | 一种页面测试方法、装置及计算机可读存储介质 | |
CN114003213A (zh) | 数据处理方法、装置及设备 | |
CN116931895A (zh) | 一种复合组件的处理方法、装置及设备 | |
CN116304422A (zh) | 卡片生成***、卡片展示方法、数据处理方法、装置 | |
KR20150099016A (ko) | 애플리케이션 개발 환경 제공 시스템 | |
KR20150099279A (ko) | 애플리케이션 개발 환경 제공 시스템 | |
KR20150098895A (ko) | 애플리케이션 개발 환경 제공 장치 | |
CN117369815A (zh) | 一种楼层页面生成方法、信息处理方法及页面展示方法 | |
KR20150097190A (ko) | 애플리케이션 개발 환경 제공 시스템 | |
KR20150097181A (ko) | 애플리케이션 개발 환경 제공 시스템 | |
CN117111787A (zh) | 一种在ui界面上设置快捷键的方法、装置及程序产品 | |
CN118092883A (zh) | 一种前端项目嵌套方法、装置、存储介质及计算机设备 | |
CN116932082A (zh) | 弹窗配置文件的生成方法、装置、设备及存储介质 | |
KR20150099222A (ko) | 애플리케이션 개발 환경 제공 장치 |
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 |