CN113126985B - 用于页面渲染的方法、装置、电子设备和计算机可读介质 - Google Patents

用于页面渲染的方法、装置、电子设备和计算机可读介质 Download PDF

Info

Publication number
CN113126985B
CN113126985B CN202110375694.7A CN202110375694A CN113126985B CN 113126985 B CN113126985 B CN 113126985B CN 202110375694 A CN202110375694 A CN 202110375694A CN 113126985 B CN113126985 B CN 113126985B
Authority
CN
China
Prior art keywords
page
page floor
information
client
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
Application number
CN202110375694.7A
Other languages
English (en)
Other versions
CN113126985A (zh
Inventor
秦影
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202110375694.7A priority Critical patent/CN113126985B/zh
Publication of CN113126985A publication Critical patent/CN113126985A/zh
Application granted granted Critical
Publication of CN113126985B publication Critical patent/CN113126985B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开的实施例公开了用于页面渲染的方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括:响应于接收到客户端的页面浏览请求,获取页面楼层信息集合;基于客户端信息包括的客户端类型,对页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;对页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理,得到目标自定义页面楼层数据集合;将目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至客户端。该实施方式使得用于在客户端中显示的页面元素可以满足用户的个性化需求,提升了用户体验。

Description

用于页面渲染的方法、装置、电子设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域,具体涉及用于页面渲染的方法、装置、电子设备和计算机可读介质。
背景技术
页面搭建,是通过用户(例如,运营人员或商家)所配置的页面元素生成页面的技术,以便快速生成渲染后的页面供用户使用。目前,在对页面进行渲染时,通常采用的方式为:通过用户所选择的模板化的页面元素进行页面渲染。
然而,当采用上述方式对页面进行渲染时,经常会存在如下技术问题:模板化的页面元素不能满足用户对页面的个性化需求,导致用户体验较差。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了用于页面渲染的方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项。
第一方面,本公开的一些实施例提供了一种用于页面渲染的方法,该方法包括:响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型;基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端,其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。
可选地,方法还包括:响应于确定上述客户端信息满足预设降级显示条件,将预设页面信息发送至上述客户端。
可选地,上述页面楼层信息集合还包括页面楼层类型为模板类的页面楼层信息。
可选地,方法还包括:对上述页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。
可选地,方法还包括:将上述目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至上述客户端,其中,上述各个目标模板页面楼层数据用于在上述客户端展示。
可选地,上述页面楼层信息集合还包括页面楼层类型为组件类的页面楼层信息。
可选地,方法还包括:对上述页面楼层信息集合中,页面楼层类型为组件类的每个页面楼层信息所对应的组件页面楼层数据进行第二封装处理以生成目标组件页面楼层数据,得到目标组件页面楼层数据集合。
可选地,方法还包括:将上述目标组件页面楼层数据集合中的各个目标组件页面楼层数据发送至上述客户端,其中,上述各个目标组件页面楼层数据用于在上述客户端展示。
可选地,上述对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,包括:响应于确定本地不存在上述自定义页面楼层数据,获取上述自定义页面楼层数据。
第二方面,本公开的一些实施例提供了一种用于页面渲染的装置,装置包括:获取单元,被配置成响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型;渲染单元,被配置成基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;封装单元,被配置成对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;发送单元,被配置成将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端,其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。
可选地,装置还包括:预设页面信息发送单元,被配置成响应于确定上述客户端信息满足预设降级显示条件,将预设页面信息发送至上述客户端。
可选地,上述页面楼层信息集合还包括页面楼层类型为模板类的页面楼层信息。
可选地,装置还包括:模板页面楼层数据封装单元,被配置成对上述页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。
可选地,装置还包括:目标模板页面楼层数据发送单元,被配置成将上述目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至上述客户端,其中,上述各个目标模板页面楼层数据用于在上述客户端展示。
可选地,上述页面楼层信息集合还包括页面楼层类型为组件类的页面楼层信息。
可选地,装置还包括:组件页面楼层数据封装单元,被配置成对上述页面楼层信息集合中,页面楼层类型为组件类的每个页面楼层信息所对应的组件页面楼层数据进行第二封装处理以生成目标组件页面楼层数据,得到目标组件页面楼层数据集合。
可选地,装置还包括:目标组件页面楼层数据发送单元,被配置成将上述目标组件页面楼层数据集合中的各个目标组件页面楼层数据发送至上述客户端,其中,上述各个目标组件页面楼层数据用于在上述客户端展示。
可选地,封装单元包括:自定义页面楼层数据获取单元,被配置成响应于确定本地不存在上述自定义页面楼层数据,获取上述自定义页面楼层数据。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的用于页面渲染的方法,提升了用户体验。具体来说,造成用户体验较差的原因在于:模板化的页面元素不能满足用户对页面的个性化需求,导致用户体验较差。基于此,本公开的一些实施例的用于页面渲染的方法首先,响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型。由此,可以在接受到对于在先配置好的页面的浏览请求后,获取在先配置好的页面的配置相关信息,用于在请求浏览页面的客户端中的页面渲染。然后,基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理。由此,可以根据客户端的类型和在先配置好的样式布局信息,使得请求浏览页面的客户端进行页面布局的渲染。之后,对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合。由此,可以根据页面楼层的类型,对自定义类的页面楼层信息对应的自定义页面楼层数据进行相应的封装处理。最后,将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端。其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。由此,可以使得请求浏览页面的客户端对封装后的自定义页面楼层数据进行展示。也因为对自定义类的页面楼层信息对应的自定义页面楼层数据进行了相应的封装处理,可以在请求浏览页面的客户端对封装后的自定义页面楼层数据进行展示。从而,用于在客户端中显示的页面元素可以满足用户对页面的个性化需求,提升了用户体验。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1-2是根据本公开的一些实施例的用于页面渲染的方法的一个应用场景的示意图;
图3是根据本公开的用于页面渲染的方法的一些实施例的流程图;
图4是根据本公开的用于页面渲染的方法的另一些实施例的流程图;
图5是根据本公开的用于页面渲染的装置的一些实施例的结构示意图;
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1-2是根据本公开一些实施例的用于页面渲染的方法的一个应用场景的示意图。
在图1的应用场景中,首先,计算设备101可以响应于接收到客户端102的页面浏览请求103,根据上述客户端102的客户端信息104,获取目标页面频道信息对应的页面楼层信息集合105。其中,上述页面楼层信息集合105中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型。然后,计算设备101可以基于上述客户端信息104包括的客户端类型,对上述页面楼层信息集合105中的各个页面楼层信息(例如,页面楼层信息1051)所对应的样式布局信息(例如,样式布局信息106)进行页面布局渲染处理。之后,计算设备101可以对上述页面楼层信息集合105中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合107。最后,计算设备101可以将上述目标自定义页面楼层数据集合107中的各个目标自定义页面楼层数据发送至上述客户端102。其中,上述各个目标自定义页面楼层数据用于在上述客户端102展示。
可选地,如图2所示,计算设备101可以响应于确定上述客户端信息104满足预设降级显示条件,将预设页面信息108发送至上述客户端102。
需要说明的是,上述计算设备101可以是硬件,也可以是软件。当计算设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当计算设备体现为软件时,可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1-2中的计算设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的计算设备。
继续参考图3,示出了根据本公开的用于页面渲染的方法的一些实施例的流程300。该用于页面渲染的方法,包括以下步骤:
步骤301,响应于接收到客户端的页面浏览请求,根据客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合。
在一些实施例中,用于页面渲染的方法的执行主体(例如图1所示的计算设备101)可以响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合。其中,上述页面浏览请求包括用于链接至需进行渲染的页面的地址,即网址。上述网址可以由统一资源定位符(Uniform Resource Locator,URL)表示。上述客户端信息可以为上述客户端的配置相关信息。上述客户端信息可以包括客户端类型和客户端版本信息。上述客户端类型可以为客户端所属的终端类型。例如,上述客户端类型可以为但不限于以下中的一项:电脑客户端类,移动客户端类。上述客户端版本信息可以为上述客户端的版本号。上述目标页面频道信息可以为在先配置用于加载上述页面浏览请求对应的页面的信息。例如,上述目标页面频道信息可以包括上述页面浏览请求对应的页面的页面名称。上述页面楼层信息集合可以对应上述页面浏览请求对应的页面中的各个页面模块。上述页面楼层信息可以为页面模块的标识信息。例如,上述页面楼层信息可以包括页面楼层编号。上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型。上述页面楼层数据可以为加载页面中一页面模块所需的源数据。上述页面楼层类型可以为配置页面时页面模块的类型。上述页面楼层类型可以为自定义类。上述自定义类可以表征进行页面配置的用户通过自定义的方式配置页面模块。实践中,上述执行主体可以响应于接收到客户端的页面浏览请求,从本地获取对应于上述客户端类型和版本号的目标页面频道信息对应的页面楼层信息集合。其中,上述目标页面频道信息对应的客户端类型和上述客户端类型相同,上述目标页面频道信息对应的版本号和上述版本号相同。需要指出的是,上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。由此,可以在接受到对于在先配置好的页面的浏览请求后,获取在先配置好的页面的配置相关信息,用于在请求浏览页面的客户端中的页面渲染。
步骤302,基于客户端信息包括的客户端类型,对页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理。
在一些实施例中,上述执行主体可以基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理。其中,上述样式布局信息可以为用于对页面视图的布局进行配置的信息。例如,上述样式布局信息可以为用于对页面视图的布局进行配置的代码。实践中,首先,上述执行主体可以响应于上述客户端类型满足预定条件,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行转换处理,得到目标样式布局信息。其中,上述预定条件可以为“客户端类型为电脑客户端类”。例如,上述执行主体可以将各个页面楼层信息所对应的样式布局信息组合至同一页面楼层信息对应的样式布局信息数组中,得到目标样式布局信息。然后,上述执行主体可以将上述目标样式布局信息发送至上述客户端,使得上述客户端对上述目标样式布局信息进行页面布局渲染。实践中,上述执行主体还可以响应于上述客户端类型为移动客户端类,将各个页面楼层信息所对应的样式布局信息发送至上述客户端,使得上述客户端对上述各个页面楼层信息所对应的样式布局信息进行页面布局渲染。由此,可以根据客户端的类型和在先配置好的样式布局信息,使得请求浏览页面的客户端进行页面布局的渲染。
步骤303,对页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合。
在一些实施例中,上述执行主体可以对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合。其中,上述自定义页面楼层数据可以为加载自定义类的页面楼层信息对应的页面模块所需的源数据。上述第一封装处理可以为将页面楼层数据转换为预定格式数据的处理。实践中,上述执行主体可以将从本地读取的上述自定义页面楼层数据封装为预定格式数据作为目标自定义页面楼层数据。例如,上述自定义页面楼层数据可以为图片。上述预定格式数据可以为“json”数据。上述预定格式数据还可以为“map”数据。由此,可以根据页面楼层的类型,对自定义类的页面楼层信息对应的自定义页面楼层数据进行相应的封装处理。
在一些实施例的一些可选的实现方式中,上述执行主体可以响应于确定本地不存在上述自定义页面楼层数据,获取上述自定义页面楼层数据。实践中,上述执行主体可以通过上述自定义页面楼层数据对应的数据获取接口,获取上述自定义页面楼层数据。由此,可以在本地不存在自定义页面楼层数据时,远程获取得到自定义页面楼层数据。
步骤304,将目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至客户端。
在一些实施例中,上述执行主体可以将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端。其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。实践中,上述执行主题可以依次将上述各个目标自定义页面楼层数据发送至上述客户端。由此,可以使得请求浏览页面的客户端对封装后的自定义页面楼层数据进行展示。
在一些实施例的一些可选的实现方式中,上述执行主体可以响应于确定上述客户端信息满足预设降级显示条件,将预设页面信息发送至上述客户端。其中,上述预设降级显示条件可以为“客户端信息包括的客户端类型为预设客户端类型,客户端信息包括的版本号为预设版本号”。这里,对于预设客户端类型和预设版本号的具体设定,不做限定。上述预设版本号为在先发布过的客户端的版本号。上述预设页面信息可以为适配上述预设版本号的页面信息。上述页面信息可以包括各个预设的样式布局信息和/或预设的页面楼层数据。由此,可以使得各个版本号对应的客户端能够兼容地显示需进行浏览的页面。
可选地,上述页面楼层信息集合还可以包括页面楼层类型为组件类的页面楼层信息。上述执行主体可以对上述页面楼层信息集合中,页面楼层类型为组件类的每个页面楼层信息所对应的组件页面楼层数据进行第二封装处理以生成目标组件页面楼层数据,得到目标组件页面楼层数据集合。其中,上述组件类可以表征进行页面配置的用户通过选择组件形式(例如,轮播组件)的页面元素的方式配置页面模块。上述组件页面楼层数据可以为加载组件类的页面楼层信息对应的页面模块所需的源数据。上述第二封装处理可以为将页面楼层数据转换为对象的处理。实践中,上述执行主体可以将上述组件页面楼层数据封装为对象以作为目标组件页面楼层数据。由此,可以根据页面楼层的类型,对组件类的页面楼层信息对应的组件页面楼层数据进行相应的封装处理。
可选地,上述执行主体可以将上述目标组件页面楼层数据集合中的各个目标组件页面楼层数据发送至上述客户端。其中,上述各个目标组件页面楼层数据用于在上述客户端展示。实践中,上述执行主体可以依次将上述各个目标组件页面楼层数据发送至上述客户端。由此,可以使得请求浏览页面的客户端对封装后的组件页面楼层数据进行展示。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的用于页面渲染的方法,提升了用户体验。具体来说,造成用户体验较差的原因在于:模板化的页面元素不能满足用户对页面的个性化需求,导致用户体验较差。基于此,本公开的一些实施例的用于页面渲染的方法首先,响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型。由此,可以在接受到对于在先配置好的页面的浏览请求后,获取在先配置好的页面的配置相关信息,用于在请求浏览页面的客户端中的页面渲染。然后,基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理。由此,可以根据客户端的类型和在先配置好的样式布局信息,使得请求浏览页面的客户端进行页面布局的渲染。之后,对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合。由此,可以根据页面楼层的类型,对自定义类的页面楼层信息对应的自定义页面楼层数据进行相应的封装处理。最后,将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端。其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。由此,可以使得请求浏览页面的客户端对封装后的自定义页面楼层数据进行展示。也因为对自定义类的页面楼层信息对应的自定义页面楼层数据进行了相应的封装处理,可以在请求浏览页面的客户端对封装后的自定义页面楼层数据进行展示。从而,用于在客户端中显示的页面元素可以满足用户对页面的个性化需求,提升了用户体验。
进一步参考图4,其示出了用于页面渲染的方法的另一些实施例的流程400。该用于页面渲染的方法的流程400,包括以下步骤:
步骤401,响应于接收到客户端的页面浏览请求,根据客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合。
在一些实施例中,用于页面渲染的方法的执行主体(例如图1所示的计算设备101)可以响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合。其中,上述页面楼层信息集合可以包括页面楼层类型为自定义类的页面楼层信息。上述页面楼层信息集合还可以包括页面楼层类型为模板类的页面楼层信息。上述模板类可以表征进行页面配置的用户通过选择模板化的页面元素的方式配置页面模块。由此,可以在接受到对于在先配置好的页面的浏览请求后,获取在先配置好的页面的配置相关信息,用于在请求浏览页面的客户端中的页面渲染。
步骤402,基于客户端信息包括的客户端类型,对页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理。
步骤403,对页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合。
步骤404,将目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至客户端。
在一些实施例中,步骤402-404的具体实现及所带来的技术效果可以参考图3对应的那些实施例中的步骤302-304,在此不再赘述。
步骤405,对页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。
在一些实施例中,上述执行主体可以对上述页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。其中,上述模板页面楼层数据可以为加载模板类的页面楼层信息对应的页面模块所需的源数据。实践中,上述执行主体可以将上述模板页面楼层数据封装为对象以作为目标模板页面楼层数据。由此,可以根据页面楼层的类型,对模板类的页面楼层信息对应的模板页面楼层数据进行相应的封装处理。
步骤406,将目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至客户端。
在一些实施例中,上述执行主体可以将上述目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至上述客户端。其中,上述各个目标模板页面楼层数据用于在上述客户端展示。实践中,上述执行主体可以依次将上述各个目标模板页面楼层数据发送至上述客户端。由此,可以使得请求浏览页面的客户端对封装后的模板页面楼层数据进行展示。
从图4中可以看出,与图3对应的一些实施例的描述相比,图4对应的一些实施例中的用于页面渲染的方法的流程400体现了对模板类的页面楼层信息对应的页面模块进行页面渲染的步骤。由此,这些实施例描述的方案可以对自定义类和模板类的页面楼层信息对应的自定义页面楼层数据和模板页面楼层数据进行相应的封装处理,可以在请求浏览页面的客户端对封装后的自定义页面楼层数据和模板页面楼层数据进行展示。从而,用于在客户端中显示的页面元素可以满足用户对页面的个性化和通用化需求,提升了用户体验。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种用于页面渲染的装置的一些实施例,这些装置实施例与图3所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,一些实施例的用于页面渲染的装置500包括:获取单元501、渲染单元502、封装单元503和发送单元504。其中,获取单元501被配置成响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型;渲染单元502被配置成基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;封装单元503被配置成对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;发送单元504被配置成将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端,其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。
在一些实施例的可选实现方式中,用于页面渲染的装置500还可以包括:预设页面信息发送单元(图中未示出),被配置成响应于确定上述客户端信息满足预设降级显示条件,将预设页面信息发送至上述客户端。
在一些实施例的可选实现方式中,上述页面楼层信息集合还包括页面楼层类型为模板类的页面楼层信息。
在一些实施例的可选实现方式中,用于页面渲染的装置500还可以包括:模板页面楼层数据封装单元(图中未示出),被配置成对上述页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。
在一些实施例的可选实现方式中,用于页面渲染的装置500还可以包括:目标模板页面楼层数据发送单元(图中未示出),被配置成将上述目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至上述客户端,其中,上述各个目标模板页面楼层数据用于在上述客户端展示。
在一些实施例的可选实现方式中,上述页面楼层信息集合还包括页面楼层类型为组件类的页面楼层信息。
在一些实施例的可选实现方式中,用于页面渲染的装置500还可以包括:组件页面楼层数据封装单元(图中未示出),被配置成对上述页面楼层信息集合中,页面楼层类型为组件类的每个页面楼层信息所对应的组件页面楼层数据进行第二封装处理以生成目标组件页面楼层数据,得到目标组件页面楼层数据集合。
在一些实施例的可选实现方式中,用于页面渲染的装置500还可以包括:目标组件页面楼层数据发送单元(图中未示出),被配置成将上述目标组件页面楼层数据集合中的各个目标组件页面楼层数据发送至上述客户端,其中,上述各个目标组件页面楼层数据用于在上述客户端展示。
在一些实施例的可选实现方式中,封装单元503可以包括:自定义页面楼层数据获取单元(图中未示出),被配置成响应于确定本地不存在上述自定义页面楼层数据,获取上述自定义页面楼层数据。
可以理解的是,该装置500中记载的诸单元与参考图3描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置500及其中包含的单元,在此不再赘述。
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的计算设备101)600的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,上述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应上述页面楼层信息的页面楼层类型;基于上述客户端信息包括的客户端类型,对上述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;对上述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;将上述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至上述客户端,其中,上述各个目标自定义页面楼层数据用于在上述客户端展示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括获取单元、渲染单元、封装单元和发送单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,获取单元还可以被描述为“响应于接收到客户端的页面浏览请求,根据上述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种用于页面渲染的方法,包括:
响应于接收到客户端的页面浏览请求,根据所述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,所述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应所述页面楼层信息的页面楼层类型;
基于所述客户端信息包括的客户端类型,对所述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;
对所述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;
将所述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至所述客户端,其中,所述各个目标自定义页面楼层数据用于在所述客户端展示。
2.根据权利要求1所述的方法,其中,所述方法还包括:
响应于确定所述客户端信息满足预设降级显示条件,将预设页面信息发送至所述客户端。
3.根据权利要求1所述的方法,其中,所述页面楼层信息集合还包括页面楼层类型为模板类的页面楼层信息;以及
所述方法还包括:
对所述页面楼层信息集合中,页面楼层类型为模板类的每个页面楼层信息所对应的模板页面楼层数据进行第二封装处理以生成目标模板页面楼层数据,得到目标模板页面楼层数据集合。
4.根据权利要求3所述的方法,其中,所述方法还包括:
将所述目标模板页面楼层数据集合中的各个目标模板页面楼层数据发送至所述客户端,其中,所述各个目标模板页面楼层数据用于在所述客户端展示。
5.根据权利要求1所述的方法,其中,所述页面楼层信息集合还包括页面楼层类型为组件类的页面楼层信息;以及
所述方法还包括:
对所述页面楼层信息集合中,页面楼层类型为组件类的每个页面楼层信息所对应的组件页面楼层数据进行第二封装处理以生成目标组件页面楼层数据,得到目标组件页面楼层数据集合。
6.根据权利要求5所述的方法,其中,所述方法还包括:
将所述目标组件页面楼层数据集合中的各个目标组件页面楼层数据发送至所述客户端,其中,所述各个目标组件页面楼层数据用于在所述客户端展示。
7.根据权利要求1所述的方法,其中,所述对所述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,包括:
响应于确定本地不存在所述自定义页面楼层数据,获取所述自定义页面楼层数据。
8.一种用于页面渲染的装置,包括:
获取单元,被配置成响应于接收到客户端的页面浏览请求,根据所述客户端的客户端信息,获取目标页面频道信息对应的页面楼层信息集合,其中,所述页面楼层信息集合中页面楼层信息所对应的页面楼层数据的封装方式对应所述页面楼层信息的页面楼层类型;
渲染单元,被配置成基于所述客户端信息包括的客户端类型,对所述页面楼层信息集合中的各个页面楼层信息所对应的样式布局信息进行页面布局渲染处理;
封装单元,被配置成对所述页面楼层信息集合中,页面楼层类型为自定义类的每个页面楼层信息所对应的自定义页面楼层数据进行第一封装处理以生成目标自定义页面楼层数据,得到目标自定义页面楼层数据集合;
发送单元,被配置成将所述目标自定义页面楼层数据集合中的各个目标自定义页面楼层数据发送至所述客户端,其中,所述各个目标自定义页面楼层数据用于在所述客户端展示。
9.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
CN202110375694.7A 2021-04-08 2021-04-08 用于页面渲染的方法、装置、电子设备和计算机可读介质 Active CN113126985B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110375694.7A CN113126985B (zh) 2021-04-08 2021-04-08 用于页面渲染的方法、装置、电子设备和计算机可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110375694.7A CN113126985B (zh) 2021-04-08 2021-04-08 用于页面渲染的方法、装置、电子设备和计算机可读介质

Publications (2)

Publication Number Publication Date
CN113126985A CN113126985A (zh) 2021-07-16
CN113126985B true CN113126985B (zh) 2024-02-02

Family

ID=76775228

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110375694.7A Active CN113126985B (zh) 2021-04-08 2021-04-08 用于页面渲染的方法、装置、电子设备和计算机可读介质

Country Status (1)

Country Link
CN (1) CN113126985B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113704671A (zh) * 2021-09-07 2021-11-26 北京沃东天骏信息技术有限公司 页面生成方法和装置
CN115562670B (zh) * 2022-11-15 2023-04-25 深圳市客路网络科技有限公司 页面配置方法、装置、电子设备及介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112100552A (zh) * 2020-08-06 2020-12-18 北京沃东天骏信息技术有限公司 页面渲染方法、装置、设备及计算机可读存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8072467B2 (en) * 2007-01-31 2011-12-06 Microsoft Corporation Request-driven on-demand processing

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112100552A (zh) * 2020-08-06 2020-12-18 北京沃东天骏信息技术有限公司 页面渲染方法、装置、设备及计算机可读存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于B/S的跨平台用户界面可配置算法研究;赵双双;李仁旺;钱小燕;张春平;;浙江理工大学学报(05);全文 *

Also Published As

Publication number Publication date
CN113126985A (zh) 2021-07-16

Similar Documents

Publication Publication Date Title
CN111581563B (zh) 页面响应方法、装置、存储介质和电子设备
CN111930534A (zh) 数据调用方法、装置和电子设备
CN111163329B (zh) 直播间礼物列表配置方法、装置、介质及电子设备
CN113126985B (zh) 用于页面渲染的方法、装置、电子设备和计算机可读介质
CN111754600B (zh) 海报图像生成方法、装置和电子设备
CN110837534A (zh) 一种数据列表的展示方法、装置、设备和存储介质
CN112965673A (zh) 内容的打印方法、装置、设备及存储介质
CN111246228A (zh) 直播间礼物资源更新方法、装置、介质及电子设备
CN115600629A (zh) 车辆信息二维码生成方法、电子设备和计算机可读介质
WO2022218028A1 (zh) 页面加载方法、装置、设备及存储介质
CN110618768B (zh) 信息呈现方法和装置
CN112558933B (zh) 组件渲染方法、装置、可读介质及电子设备
CN114428925A (zh) 页面渲染方法、装置、电子设备和计算机可读介质
CN110619101B (zh) 用于处理信息的方法和装置
CN111756953A (zh) 视频处理方法、装置、设备和计算机可读介质
CN109669720B (zh) 基于Promise的链式异步请求处理方法、装置及电子设备
CN111596823A (zh) 页面显示方法、装置和电子设备
CN112307393A (zh) 信息发布方法、装置和电子设备
CN111259291A (zh) 视图展示方法、装置和电子设备
CN112732457B (zh) 图像传输方法、装置、电子设备和计算机可读介质
CN113296771B (zh) 页面显示方法、装置、设备和计算机可读介质
CN111444457B (zh) 数据发布方法、装置、存储介质及电子设备
CN114860213A (zh) 一种应用程序包生成方法、装置、设备及介质
CN110086880B (zh) 创建网络请求的实例的方法和装置
CN111538552A (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