CN110046021B - 一种页面显示方法、装置、***、设备和存储介质 - Google Patents

一种页面显示方法、装置、***、设备和存储介质 Download PDF

Info

Publication number
CN110046021B
CN110046021B CN201910426039.2A CN201910426039A CN110046021B CN 110046021 B CN110046021 B CN 110046021B CN 201910426039 A CN201910426039 A CN 201910426039A CN 110046021 B CN110046021 B CN 110046021B
Authority
CN
China
Prior art keywords
page
component
displayed
display
information
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
CN201910426039.2A
Other languages
English (en)
Other versions
CN110046021A (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 ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910426039.2A priority Critical patent/CN110046021B/zh
Publication of CN110046021A publication Critical patent/CN110046021A/zh
Application granted granted Critical
Publication of CN110046021B publication Critical patent/CN110046021B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开实施例公开了一种页面显示方法、装置、***、设备和存储介质,该方法包括:根据用户的触发操作,向服务器发送页面显示请求,以使服务器根据页面显示请求确定组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;根据接收的组件顺序信息确定待显示页面中的各组件以及各组件对应的显示顺序;根据显示顺序和待显示页面数据,对各组件进行渲染,生成并显示待显示页面。通过本公开实施例的技术方案,可以对上线后的页面进行动态配置,提高页面显示的灵活性。

Description

一种页面显示方法、装置、***、设备和存储介质
技术领域
本公开实施例涉及计算机技术,尤其涉及一种页面显示方法、装置、***、设备和存储介质。
背景技术
随着网络技术的快速发展,越来越多的用户使用智能手机等终端设备来浏览页面。通常,终端设备中的应用程序可以显示各种各样的页面,比如音乐聚合页等。
目前,在页面开发过程中,往往是将页面中各个控件的逻辑位置直接固定写在代码中,以便可以根据代码中的控件位置和待显示的页面数据生成页面并进行页面显示。
然而,当开发一种新的页面时,需要重新编写页面代码,并且存在较多的重复性工作,从而大大增加了开发工作量以及复杂度。而且当页面上线后,页面中控件的显示位置和控件数量无法动态变化,使得页面显示的灵活性较差。
发明内容
本公开实施例提供了一种页面显示方法、装置、***、设备和存储介质,以对上线后的页面进行动态配置,提高页面显示的灵活性。
第一方面,本公开实施例提供了一种页面显示方法,应用于客户端,包括:
根据用户的触发操作,向服务器发送页面显示请求,以使所述服务器根据所述页面显示请求确定组件顺序信息和待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端;
根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序;
根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示待显示页面。
可选地,根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序,包括:
根据接收的所述组件顺序信息中的各组件标识,从本地数据库中确定与所述组件标识对应的组件;
根据所述组件顺序信息中的各组件标识对应的排列顺序,确定各所述组件对应的显示顺序。
可选地,根据所述组件顺序信息中的各组件标识对应的排列顺序,确定各所述组件对应的显示顺序,包括:
将所述组件顺序信息中的各组件标识对应的排列顺序,确定为各所述组件对应的纵向显示顺序,以使各所述组件在显示界面中进行纵向排列。
可选地,根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示所述待显示页面,包括:
根据各所述组件对应的显示顺序,确定每个所述组件对应的显示位置;
根据每个所述组件对应的显示位置和所述待显示页面数据中的每个所述组件对应的待显示数据,对每个所述组件进行渲染,生成并显示所述待显示页面。
第二方面,本公开实施例还提供了一种页面显示方法,应用于服务器,包括:
接收客户端发送的页面显示请求,并获取所述页面显示请求中的待显示页面标识;
基于显示数据库确定所述待显示页面标识对应的组件顺序信息和待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端,以使所述客户端根据所述组件顺序信息和所述待显示页面数据生成并显示待显示页面。
可选地,在基于显示数据库确定所述待显示页面标识对应的组件顺序信息和待显示页面数据之前,还包括:
获取页面更新指令,其中所述页面更新指令包含待更新页面标识和页面配置信息;
基于所述显示数据库,确定所述待更新页面标识对应的待更新组件顺序信息;
根据所述页面配置信息,对所述待更新组件顺序信息进行更新。
可选地,根据所述页面配置信息,对所述待更新组件顺序信息进行更新,包括:
若所述页面更新指令为组件添加指令,则根据所述页面配置信息获得待添加组件标识和添加位置;
基于所述添加位置,将所述待添加组件标识添加至所述待更新组件顺序信息中。
可选地,根据所述页面配置信息,对所述待更新组件顺序信息进行更新,包括:
若所述页面更新指令为组件删除指令,则根据所述页面配置信息获得待删除组件标识;
删除所述待更新组件顺序信息中的所述待删除组件标识。
可选地,根据所述页面配置信息,对所述待更新组件顺序信息进行更新,包括:
若所述页面更新指令为组件位置调整指令,则根据所述页面配置信息获得目标组件顺序信息;
将所述待更新组件顺序信息更新为所述目标组件顺序信息。
第三方面,本公开实施例还提供了一种页面显示装置,包括:
页面显示请求发送模块,用于根据用户的触发操作,向服务器发送页面显示请求,以使所述服务器根据所述页面显示请求确定组件顺序信息和待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端;
显示顺序确定模块,用于根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序;
待显示页面生成模块,用于根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示待显示页面。
可选地,显示顺序确定模块,包括:
组件确定单元,用于根据接收的组件顺序信息中的各组件标识,从本地数据库中确定与组件标识对应的组件;
显示顺序确定单元,用于根据组件顺序信息中的各组件标识对应的排列顺序,确定各组件对应的显示顺序。
可选地,显示顺序确定单元,具体用于:将组件顺序信息中的各组件标识对应的排列顺序,确定为各组件对应的纵向显示顺序,以使各组件在显示界面中进行纵向排列。
可选地,待显示页面生成模块,具体用于:根据各组件对应的显示顺序,确定每个组件对应的显示位置;根据每个组件对应的显示位置和待显示页面数据中的每个组件对应的待显示数据,对每个组件进行渲染,生成并显示待显示页面。
第四方面,本公开实施例还提供了一种页面显示装置,包括:
页面显示请求接收模块,用于接收客户端发送的页面显示请求,并获取所述页面显示请求中的待显示页面标识;
信息发送模块,用于基于显示数据库确定所述待显示页面标识对应的组件顺序信息和待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端,以使所述客户端根据所述组件顺序信息和所述待显示页面数据生成并显示待显示页面。
可选地,该装置还包括:
页面更新指令获取模块,用于在基于显示数据库确定待显示页面标识对应的组件顺序信息和待显示页面数据之前,获取页面更新指令,其中页面更新指令包含待更新页面标识和页面配置信息;
待更新组件顺序信息确定模块,用于基于显示数据库,确定待更新页面标识对应的待更新组件顺序信息;
待更新组件顺序信息更新模块,用于根据页面配置信息,对待更新组件顺序信息进行更新。
可选地,待更新组件顺序信息更新模块,具体用于:若页面更新指令为组件添加指令,则根据页面配置信息获得待添加组件标识和添加位置;基于添加位置,将待添加组件标识添加至待更新组件顺序信息中。
可选地,待更新组件顺序信息更新模块,还具体用于:若页面更新指令为组件删除指令,则根据页面配置信息获得待删除组件标识;删除待更新组件顺序信息中的待删除组件标识。
可选地,待更新组件顺序信息更新模块,还具体用于:若页面更新指令为组件位置调整指令,则根据页面配置信息获得目标组件顺序信息;将待更新组件顺序信息更新为目标组件顺序信息。
第五方面,本公开实施例还提供了一种页面显示***,所述***包括:客户端和服务器;
其中,所述客户端用于实现如本公开第一方面所提供的页面显示方法;
所述服务器用于实现如本公开第二方面所提供的页面显示方法。
第六方面,本公开实施例还提供了一种终端设备,所述设备包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开任意实施例所提供的页面显示方法。
第七方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开任意实施例所提供的页面显示方法。
本公开实施例中的客户端根据用户在上线后的页面中的触发操作,向服务器发送页面显示请求后,服务器根据页面显示请求从显示数据库中获得待显示页面对应的组件顺序信息以及待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;客户端根据组件顺序信息,可以从预先存储的多个组件中确定出待显示页面中的各组件以及各组件对应的显示顺序,并基于该显示顺序和待显示页面数据,对各个组件进行渲染,以使生成的页面中的各组件可以基于该显示顺序进行显示,从而实现了页面的动态配置,比如动态配置页面中的组件类别、数量和显示位置等信息,大大提高了页面显示的灵活性。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例描述中所需要使用的附图做一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本公开实施例一提供的一种页面显示方法的流程图;
图2是本公开实施例二提供的一种页面显示方法的流程图;
图3是本公开实施例三提供的一种页面显示装置的结构示意图;
图4是本公开实施例四提供的一种页面显示装置的结构示意图;
图5是本公开实施例五提供的一种页面显示***的结构示意图;
图6是本公开实施例六提供的一种终端设备的结构示意图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚,以下将参照本公开实施例中的附图,通过实施方式清楚、完整地描述本公开的技术方案,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
实施例一
图1为本公开实施例一提供的一种页面显示方法的流程图,本实施例可适用于对上线后的页面进行动态配置和显示的情况。该方法可以由设置在客户端中的页面显示装置来执行,该装置可以由软件和/或硬件的方式来实现,集成于具有页面显示功能的终端设备中,比如智能手机、平板电脑或掌上游戏机等。如图1所示,该方法具体包括以下步骤:
S110、根据用户的触发操作,向服务器发送页面显示请求,以使服务器根据页面显示请求确定组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端。
其中,用户的触发操作可以是指用于生成页面显示请求,并向服务器发送页面显示请求的操作,其可以是但不限于用户的点击操作、滑动操作和触摸操作等。示例性地,触发操作可以是点击某个页面中的图标、链接等。页面显示请求可以包括待显示页面标识。组件顺序信息可以包括待显示页面中的每个组件对应的组件标识以及组件的排列顺序信息。其中,组件标识可以基于组件的功能或类型等方式预先进行设置,以便区分不同的组件。示例性地,若某个组件用于显示视频内容,则该组件可以作为视频组件;若某个组件用于展示活动内容,则该组件可以作为活动组件。待显示页面数据可以包括待显示页面中的每个组件对应的待显示数据。
具体地,客户端在检测到用户在上线后的页面上的触发操作时,可以获得该触发操作对应的待显示页面标识,并根据待显示页面标识生成页面显示请求,并将该页面显示请求发送至服务器。服务器可以对接收的页面显示请求进行解析,获得待显示页面标识,根据该待显示页面标识确定相应的组件顺序信息以及获取相应的待显示页面数据,并将获得的组件顺序信息和待显示页面数据发送至客户端,以使客户端基于该组件顺序信息和待显示页面数据进行页面显示。
S120、根据接收的组件顺序信息确定待显示页面中的各组件以及各组件对应的显示顺序。
其中,各组件对应的显示顺序可以是指每个组件在显示页面中的排列顺序。显示顺序可以包括纵向显示顺序(如从上到下的顺序)和横向显示顺序(如从左到右的顺序)。本实施例中的组件可以识别逻辑顺序,比如显示顺序,而现有技术中的控件无法识别逻辑顺序,只能基于代码中固定的顺序和位置进行显示。
具体地,本实施例在页面开发过程中,可以基于业务需求和场景创建多个组件,比如,视频组件、图片组件、文字组件、活动组件或者其它自定义组件。当页面上线后,创建的所有组件均可以存储在客户端中。当客户端接收到服务器下发的组件顺序信息时,可以基于组件顺序信息中的各个组件标识,确定出每个组件标识对应的组件,此时确定出的所有组件即为待显示页面中的所有组件,从而可以基于组件顺序信息动态配置页面中的组件类别、数量等信息。客户端还可以基于组件顺序信息中的各组件标识对应的排列顺序,确定待显示页面中的所有组件对应的显示顺序,从而也可以基于组件顺序信息动态配置页面中的各组件的显示顺序和位置等,大大提高了页面显示的灵活性和多样性。
S130、根据显示顺序和待显示页面数据,对各组件进行渲染,生成并显示待显示页面。
具体地,本实施例可以通过对待显示页面中的各组件进行渲染,使得各组件以配置后的显示顺序进行显示,从而在需要更新页面布局生成一个新页面时,可以基于组件顺序信息进行页面动态配置,比如增加新的组件、删除已有组件和/或调整组件显示顺序等,实现了组件的可插拔功能,并且无需对上线后的页面重新编码页面代码,大大节省了人力以及时间成本,提高了页面的更新效率。
示例性地,S130可以包括:根据各组件对应的显示顺序,确定每个组件对应的显示位置;根据每个组件对应的显示位置和待显示页面数据中的每个组件对应的待显示数据,对每个组件进行渲染,生成并显示待显示页面。
具体地,本实施例可以根据待显示页面中的各组件对应的显示顺序,以及每个组件的尺寸大小,确定每个组件在显示页面中的显示位置。对于每个组件而言,根据该组件对应的待显示数据,在该组件对应的显示位置处进行渲染,使得该组件可以在该显示位置处显示相应的待显示数据,比如该组件为活动组件,待显示数据为相应活动内容,显示位置为页面顶端,从而对在该组件进行渲染后,可以在页面顶端显示出该组件的活动内容。在对每个组件进行渲染后,可以生成待显示页面,从而在显示界面中显示该待显示页面。
本实施例的技术方案,客户端根据用户在上线后的页面中的触发操作,向服务器发送页面显示请求后,服务器根据页面显示请求从显示数据库中获得待显示页面对应的组件顺序信息以及待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;客户端根据组件顺序信息,可以从预先存储的多个组件中确定出待显示页面中的各组件以及各组件对应的显示顺序,并基于该显示顺序和待显示页面数据,对各个组件进行渲染,以使生成的页面中的各组件可以基于该显示顺序进行显示,从而实现了页面的动态配置,比如动态配置页面中的组件类别、数量和显示位置等信息,大大提高了页面显示的灵活性。
在上述技术方案的基础上,S120可以包括:根据接收的组件顺序信息中的各组件标识,从本地数据库中确定与组件标识对应的组件;根据组件顺序信息中的各组件标识对应的排列顺序,确定各组件对应的显示顺序。
其中,组件顺序信息可以包括待显示页面中的各组件标识和各组件标识对应的排列顺序,例如,若待显示页面中包括三个组件:组件1、组件2、组件3,这三个组件对应的排列顺序可以为:组件3、组件2、组件1。
具体地,客户端可以将预先创建的所有组件存储在本地数据库中,以便可以根据组件顺序信息中的组件标识,从本地数据库中匹配出相应的所有组件,并将匹配出的所有组件确定为待显示页面中的各组件。将各组件标识对应的排列顺序确定为各组件在显示页面中的显示顺序。示例性地,可以将组件顺序信息中的各组件标识对应的排列顺序,确定为各组件对应的纵向显示顺序,以使各组件在显示界面中进行纵向排列。示例性地,若三个组件对应的排列顺序为:组件3、组件2、组件1,则在生成的待显示页面中,组件3位于页面的最顶端处,组件2位于页面中间,组件3位于页面的最底端,从而使得页面中的组件3、组件2、组件1从上到下依次显示,实现对页面的纵向显示顺序的动态配置,提高了页面显示的灵活性。
需要说明的是,当存在网络异常等情况,使得客户端未接收到服务器发送的组件顺序信息时,客户端可以基于预先设置的固有组件位置信息,对待显示页面中的各组件进行渲染,以便可以显示渲染后的页面,避免因无法显示页面而降低用户观看体验。
实施例二
图2为本公开实施例二提供的一种页面显示方法的流程图,本实施例可适用于对上线后的页面进行动态配置和显示的情况。该方法可以由设置在服务器中的页面显示装置来执行,该装置可以由软件和/或硬件的方式来实现,集成于控制页面显示的服务器中。如图2所示,该方法具体包括以下步骤:
S210、接收客户端发送的页面显示请求,并获取页面显示请求中的待显示页面标识。
其中,页面显示请求可以包括待显示页面标识。
具体地,客户端在检测到用户的触发操作时,可以向服务器发送页面显示请求。服务器可以对接收的页面显示请求进行解析,获得页面显示请求中的待显示页面标识。
S220、基于显示数据库确定待显示页面标识对应的组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端,以使客户端根据组件顺序信息和待显示页面数据生成并显示待显示页面。
其中,显示数据库可以是用于存储每个页面标识对应的组件顺序信息和页面的数据源信息。本实施例中的显示数据库可以基于业务场景和需求进行实时的动态配置。组件顺序信息可以包括待显示页面中的每个组件对应的组件标识以及组件的排列顺序信息。待显示页面数据可以包括待显示页面中的每个组件对应的待显示数据。
具体地,服务器可以根据待显示页面标识在显示数据库中进行数据匹配,确定出该待显示页面标识对应的组件顺序信息以及数据源信息,基于该数据源信息可以获取相应的待显示页面数据,并将获得的组件顺序信息和待显示页面数据发送至客户端。客户端可以根据接收的组件顺序信息确定待显示页面中的各组件以及各组件对应的显示顺序,并根据显示顺序和待显示页面数据,对各组件进行渲染,生成并显示待显示页面。
本实施例中的服务器可以基于显示数据库对页面的组件顺序信息进行动态配置,以使客户端基于该组件顺序信息来确定待显示页面中的各组件以及显示顺序,从而可以实现组件的可插拔功能,提高了页面的更新效率。
本实施例的技术方案,客户端根据用户在上线后的页面中的触发操作,向服务器发送页面显示请求后,服务器根据页面显示请求从显示数据库中获得待显示页面对应的组件顺序信息以及待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;客户端根据组件顺序信息,可以从预先存储的多个组件中确定出待显示页面中的各组件以及各组件对应的显示顺序,并基于该显示顺序和待显示页面数据,对各个组件进行渲染,以使生成的页面中的各组件可以基于该显示顺序进行显示,从而实现了页面的动态配置,比如动态配置页面中的组件类别、数量和显示位置等信息,大大提高了页面显示的灵活性。
在上述技术方案的基础上,在S220之前,还包括:获取页面更新指令,其中页面更新指令包含待更新页面标识和页面配置信息;基于显示数据库,确定待更新页面标识对应的待更新组件顺序信息;根据页面配置信息,对待更新组件顺序信息进行更新。
其中,页面更新指令可以是指用于对上线后的页面进行更新的指令,其可以基于当前的业务需求进行设置。示例性地,页面更新指令可以是但不限于:组件添加指令、组件删除指令或者组件位置调整指令。页面配置信息可以是指对页面布局进行更新配置的信息,比如组件添加信息、组件删除信息或组件顺序调整信息。
具体地,本实施例可以根据页面更新指令对显示数据中的组件顺序信息进行动态更新,从而可以实现组件的动态配置。服务器可以对页面更新指令进行解析,获得待更新页面标识和页面配置信息,并根据待更新页面标识在显示数据库中进行标识匹配,确定出待更新页面标识对应的待更新组件顺序信息,从而可以基于页面配置信息对该待更新组件顺序信息进行动态配置,以提高页面显示的灵活性和丰富性。
示例性地,根据页面配置信息,对待更新组件顺序信息进行更新,可以包括:若页面更新指令为组件添加指令,则根据页面配置信息获得待添加组件标识和添加位置;基于添加位置,将待添加组件标识添加至待更新组件顺序信息中,从而可以实现组件的动态添加功能。例如,假设某个页面包括文字组件和视频组件这两个组件,其对应的组件顺序信息为:文件组件、视频组件,也就是文件组件在视频组件的上方显示。若由于业务需求,需要在该页面中的文件组件和视频组件中添加一个活动组件,此时可以将该页面对应的组件顺序信息更新为:文件组件、活动组件,视频组件,从而可以在该页面中显示出这三个组件,并且活动组件位于文字组件和视频组件之间,大大提高了页面的更新效率以及页面显示的灵活性。
示例性地,根据页面配置信息,对待更新组件顺序信息进行更新,可以包括:若页面更新指令为组件删除指令,则根据页面配置信息获得待删除组件标识;删除待更新组件顺序信息中的待删除组件标识,从而可以实现组件的动态删除功能。
示例性地,根据页面配置信息,对待更新组件顺序信息进行更新,可以包括:若页面更新指令为组件位置调整指令,则根据页面配置信息获得目标组件顺序信息;将待更新组件顺序信息更新为目标组件顺序信息,以便基于目标组件顺序信息来确定页面中组件的显示顺序,从而可以动态调整组件的显示顺序,提高组件显示的灵活性。
以下是本公开实施例提供的页面显示装置的实施例,该装置与上述各实施例的页面显示方法属于同一个发明构思,在页面显示装置的实施例中未详尽描述的细节内容,可以参考上述页面显示方法的实施例。
实施例三
图3为本公开实施例三提供的一种页面显示装置的结构示意图,本实施例可适用于对上线后的页面进行动态配置和显示的情况。该装置具体可以包括:页面显示请求发送模块310、显示顺序确定模块320和待显示页面生成模块330。
其中,页面显示请求发送模块310,用于根据用户的触发操作,向服务器发送页面显示请求,以使服务器根据页面显示请求确定组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;显示顺序确定模块320,用于根据接收的组件顺序信息确定待显示页面中的各组件以及各组件对应的显示顺序;待显示页面生成模块330,用于根据显示顺序和待显示页面数据,对各组件进行渲染,生成并显示待显示页面。
可选地,显示顺序确定模块320,包括:
组件确定单元,用于根据接收的组件顺序信息中的各组件标识,从本地数据库中确定与组件标识对应的组件;
显示顺序确定单元,用于根据组件顺序信息中的各组件标识对应的排列顺序,确定各组件对应的显示顺序。
可选地,显示顺序确定单元,具体用于:将组件顺序信息中的各组件标识对应的排列顺序,确定为各组件对应的纵向显示顺序,以使各组件在显示界面中进行纵向排列。
可选地,待显示页面生成模块330,具体用于:根据各组件对应的显示顺序,确定每个组件对应的显示位置;根据每个组件对应的显示位置和待显示页面数据中的每个组件对应的待显示数据,对每个组件进行渲染,生成并显示待显示页面。
本公开实施例所提供的页面显示装置可执行本公开实施例一所提供的页面显示方法,具备执行页面显示方法相应的功能模块和有益效果。
实施例四
图4为本公开实施例四提供的一种页面显示装置的结构示意图,本实施例可适用于对上线后的页面进行动态配置和显示的情况。该装置具体可以包括:页面显示请求接收模块410和信息发送模块420。
其中,页面显示请求接收模块410,用于接收客户端发送的页面显示请求,并获取页面显示请求中的待显示页面标识;信息发送模块420,用于基于显示数据库确定待显示页面标识对应的组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端,以使客户端根据组件顺序信息和待显示页面数据生成并显示待显示页面。
可选地,该装置还包括:
页面更新指令获取模块,用于在基于显示数据库确定待显示页面标识对应的组件顺序信息和待显示页面数据之前,获取页面更新指令,其中页面更新指令包含待更新页面标识和页面配置信息;
待更新组件顺序信息确定模块,用于基于显示数据库,确定待更新页面标识对应的待更新组件顺序信息;
待更新组件顺序信息更新模块,用于根据页面配置信息,对待更新组件顺序信息进行更新。
可选地,待更新组件顺序信息更新模块,具体用于:若页面更新指令为组件添加指令,则根据页面配置信息获得待添加组件标识和添加位置;基于添加位置,将待添加组件标识添加至待更新组件顺序信息中。
可选地,待更新组件顺序信息更新模块,还具体用于:若页面更新指令为组件删除指令,则根据页面配置信息获得待删除组件标识;删除待更新组件顺序信息中的待删除组件标识。
可选地,待更新组件顺序信息更新模块,还具体用于:若页面更新指令为组件位置调整指令,则根据页面配置信息获得目标组件顺序信息;将待更新组件顺序信息更新为目标组件顺序信息。
本公开实施例所提供的页面显示装置可执行本公开实施例二所提供的页面显示方法,具备执行页面显示方法相应的功能模块和有益效果。
实施例五
图5是本公开实施例五提供的一种页面显示***的结构示意图。参见图5,该页面显示***包括:客户端510和服务器520;
其中,客户端510可以用于执行本公开实施例一所提供的页面显示方法,服务器520可以用于执行本公开实施例二所提供的页面显示方法。
本公开实施例中的页面显示***,客户端510可以根据用户在上线后的页面中的触发操作,向服务器520发送页面显示请求后,服务器520根据页面显示请求从显示数据库中获得待显示页面对应的组件顺序信息以及待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端510;客户端510根据组件顺序信息,可以从预先存储的多个组件中确定出待显示页面中的各组件以及各组件对应的显示顺序,并基于该显示顺序和待显示页面数据,对各个组件进行渲染,以使生成的页面中的各组件可以基于该显示顺序进行显示,从而实现了页面的动态配置,比如动态配置页面中的组件类别、数量和显示位置等信息,大大提高了页面显示的灵活性。
实施例六
图6示出了本公开实施例六提供的一种终端设备的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的终端设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,终端设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(Read-Only Memory,ROM)402中的程序或者从存储装置408加载到随机访问存储器(Random Access Memory,RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有终端设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许终端设备400与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的终端设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM 402被安装。在该计算机程序被处理装置401执行时,执行本公开实施例的方法中限定的上述功能。
本公开实施例提出的设备与上述实施例提出的页面显示方法属于同一发明构思,未在本实施例中详尽描述的技术细节可参见上述实施例,并且本实施例具备执行页面显示方法相同的有益效果。
实施例七
本公开实施例七提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述任意实施例所提供的页面显示方法。
需要说明的是,本公开上述的计算机存储介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(Random Access Memory,RAM)、只读存储器(Read-Only Memory,ROM)、可擦式可编程只读存储器(Erasable Programmable Read-OnlyMemory,EPROM)或闪存(FLASH)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机存储可以是上述终端设备中所包含的;也可以是单独存在,而未装配入该终端设备中。
上述计算机存储承载有一个或者多个程序,当上述一个或者多个程序被该终端设备执行时,使得该终端设备:根据用户的触发操作,向服务器发送页面显示请求,以使服务器根据页面显示请求确定组件顺序信息和待显示页面数据,并将组件顺序信息和待显示页面数据发送至客户端;根据接收的组件顺序信息确定待显示页面中的各组件以及各组件对应的显示顺序;根据显示顺序和待显示页面数据,对各组件进行渲染,生成并显示待显示页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种页面显示方法,其特征在于,应用于客户端,包括:
根据用户的触发操作,向服务器发送页面显示请求,以使所述服务器根据所述页面显示请求确定组件顺序信息和数据源信息,基于所述数据源信息获取相应的待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端;
根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序;
根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示待显示页面;
其中,所述服务器在根据所述页面显示请求确定组件顺序信息和数据源信息之前,还包括:
获取组件位置调整指令,其中所述组件位置调整指令包含待更新页面标识和组件顺序调整信息;
基于显示数据库,确定所述待更新页面标识对应的待更新组件顺序信息;
根据所述组件顺序调整信息获得目标组件顺序信息;
将所述待更新组件顺序信息更新为所述目标组件顺序信息。
2.根据权利要求1所述的方法,其特征在于,根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序,包括:
根据接收的所述组件顺序信息中的各组件标识,从本地数据库中确定与所述组件标识对应的组件;
根据所述组件顺序信息中的各组件标识对应的排列顺序,确定各所述组件对应的显示顺序。
3.根据权利要求2所述的方法,其特征在于,根据所述组件顺序信息中的各组件标识对应的排列顺序,确定各所述组件对应的显示顺序,包括:
将所述组件顺序信息中的各组件标识对应的排列顺序,确定为各所述组件对应的纵向显示顺序,以使各所述组件在显示界面中进行纵向排列。
4.根据权利要求1所述的方法,其特征在于,根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示所述待显示页面,包括:
根据各所述组件对应的显示顺序,确定每个所述组件对应的显示位置;
根据每个所述组件对应的显示位置和所述待显示页面数据中的每个所述组件对应的待显示数据,对每个所述组件进行渲染,生成并显示所述待显示页面。
5.一种页面显示方法,其特征在于,应用于服务器,包括:
获取组件位置调整指令,其中所述组件位置调整指令包含待更新页面标识和组件顺序调整信息;
基于显示数据库,确定所述待更新页面标识对应的待更新组件顺序信息;
根据所述组件顺序调整信息获得目标组件顺序信息;
将所述待更新组件顺序信息更新为所述目标组件顺序信息;
接收客户端发送的页面显示请求,并获取所述页面显示请求中的待显示页面标识;
基于显示数据库确定所述待显示页面标识对应的组件顺序信息和数据源信息,基于所述数据源信息获取相应的待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端,以使所述客户端根据所述组件顺序信息和所述待显示页面数据生成并显示待显示页面。
6.一种页面显示装置,其特征在于,包括:
页面显示请求发送模块,用于根据用户的触发操作,向服务器发送页面显示请求,以使所述服务器根据所述页面显示请求确定组件顺序信息和数据源信息,基于所述数据源信息获取相应的待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至客户端;
显示顺序确定模块,用于根据接收的所述组件顺序信息确定待显示页面中的各组件以及各所述组件对应的显示顺序;
待显示页面生成模块,用于根据所述显示顺序和所述待显示页面数据,对各所述组件进行渲染,生成并显示待显示页面;
其中,所述服务器在根据所述页面显示请求确定组件顺序信息和数据源信息之前,还包括:
获取组件位置调整指令,其中所述组件位置调整指令包含待更新页面标识和组件顺序调整信息;
基于显示数据库,确定所述待更新页面标识对应的待更新组件顺序信息;
根据所述组件顺序调整信息获得目标组件顺序信息;
将所述待更新组件顺序信息更新为所述目标组件顺序信息。
7.一种页面显示装置,其特征在于,包括:
页面更新指令获取模块,用于获取组件位置调整指令,其中所述组件位置调整指令包含待更新页面标识和组件顺序调整信息;
待更新组件顺序信息确定模块,用于基于显示数据库,确定待更新页面标识对应的待更新组件顺序信息;
待更新组件顺序信息更新模块,用于根据所述组件顺序调整信息获得目标组件顺序信息;将所述待更新组件顺序信息更新为所述目标组件顺序信息;
页面显示请求接收模块,用于接收客户端发送的页面显示请求,并获取所述页面显示请求中的待显示页面标识;
信息发送模块,用于基于显示数据库确定所述待显示页面标识对应的组件顺序信息和数据源信息,基于所述数据源信息获取相应的待显示页面数据,并将所述组件顺序信息和所述待显示页面数据发送至所述客户端,以使所述客户端根据所述组件顺序信息和所述待显示页面数据生成并显示待显示页面。
8.一种页面显示***,其特征在于,所述***包括:客户端和服务器;
其中,所述客户端用于实现如权利要求1-4中任一所述的页面显示方法;
所述服务器用于实现如权利要求5所述的页面显示方法。
9.一种终端设备,其特征在于,所述设备包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一所述的页面显示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一所述的页面显示方法。
CN201910426039.2A 2019-05-21 2019-05-21 一种页面显示方法、装置、***、设备和存储介质 Active CN110046021B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910426039.2A CN110046021B (zh) 2019-05-21 2019-05-21 一种页面显示方法、装置、***、设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910426039.2A CN110046021B (zh) 2019-05-21 2019-05-21 一种页面显示方法、装置、***、设备和存储介质

Publications (2)

Publication Number Publication Date
CN110046021A CN110046021A (zh) 2019-07-23
CN110046021B true CN110046021B (zh) 2020-08-25

Family

ID=67282996

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910426039.2A Active CN110046021B (zh) 2019-05-21 2019-05-21 一种页面显示方法、装置、***、设备和存储介质

Country Status (1)

Country Link
CN (1) CN110046021B (zh)

Families Citing this family (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112307377A (zh) * 2019-07-29 2021-02-02 腾讯科技(深圳)有限公司 信息展示方法、装置及电子设备
CN110457037A (zh) * 2019-08-01 2019-11-15 上海麦克风文化传媒有限公司 一种页面更新方法
CN110569097B (zh) * 2019-08-26 2022-12-06 北京奇艺世纪科技有限公司 一种信息显示方法及装置
CN110716789A (zh) * 2019-09-12 2020-01-21 北京大米科技有限公司 数据配置方法、可读存储介质和电子设备
CN110727869A (zh) * 2019-10-18 2020-01-24 北京字节跳动网络技术有限公司 页面构建方法及装置
CN111399823B (zh) * 2020-02-28 2023-11-24 浪潮软件科技有限公司 页面组件布局方法、***和前台终端
CN111708592B (zh) * 2020-05-27 2023-08-08 深圳市鸿合创新信息技术有限责任公司 一种节目组件显示方法及装置
CN111832773B (zh) * 2020-05-29 2024-05-17 北京嘀嘀无限科技发展有限公司 信息显示方法、装置、存储介质和电子设备
CN111931104A (zh) * 2020-07-13 2020-11-13 口碑(上海)信息技术有限公司 指令执行方法、装置、计算机设备及计算机可读存储介质
CN112463154A (zh) * 2021-02-01 2021-03-09 北京宇信科技集团股份有限公司 页面生成方法、装置、***和电子设备
CN113094141A (zh) * 2021-04-23 2021-07-09 北京达佳互联信息技术有限公司 一种页面展示方法、装置、电子设备和存储介质
CN113127783B (zh) * 2021-04-27 2022-06-17 百度在线网络技术(北京)有限公司 页面显示方法及装置、设备和介质
CN113741892A (zh) * 2021-07-30 2021-12-03 武汉悦学帮网络技术有限公司 一种页面生成方法、装置、电子设备及存储介质
CN114741147B (zh) * 2022-03-30 2023-11-14 阿里巴巴(中国)有限公司 用于在移动终端显示页面的方法及移动终端
CN114911564B (zh) * 2022-06-16 2023-08-22 北京有竹居网络技术有限公司 一种页面移动处理方法、装置、设备和存储介质
CN115776598B (zh) * 2022-11-15 2024-05-03 聚好看科技股份有限公司 服务器、显示设备及视频播放组件的加载方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105574049A (zh) * 2014-10-30 2016-05-11 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和***
CN106991154A (zh) * 2017-03-29 2017-07-28 百度在线网络技术(北京)有限公司 网页渲染方法、装置、终端及服务器
CN107038042A (zh) * 2017-02-07 2017-08-11 阿里巴巴集团控股有限公司 一种业务执行的方法及装置
CN108089878A (zh) * 2017-12-14 2018-05-29 腾讯科技(深圳)有限公司 页面信息展现和生成方法、装置及***
CN108846087A (zh) * 2018-06-12 2018-11-20 恒生电子股份有限公司 一种页面渲染方法、装置、终端及服务器

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8935621B1 (en) * 2010-05-18 2015-01-13 Amazon Technologies, Inc. Systems and methods for selecting components for inclusion in portions of a displayable file
CN105577777B (zh) * 2015-12-18 2019-12-13 腾讯科技(深圳)有限公司 一种消息处理方法、装置及***
CN106484470A (zh) * 2016-09-29 2017-03-08 努比亚技术有限公司 应用程序安装包的处理方法、装置及服务器
CN108228288A (zh) * 2016-12-22 2018-06-29 航天信息股份有限公司 一种组件***及其调用方法和装置
CN108563377A (zh) * 2018-04-10 2018-09-21 青岛海信移动通信技术股份有限公司 切换显示页面的方法和装置
CN109471627A (zh) * 2018-10-22 2019-03-15 大唐网络有限公司 页面展示控制方法、***及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105574049A (zh) * 2014-10-30 2016-05-11 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和***
CN107038042A (zh) * 2017-02-07 2017-08-11 阿里巴巴集团控股有限公司 一种业务执行的方法及装置
CN106991154A (zh) * 2017-03-29 2017-07-28 百度在线网络技术(北京)有限公司 网页渲染方法、装置、终端及服务器
CN108089878A (zh) * 2017-12-14 2018-05-29 腾讯科技(深圳)有限公司 页面信息展现和生成方法、装置及***
CN108846087A (zh) * 2018-06-12 2018-11-20 恒生电子股份有限公司 一种页面渲染方法、装置、终端及服务器

Also Published As

Publication number Publication date
CN110046021A (zh) 2019-07-23

Similar Documents

Publication Publication Date Title
CN110046021B (zh) 一种页面显示方法、装置、***、设备和存储介质
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN109976620B (zh) 列表项展现属性信息的确定方法、装置、设备及存储介质
CN110209315B (zh) 用户界面中字符的显示方法、装置、电子设备及存储介质
CN113377366B (zh) 控件编辑方法、装置、设备、可读存储介质及产品
CN111790148B (zh) 游戏场景中的信息交互方法、设备及计算机可读介质
CN109491742B (zh) 页面表格渲染方法及装置
CN111459364B (zh) 图标更新方法、装置和电子设备
CN109753332B (zh) 用于展现信息的方法和装置
CN110139118B (zh) 应用程序的功能运行方法、装置、电子设备及存储介质
CN114491349B (zh) 页面显示方法、装置、电子设备、存储介质和程序产品
CN110658960A (zh) 消息处理方法、装置和电子设备
CN114363686B (zh) 多媒体内容的发布方法、装置、设备和介质
US20240094883A1 (en) Message selection method, apparatus and device
CN114489891A (zh) 云应用程序的控制方法、***、装置、可读介质和设备
CN115495175A (zh) 图片展示方法、装置、终端设备和计算机介质
CN112256221A (zh) 信息显示方法、装置和电子设备
CN109947528B (zh) 信息处理方法和装置
CN110069186B (zh) 显示应用的操作界面的方法和设备
CN112256370A (zh) 信息显示方法、装置和电子设备
CN110134905B (zh) 一种页面更新显示方法、装置、设备及存储介质
CN110619101B (zh) 用于处理信息的方法和装置
CN116192789A (zh) 一种云文档处理方法、装置及电子设备
CN115576458A (zh) 一种应用窗口的显示方法、装置、设备及介质
CN115268890A (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