CN113553133A - 页面展示方法及系统 - Google Patents
页面展示方法及系统 Download PDFInfo
- Publication number
- CN113553133A CN113553133A CN202110845955.7A CN202110845955A CN113553133A CN 113553133 A CN113553133 A CN 113553133A CN 202110845955 A CN202110845955 A CN 202110845955A CN 113553133 A CN113553133 A CN 113553133A
- Authority
- CN
- China
- Prior art keywords
- page
- service
- container
- service code
- screen
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种页面展示方法,该方法包括:在当前页面通过预先配置的容器展示指定页面入口;当从所述入口接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码;将所述业务代码在所述容器中进行加载,从而展示所述指定页面。本申请还公开了一种页面展示系统、电子装置和计算机可读存储介质。由此,能够实现业务一次编写、多处运行,降低协作成本,提高人效。
Description
技术领域
本申请涉及应用页面开发技术领域,尤其涉及一种页面展示方法、系统、电子装置及计算机可读存储介质。
背景技术
目前,在面向C端的活动业务中,场景展示方式多样,主要的场景例如Web(WorldWide Web,全球广域网)端、IOS(苹果移动操作系统)端、Andriod(安卓移动操作系统)端,另外还有这些场景页面中的挂件等。这些场景页面逻辑基本一致,但在开发过程中需要进行多次编写、多次发布,调试步骤繁琐,多人协作下成本较高。
需要说明的是,上述内容并不用于限制申请保护范围。
发明内容
本申请的主要目的在于提出一种页面展示方法、系统、电子装置及计算机可读存储介质,旨在解决如何使活动页面开发有效适应多种业务场景的问题。
为实现上述目的,本申请实施例提供了一种页面展示方法,所述方法包括:
在当前页面通过预先配置的容器展示指定页面入口;
当从所述入口接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码;及
将所述业务代码在所述容器中进行加载,从而展示所述指定页面。
可选地,所述方法还包括:
在本地缓存所述业务代码;
当接收到刷新所述指定页面的指令时,向所述服务器询问本地缓存的所述业务代码是否可用;
当所述业务代码可用时,直接在所述容器中加载本地缓存的所述业务代码,以展示更新后的指定页面。
可选地,所述方法还包括:
当所述业务代码不可用时,从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的指定页面。
可选地,所述容器包括全屏容器或半屏容器,所述全屏容器和所述半屏容器分别维护不同业务场景下的通用场景配置,包括公用组件、公用插件、公用配置、场景适配。
可选地,所述在当前页面通过预先配置的容器展示指定页面入口包括:
识别所述当前页面所属的业务场景类型;
根据所述业务场景类型获取对应的容器及场景配置;
根据所述容器及所述场景配置展示所述指定页面入口。
可选地,所述根据所述业务场景类型获取对应的容器包括:
当所述业务场景类型为房间页的挂件时,获取所述半屏容器;
当所述业务场景类型为全屏活动页时,获取所述全屏容器。
可选地,所述业务代码设置有有效期限,当向所述服务器询问本地缓存的所述业务代码是否可用时,若所述有效期限已超期或所述业务仓库中的所述业务代码已更新,所述服务器返回的结果为所述本地缓存的业务代码不可用。
此外,为实现上述目的,本申请实施例还提供一种页面展示系统,所述系统包括:
接入模块,用于在当前页面通过预先配置的容器展示指定页面入口;
获取模块,用于当从所述入口接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码;
展示模块,用于将所述业务代码在所述容器中进行加载,从而展示所述指定页面。
为实现上述目的,本申请实施例还提供一种电子装置,所述电子装置包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面展示程序,所述页面展示程序被所述处理器执行时实现如上述的页面展示方法。
为实现上述目的,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有页面展示程序,所述页面展示程序被处理器执行时实现如上述的页面展示方法。
本申请实施例提出的页面展示方法、系统、电子装置及计算机可读存储介质,能够通过业务仓库维护指定页面的统一业务代码,通过全屏容器和半屏容器分别维护不同业务场景下的通用场景配置。如此,通过对当前活动业务前端的基础架构进行改造升级,引入微前端技术架构,实现业务一次编写、多处运行,解决了指定业务开发多次编写相同逻辑的开发成本高的问题和调试成本高的问题,降低协作成本,提高人效。
附图说明
图1为实现本申请各个实施例的一种应用环境架构图;
图2为本申请第一实施例提出的一种页面展示方法的流程图;
图3为图2中步骤S200的细化流程示意图;
图4为本申请第二实施例提出的一种页面展示方法的流程图;
图5为本申请第三实施例提出的一种电子装置的硬件架构示意图;
图6为本申请第四实施例提出的一种页面展示系统的模块示意图;
图7为本申请第五实施例提出的一种页面展示系统的模块示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
需要说明的是,在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
请参阅图1,图1为实现本申请各个实施例的一种应用环境架构图。本申请可应用于包括,但不仅限于客户端2、服务器4、网络6的应用环境中。
其中,所述客户端2用于向用户显示当前应用的页面并接收用户对该页面的操作。所述客户端2可以为PC(Personal Computer,个人电脑)、手机、平板电脑、便携计算机、可穿戴设备等终端设备。
所述服务器4用于为所述客户端2提供数据和技术支持,例如提供当前页面的业务代码等。所述服务器4可以是机架式服务器、刀片式服务器、塔式服务器或机柜式服务器等计算设备,可以是独立的服务器,也可以是多个服务器所组成的服务器集群。
所述网络6可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobile communication,GSM)、宽带码分多址(Wideband CodeDivision Multiple Access,WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。所述服务器4和一个或多个所述客户端2之间通过所述网络6通信连接,以进行数据传输和交互。
实施例一
如图2所示,为本申请第一实施例提出的一种页面展示方法的流程图。可以理解,本方法实施例中的流程图不用于对执行步骤的顺序进行限定。根据需要,还可以对该流程图中的部分步骤进行添加或删减。下面以所述服务器4作为执行主体对该方法进行说明。
该方法包括以下步骤:
S200,在当前页面通过预先配置的容器展示指定页面入口。
在本实施例中,所述指定页面即为活动页面。一般情况下,活动业务场景可以分为:Web房间页、IOS房间页、Andriod房间页、H5(HyperText Markup Language 5,超文本标示语言5.0)全屏活动页、PC全屏活动页等。其中,在Web房间页、IOS房间页和Andriod房间页中,所述活动页面一般是挂件的形式,即不会占据整个屏幕,只在挂件窗口中运行,同时所述当前页面继续运行。因此,在本实施例中,Web房间页、IOS房间页和Andriod房间页对应半屏容器,H5全屏活动页、PC全屏活动页对应全屏容器。
上述各种业务场景都具有差异性,但页面逻辑基本一致,存在大部分(可能80%)相同。所述全屏容器和所述半屏容器分别维护不同业务场景下的通用场景配置,包括公用组件、公用插件、公用配置、场景适配等。Web房间页、IOS房间页和Andriod房间页中采用所述半屏容器展示活动页面入口,而H5全屏活动页、PC全屏活动页采用所述全屏容器展示活动页面入口。
具体而言,进一步参阅图3,为上述步骤S200的细化流程示意图。可以理解,该流程图不用于对执行步骤的顺序进行限定。根据需要,还可以对该流程图中的部分步骤进行添加或删减。在本实施例中,所述步骤S200具体包括:
S2000,识别所述当前页面所属的业务场景类型。
在本实施例中,所述当前页面可能属于Web房间页、IOS房间页、Andriod房间页、H5全屏活动页或PC全屏活动页等业务场景。
S2002,根据所述业务场景类型获取对应的容器及场景配置。
当识别出所述业务场景类型后,获取所述业务场景类型对应的容器,包括所述全屏容器和所述半屏容器,并且获取所述业务场景类型对应的场景配置,包括所述全屏容器或所述半屏容器的公用组件、公用插件、公用配置以及适配所述业务场景类型的其他配置。例如,假设识别出所述业务场景类型为Web房间页,则获取对应的半屏容器和所述半屏容器的公用组件、公用插件、公用配置以及单独适配Web房间页的其他配置(同样是半屏容器,但针对Web房间页、IOS房间页和Andriod房间页,在某些配置上稍有不同)。
S2004,根据所述容器及所述场景配置展示所述指定页面入口。
在获取到所述业务场景类型对应的容器和场景配置后,根据所述场景配置即可通过所述容器展示所述指定页面(活动页面)入口。例如,通过所述半屏容器,根据所述半屏容器的公用组件、公用插件、公用配置以及单独适配Web房间页的其他配置,在Web房间页的右下角展示所述活动页面的入口。
在活动页面开发过程中,所述全屏容器和所述半屏容器仅需在项目开始时进行配置及功能环境发布,后续测试期间无需重复发布。
回到图2,S202,当接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码。
用户通过操作所述指定页面(活动页面)入口,可以进入所述活动页面。例如,当用户点击所述半屏容器中相应的按钮时,即为进入所述活动页面的操作。客户端在接收到所述操作的指令后,向服务器请求获取所述活动页面对应的业务代码。
由于在不同的业务场景下,针对同一内容的活动页面的业务逻辑基本一致,因此可以在服务器的业务仓库中保存每个活动页面对应的统一的业务代码。当在不同的业务场景展示所述活动页面时,均只需要从所述业务仓库中获取相同的所述业务代码即可。例如,针对某一次业务活动编写好统一的业务代码,保存至所述业务仓库中,则上述Web房间页、IOS房间页、Andriod房间页、H5全屏活动页或PC全屏活动页等业务场景均可通过获取所述业务代码来展示该次业务活动的活动页面。
S204,将所述业务代码输出至所述容器中进行加载,从而展示所述指定页面。
客户端从所述业务仓库中获取到所述活动页面对应的业务代码后,将所述业务代码加载到相应容器(所述全屏容器或所述半屏容器)中,即可按照与所述业务场景相匹配的形式展示所述活动页面。
例如,当需要在Web房间页的右下角展示第一活动页面时,获取该业务场景(Web房间页)对应的所述半屏容器及场景配置,通过所述半屏容器在该右下角展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作(点击所述入口中的特定按钮)后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述半屏容器中,即可在所述半屏容器(即该Web房间页右下角的挂件)中展示所述第一活动页面。
又例如,当需要在H5全屏活动页展示第一活动页面时,获取该业务场景(H5全屏活动页)对应的所述全屏容器及场景配置,通过所述全屏容器在该H5全屏活动页全屏展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述全屏容器中,即可在所述全屏容器中(即H5全屏活动页全屏)展示所述第一活动页面。
本实施例提出的页面展示方法,可以通过业务仓库维护指定页面(活动页面)的统一业务代码,通过全屏容器和半屏容器分别维护不同业务场景下的通用场景配置(适用多种场景且在业务代码变更时保持不变)。如此,通过对当前活动业务前端的基础架构进行改造升级,引入微前端技术架构,实现业务一次编写、多处运行,解决了活动业务开发多次编写相同逻辑的开发成本高的问题和调试成本高的问题,降低协作成本,提高人效。
实施例二
如图4所示,为本申请第二实施例提出的一种页面展示方法的流程图。在第二实施例中,所述页面展示方法在上述第一实施例的基础上,还包括步骤S306-S312。可以理解,本方法实施例中的流程图不用于对执行步骤的顺序进行限定。根据需要,还可以对该流程图中的部分步骤进行添加或删减。
该方法包括以下步骤:
S300,在当前页面通过预先配置的容器展示指定页面入口。
在本实施例中,所述指定页面即为活动页面。一般情况下,活动业务场景可以分为:Web房间页、IOS(房间页、Andriod房间页、H5全屏活动页、PC全屏活动页等。其中,在Web房间页、IOS房间页和Andriod房间页中,所述活动页面一般是挂件的形式,即不会占据整个屏幕,只在挂件窗口中运行,同时所述当前页面继续运行。因此,在本实施例中,Web房间页、IOS房间页和Andriod房间页对应半屏容器,H5全屏活动页、PC全屏活动页对应全屏容器。
上述各种业务场景都具有差异性,但页面逻辑基本一致,存在大部分(可能80%)相同。所述全屏容器和所述半屏容器分别维护不同业务场景下的通用场景配置,包括公用组件、公用插件、公用配置、场景适配等。Web房间页、IOS房间页和Andriod房间页中采用所述半屏容器展示活动页面入口,而H5全屏活动页、PC全屏活动页采用所述全屏容器展示活动页面入口。
S302,当接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码。
用户通过操作所述活动页面入口,可以进入所述活动页面。例如,当用户点击所述半屏容器中相应的按钮时,即为进入所述活动页面的操作。客户端在接收到所述操作的指令后,向服务器请求获取所述活动页面对应的业务代码。
由于在不同的业务场景下,针对同一内容的活动页面的业务逻辑基本一致,因此可以在服务器的业务仓库中保存每个活动页面对应的统一的业务代码。当在不同的业务场景展示所述活动页面时,均只需要从所述业务仓库中获取相同的所述业务代码即可。例如,针对某一次业务活动编写好统一的业务代码,保存至所述业务仓库中,则上述Web房间页、IOS房间页、Andriod房间页、H5全屏活动页或PC全屏活动页等业务场景均可通过获取所述业务代码来展示该次业务活动的活动页面。
值得注意的是,所述业务代码设置有有效期限(例如10分钟),类似于时间戳。当超过所述有效期限后,表示当前获取的所述业务代码不可用。
S304,将所述业务代码输出至所述容器中进行加载,从而展示所述指定页面。
客户端从所述业务仓库中获取到所述活动页面对应的业务代码后,将所述业务代码加载到相应容器(所述全屏容器或所述半屏容器)中,即可按照与所述业务场景相匹配的形式展示所述活动页面。
例如,当需要在Web房间页的右下角展示第一活动页面时,获取该业务场景(Web房间页)对应的所述半屏容器及场景配置,通过所述半屏容器在该右下角展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作(点击所述入口中的特定按钮)后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述半屏容器中,即可在所述半屏容器(即该Web房间页右下角的挂件)中展示所述第一活动页面。
又例如,当需要在H5全屏活动页展示第一活动页面时,获取该业务场景(H5全屏活动页)对应的所述全屏容器及场景配置,通过所述全屏容器在该H5全屏活动页全屏展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述全屏容器中,即可在所述全屏容器中(即H5全屏活动页全屏)展示所述第一活动页面。
S306,在本地缓存所述业务代码。
当客户端从服务端的所述业务仓库中获取到所述业务代码后,还会在本地缓存所述业务代码,以便后续(例如再次进入该活动页面时)直接使用,减少与服务器之间的交互。
S308,当接收到刷新所述指定页面的指令时,向所述服务器询问本地缓存的所述业务代码是否可用。若所述业务代码可用,则执行步骤S310。若所述业务代码不可用,则执行步骤S312。
在本实施例中,客户端本地缓存的所述业务代码是否可用主要参考两个标准:一是所述有效期限是否超期,二是所述业务仓库中保存的所述业务代码是否有更新。若所述有效期限已超期或所述业务仓库中的所述业务代码已更新(有更新版本的业务代码发布到服务器的所述业务仓库中),所述服务器返回的结果为所述本地缓存的业务代码不可用。
客户端与服务器之间发出询问请求和返回结果的具体原理参照HTTP协议中的304状态码,在此不再赘述。
在所述活动页面开发过程中,当业务代码进行版本更新时,只进行业务层面的发布,并可进行多次发布,而容器部分由于所维护的页面逻辑不变,因此业务代码的更新不影响容器部分的通用配置,不需要重新发布。
S310,直接在所述容器中加载本地缓存的所述业务代码,以展示更新后的指定页面。
当服务器返回的结果为客户端本地缓存的所述业务代码可用时,客户端可以直接在所述容器中加载所述业务代码,不需要再从所述业务仓库中获取,即可展示更新后的活动页面。
S312,从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的指定页面。
当服务器返回的结果为客户端本地缓存的所述业务代码不可用时,客户端需要再次从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的活动页面。
本实施例提出的页面展示方法,可以在用户第一次访问指定页面(活动页面)时,从服务器中获取业务代码数据,并通过相应场景的容器展示所述活动页面,并且所述业务代码设有一个有效期限。在需要刷新所述活动页面时,通过询问服务器确认本地缓存的所述业务代码是否可用,若不可用则向服务器请求最新的业务代码数据,若可用则直接使用,避免重复获取相同的所述业务代码,减少客户端与服务器之间的交互,并且业务代码的更新不影响容器部分的通用配置。
实施例三
如图5所示,为本申请第三实施例提出一种电子装置20的硬件架构示意图。本实施例中,所述电子装置20可包括,但不仅限于,可通过系统总线相互通信连接的存储器21、处理器22、网络接口23。需要指出的是,图5仅示出了具有组件21-23的电子装置20,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。在本实施例中,所述电子装置20可以是所述客户端2。
所述存储器21至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器21可以是所述电子装置20的内部存储单元,例如该电子装置20的硬盘或内存。在另一些实施例中,所述存储器21也可以是所述电子装置20的外部存储设备,例如该电子装置20上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,所述存储器21还可以既包括所述电子装置20的内部存储单元也包括其外部存储设备。本实施例中,所述存储器21通常用于存储安装于所述电子装置20的操作系统和各类应用软件,例如页面展示系统60的程序代码等。此外,所述存储器21还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器22在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器22通常用于控制所述电子装置20的总体操作。本实施例中,所述处理器22用于运行所述存储器21中存储的程序代码或者处理数据,例如运行所述页面展示系统60等。
所述网络接口23可包括无线网络接口或有线网络接口,该网络接口23通常用于在所述电子装置20与其他电子设备之间建立通信连接。
实施例四
如图6所示,为本申请第四实施例提出一种页面展示系统60的模块示意图。所述页面展示系统60可以被分割成一个或多个程序模块,一个或者多个程序模块被存储于存储介质中,并由一个或多个处理器所执行,以完成本申请实施例。本申请实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段,以下描述将具体介绍本实施例各程序模块的功能。
在本实施例中,所述页面展示系统60包括:
接入模块600,用于在当前页面通过预先配置的容器展示指定页面入口。
在本实施例中,所述指定页面即为活动页面。一般情况下,活动业务场景可以分为:Web房间页、IOS(房间页、Andriod房间页、H5全屏活动页、PC全屏活动页等。其中,在Web房间页、IOS房间页和Andriod房间页中,所述活动页面一般是挂件的形式,即不会占据整个屏幕,只在挂件窗口中运行,同时所述当前页面继续运行。因此,在本实施例中,Web房间页、IOS房间页和Andriod房间页对应半屏容器,H5全屏活动页、PC全屏活动页对应全屏容器。
上述各种业务场景都具有差异性,但页面逻辑基本一致,存在大部分(可能80%)相同。所述全屏容器和所述半屏容器分别维护不同业务场景下的通用场景配置,包括公用组件、公用插件、公用配置、场景适配等。Web房间页、IOS房间页和Andriod房间页中采用所述半屏容器展示活动页面入口,而H5全屏活动页、PC全屏活动页采用所述全屏容器展示活动页面入口。
获取模块602,用于当接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码。
用户通过操作所述活动页面入口,可以进入所述活动页面。例如,当用户点击所述半屏容器中相应的按钮时,即为进入所述活动页面的操作。在接收到所述操作的指令后,获取模块602向服务器请求获取所述活动页面对应的业务代码。
由于在不同的业务场景下,针对同一内容的活动页面的业务逻辑基本一致,因此可以在服务器的业务仓库中保存每个活动页面对应的统一的业务代码。当在不同的业务场景展示所述活动页面时,均只需要从所述业务仓库中获取相同的所述业务代码即可。例如,针对某一次业务活动编写好统一的业务代码,保存至所述业务仓库中,则上述Web房间页、IOS房间页、Andriod房间页、H5全屏活动页或PC全屏活动页等业务场景均可通过获取所述业务代码来展示该次业务活动的活动页面。
值得注意的是,所述业务代码设置有有效期限(例如10分钟),类似于时间戳。当超过所述有效期限后,表示当前获取的所述业务代码不可用。
展示模块604,用于将所述业务代码输出至所述容器中进行加载,从而展示所述指定页面。
获取模块602从所述业务仓库中获取到所述活动页面对应的业务代码后,展示模块604将所述业务代码加载到相应容器(所述全屏容器或所述半屏容器)中,即可按照与所述业务场景相匹配的形式展示所述活动页面。
例如,当需要在Web房间页的右下角展示第一活动页面时,获取该业务场景(Web房间页)对应的所述半屏容器及场景配置,通过所述半屏容器在该右下角展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作(点击所述入口中的特定按钮)后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述半屏容器中,即可在所述半屏容器(即该Web房间页右下角的挂件)中展示所述第一活动页面。
又例如,当需要在H5全屏活动页展示第一活动页面时,获取该业务场景(H5全屏活动页)对应的所述全屏容器及场景配置,通过所述全屏容器在该H5全屏活动页全屏展示所述第一活动页面的入口。当接收到用户的进入所述第一活动页面的操作后,从所述业务仓库中获取所述第一活动页面对应的第一业务代码,加载到所述全屏容器中,即可在所述全屏容器中(即H5全屏活动页全屏)展示所述第一活动页面。
本实施例提出的页面展示系统,可以通过业务仓库维护活动页面的统一业务代码,通过全屏容器和半屏容器分别维护不同业务场景下的通用场景配置(适用多种场景且在业务代码变更时保持不变)。如此,通过对当前活动业务前端的基础架构进行改造升级,引入微前端技术架构,实现业务一次编写、多处运行,解决了活动业务开发多次编写相同逻辑的开发成本高的问题和调试成本高的问题,降低协作成本,提高人效。
实施例五
如图7所示,为本申请第五实施例提出一种页面展示系统60的模块示意图。在本实施例中,所述页面展示系统60除了包括第四实施例中的所述接入模块600、获取模块602、展示模块604之外,还包括缓存模块606、询问模块608、语音模块610。
所述缓存模块606,用于在本地缓存所述业务代码。
当客户端从服务端的所述业务仓库中获取到所述业务代码后,还会在本地缓存所述业务代码,以便后续(例如再次进入该活动页面时)直接使用,减少与服务器之间的交互。
所述询问模块608,用于当接收到刷新所述指定页面的指令时,向所述服务器询问本地缓存的所述业务代码是否可用。
在本实施例中,客户端本地缓存的所述业务代码是否可用主要参考两个标准:一是所述有效期限是否超期,二是所述业务仓库中保存的所述业务代码是否有更新。若所述有效期限已超期或所述业务仓库中的所述业务代码已更新(有更新版本的业务代码发布到服务器的所述业务仓库中),所述服务器返回的结果为所述本地缓存的业务代码不可用。
客户端与服务器之间发出询问请求和返回结果的具体原理参照HTTP协议中的304状态码,在此不再赘述。
在所述活动页面开发过程中,当业务代码进行版本更新时,只进行业务层面的发布,并可进行多次发布,而容器部分由于所维护的页面逻辑不变,因此业务代码的更新不影响容器部分的通用配置,不需要重新发布。
所述更新模块610,用于当所述业务代码可用时直接在所述容器中加载本地缓存的所述业务代码,以展示更新后的指定页面。
当服务器返回的结果为客户端本地缓存的所述业务代码可用时,所述更新模块610可以直接在所述容器中加载所述业务代码,不需要再从所述业务仓库中获取,即可展示更新后的活动页面。
所述更新模块610,还用于当所述业务代码不可用时,从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的指定页面。
当服务器返回的结果为客户端本地缓存的所述业务代码不可用时,所述更新模块610需要再次从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的活动页面。
本实施例提出的页面展示系统,可以在用户第一次访问指定页面(活动页面)时,从服务器中获取业务代码数据,并通过相应场景的容器展示所述活动页面,并且所述业务代码设有一个有效期限。在需要刷新所述活动页面时,通过询问服务器确认本地缓存的所述业务代码是否可用,若不可用则向服务器请求最新的业务代码数据,若可用则直接使用,避免重复获取相同的所述业务代码,减少客户端与服务器之间的交互,并且业务代码的更新不影响容器部分的通用配置。
实施例六
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有页面展示程序,所述页面展示程序可被至少一个处理器执行,以使所述至少一个处理器执行如上述的页面展示方法的步骤。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
显然,本领域的技术人员应该明白,上述的本申请实施例的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本申请实施例不限制于任何特定的硬件和软件结合。
以上仅为本申请实施例的优选实施例,并非因此限制本申请实施例的专利范围,凡是利用本申请实施例说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请实施例的专利保护范围内。
Claims (10)
1.一种页面展示方法,其特征在于,所述方法包括:
在当前页面通过预先配置的容器展示指定页面入口;
当从所述入口接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码;及
将所述业务代码在所述容器中进行加载,从而展示所述指定页面。
2.根据权利要求1所述的页面展示方法,其特征在于,所述方法还包括:
在本地缓存所述业务代码;
当接收到刷新所述指定页面的指令时,向所述服务器询问本地缓存的所述业务代码是否可用;
当所述业务代码可用时,直接在所述容器中加载本地缓存的所述业务代码,以展示更新后的指定页面。
3.根据权利要求2所述的页面展示方法,其特征在于,所述方法还包括:
当所述业务代码不可用时,从所述业务仓库中重新获取新的业务代码,并在所述容器中加载所述新的业务代码,以展示更新后的指定页面。
4.根据权利要求1-3任一项所述的页面展示方法,其特征在于,所述容器包括全屏容器或半屏容器,所述全屏容器和所述半屏容器分别维护不同业务场景下的通用场景配置,包括公用组件、公用插件、公用配置、场景适配。
5.根据权利要求4所述的页面展示方法,其特征在于,所述在当前页面通过预先配置的容器展示指定页面入口包括:
识别所述当前页面所属的业务场景类型;
根据所述业务场景类型获取对应的容器及场景配置;
根据所述容器及所述场景配置展示所述指定页面入口。
6.根据权利要求5所述的页面展示方法,其特征在于,所述根据所述业务场景类型获取对应的容器包括:
当所述业务场景类型为房间页的挂件时,获取所述半屏容器;
当所述业务场景类型为全屏活动页时,获取所述全屏容器。
7.根据权利要求2或3所述的页面展示方法,其特征在于,所述业务代码设置有有效期限,当向所述服务器询问本地缓存的所述业务代码是否可用时,若所述有效期限已超期或所述业务仓库中的所述业务代码已更新,所述服务器返回的结果为所述本地缓存的业务代码不可用。
8.一种页面展示系统,其特征在于,所述系统包括:
接入模块,用于在当前页面通过预先配置的容器展示指定页面入口;
获取模块,用于当从所述入口接收到进入所述指定页面的指令后,从服务器的业务仓库中获取所述指定页面对应的统一业务代码;
展示模块,用于将所述业务代码在所述容器中进行加载,从而展示所述指定页面。
9.一种电子装置,其特征在于,所述电子装置包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面展示程序,所述页面展示程序被所述处理器执行时实现如权利要求1至7中任一项所述的页面展示方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有页面展示程序,所述页面展示程序被处理器执行时实现如权利要求1至7中任一项所述的页面展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110845955.7A CN113553133B (zh) | 2021-07-26 | 2021-07-26 | 页面展示方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110845955.7A CN113553133B (zh) | 2021-07-26 | 2021-07-26 | 页面展示方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113553133A true CN113553133A (zh) | 2021-10-26 |
CN113553133B CN113553133B (zh) | 2022-11-04 |
Family
ID=78104547
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110845955.7A Active CN113553133B (zh) | 2021-07-26 | 2021-07-26 | 页面展示方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113553133B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6779177B1 (en) * | 1999-10-28 | 2004-08-17 | International Business Machines Corporation | Mechanism for cross channel multi-server multi-protocol multi-data model thin clients |
CN105550022A (zh) * | 2015-12-23 | 2016-05-04 | 北京奇虎科技有限公司 | 一种业务数据的处理方法和装置 |
CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其系统 |
CN108089904A (zh) * | 2017-12-21 | 2018-05-29 | 上海新案数字科技有限公司 | 一种展示页面扩展方法及设备 |
CN110187931A (zh) * | 2019-05-17 | 2019-08-30 | 北京百度网讯科技有限公司 | 小程序的运行方法及装置 |
CN110457115A (zh) * | 2019-07-26 | 2019-11-15 | 武汉中海庭数据技术有限公司 | 一种基于Docker的KHB业务发布方法、装置及存储介质 |
CN110580174A (zh) * | 2018-06-11 | 2019-12-17 | 中国移动通信集团浙江有限公司 | 应用组件生成方法、服务器及终端 |
CN111814089A (zh) * | 2020-06-30 | 2020-10-23 | 广州市百果园信息技术有限公司 | 一种页面渲染的方法、装置、渲染服务器和存储介质 |
CN111857733A (zh) * | 2019-12-31 | 2020-10-30 | 北京嘀嘀无限科技发展有限公司 | 一种业务环境的构建方法、装置、系统以及可读存储介质 |
CN112559935A (zh) * | 2020-12-15 | 2021-03-26 | 北京三快在线科技有限公司 | 一种创建页面的方法及装置 |
-
2021
- 2021-07-26 CN CN202110845955.7A patent/CN113553133B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6779177B1 (en) * | 1999-10-28 | 2004-08-17 | International Business Machines Corporation | Mechanism for cross channel multi-server multi-protocol multi-data model thin clients |
CN105550022A (zh) * | 2015-12-23 | 2016-05-04 | 北京奇虎科技有限公司 | 一种业务数据的处理方法和装置 |
CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其系统 |
CN108089904A (zh) * | 2017-12-21 | 2018-05-29 | 上海新案数字科技有限公司 | 一种展示页面扩展方法及设备 |
CN110580174A (zh) * | 2018-06-11 | 2019-12-17 | 中国移动通信集团浙江有限公司 | 应用组件生成方法、服务器及终端 |
CN110187931A (zh) * | 2019-05-17 | 2019-08-30 | 北京百度网讯科技有限公司 | 小程序的运行方法及装置 |
CN110457115A (zh) * | 2019-07-26 | 2019-11-15 | 武汉中海庭数据技术有限公司 | 一种基于Docker的KHB业务发布方法、装置及存储介质 |
CN111857733A (zh) * | 2019-12-31 | 2020-10-30 | 北京嘀嘀无限科技发展有限公司 | 一种业务环境的构建方法、装置、系统以及可读存储介质 |
CN111814089A (zh) * | 2020-06-30 | 2020-10-23 | 广州市百果园信息技术有限公司 | 一种页面渲染的方法、装置、渲染服务器和存储介质 |
CN112559935A (zh) * | 2020-12-15 | 2021-03-26 | 北京三快在线科技有限公司 | 一种创建页面的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN113553133B (zh) | 2022-11-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10216854B2 (en) | Optimized page script downloads in a component based architecture | |
US20150154313A1 (en) | A method, device, browser and program for accessing web page | |
US11615443B2 (en) | System and method to selectively update supplemental content rendered in placement regions of a rendered page | |
US7921199B1 (en) | Method and system for event notification | |
CN112507263B (zh) | 页面加载更新方法、装置、电子设备及存储介质 | |
CN111859077B (zh) | 数据处理方法、装置、系统、计算机可读存储介质 | |
CN114582473A (zh) | 预约管理方法、装置、计算机设备和存储介质 | |
CN113553133B (zh) | 页面展示方法及系统 | |
CN111046316B (zh) | 一种应用上架状态监控方法、智能终端及存储介质 | |
CN115687826A (zh) | 页面刷新方法、装置、计算机设备及存储介质 | |
CN113535832B (zh) | 云服务数据的获取方法、装置、电子设备及介质 | |
CN112688980B (zh) | 资源分发方法、装置、计算机设备 | |
CN113934954A (zh) | 应用程序中的网页首屏渲染方法及装置 | |
CN113722225A (zh) | 页面测试方法、装置、计算机设备和存储介质 | |
CN113360806A (zh) | 直播页面显示方法及装置 | |
US9223758B1 (en) | Determining a language encoding data setting for a web page, and applications thereof | |
CN113761179A (zh) | 评论管控方法、服务器及可读存储介质 | |
CN113778423B (zh) | 接口文档生成方法及系统 | |
CN112861041B (zh) | 一种媒体内容的展示方法、装置、电子设备及存储介质 | |
US20240080503A1 (en) | Livestreaming scheduling processing method and system | |
CN110413644B (zh) | 一种数据缓存方法、电子装置及计算机可读存储介质 | |
CN114943048A (zh) | 网页加载方法、网页加载装置、电子设备和存储介质 | |
US20090094268A1 (en) | Animated data feeds | |
CN116881585A (zh) | 页面配置方法、装置、存储介质和设备 | |
CN117155893A (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 |