CN114546384B - 页面展示系统、方法、可读存储介质及电子设备 - Google Patents

Abstract

一种页面展示系统及方法，该系统包括：依次连接的前端UI、适配层、业务层和数据层；其中，前端UI，用于与用户进行交互，根据用户的操作指令，将业务请求传递至适配层，以及对来自适配层的数据进行展示；适配层，用于将业务请求传递至业务层，以及基于待展示的页面配置模板对从业务层返回的数据进行转换；业务层，用于存储服务，以及根据业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至适配层；数据层，用于存储页面展示所需的数据以及页面配置模板。通过本发明实施例提供的系统及方法，可以实现页面格式快速变更，大幅增加了页面适配的灵活性，避免了大量重复性工作，提升了研发效率及用户体验。

Description

页面展示系统、方法、可读存储介质及电子设备

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种页面展示系统、方法、可读存储介质及电子设备。

背景技术

对于展示数据对象(例如，天眼榜单、企业实名认证等)信息的页面，通常会在同一页面中提供多个模块(区域)，同一模块展示同一类数据，采用相同或相似的用户界面(UI)样式，而不同模块之间展示内容和UI样式通常不同。

当产品上有变动或者需要上架某个活动时，页面展示通常也需要随之改动，当需要增加或者是去掉某个模块，或者是模块之间调换顺序，对于研发来说都需要重新开发软件，对于用户也需要卸载重新安装应用程序(APP)才能看到新版本界面，导致一次产品变更需要的成本非常大。

发明内容

鉴于此，本发明提出了一种页面展示系统及方法，以解决现有技术中页面格式变更导致的重复开发和APP版本更新频繁的问题。

第一方面，本发明实施例提供了一种页面展示系统，其特征在于，所述系统包括：依次连接的前端UI、适配层、业务层和数据层；其中，所述前端UI，用于与用户进行交互，根据用户的操作指令，将业务请求传递至适配层，以及对来自适配层的数据进行展示；所述适配层，用于将所述业务请求传递至业务层，以及基于待展示的页面配置模板对从业务层返回的数据进行转换；所述业务层，用于存储服务，以及根据所述业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至适配层；所述数据层，用于存储页面展示所需的数据以及页面配置模板。

进一步地，所述待展示的页面配置模板预先采用如下方式得到：所述适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板。

进一步地，所述页面配置模板包括页面展示模块类型和页面展示数据类型。

进一步地，所述数据层包括页面配置模块，用于存储页面配置模板。

第二方面，本发明实施例还提供了一种页面展示方法，其特征在于，所述方法包括：前端UI根据用户的操作指令，将业务请求发送至适配层；适配层接收到所述业务请求后，将所述业务请求发送至业务层；业务层接收到所述业务请求后，根据所述业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至所述适配层；所述适配层接收到所述业务层返回的数据后，基于待展示的页面配置模板对所述业务层返回的数据进行转换，并将转换后的数据发送至前端UI以进行展示。

进一步地，所述待展示的页面配置模板预先采用如下方式得到：所述适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板。

进一步地，所述页面配置模板包括页面展示模块类型和页面展示数据类型。

进一步地，所述数据层包括页面配置模块，用于存储页面配置模板。

第三方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现本发明各实施例提供的方法。

第四方面，本发明实施例还提供了一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现本发明各实施例提供的方法。

本发明实施例提供的页面展示系统及方法，通过在前端UI和业务层之间增加适配层，适配层从数据层调用需要变更的页面配置模版对数据进行格式转换，并将转换后的数据发送至前端UI进行展示，解决了页面格式变更导致的重复开发和APP版本更新频繁的问题，使用页面配置模板的数据格式代替原有接口格式，使前端不再需要针对某个区域的模块做区分，可以实现页面格式快速变更，大幅增加了页面适配的灵活性，使得整体需求迭代周期由原有1周左右缩短到5分钟，避免了大量重复性工作，提高了研发效率，也减少了APP迭代次数，提升用户体验。

附图说明

图1为本发明一个示例性的实施例提供的页面展示系统的架构示意图；

图2(a)-(c)为本发明三个不同示例性的实施例提供的页面展示系统所展示的不同的页面效果图；

图3(a)-(c)为本发明三个不同示例性的实施例提供的页面展示系统采用不同的页面配置模板后所展示的不同的页面效果图；

图4为本发明一个示例性的实施例提供的页面展示方法的流程图；

图5为本发明一个示例性的实施例提供的电子设备的框图。

具体实施方式

现在参考附图介绍本发明的示例性实施方式，然而，本发明可以用许多不同的形式来实施，并且不局限于此处描述的实施例，提供这些实施例是为了详尽地且完全地公开本发明，并且向所属技术领域的技术人员充分传达本发明的范围。对于表示在附图中的示例性实施方式中的术语并不是对本发明的限定。在附图中，相同的单元/元件使用相同的附图标记。

除非另有说明，此处使用的术语(包括科技术语)对所属技术领域的技术人员具有通常的理解含义。另外，可以理解的是，以通常使用的词典限定的术语，应当被理解为与其相关领域的语境具有一致的含义，而不应该被理解为理想化的或过于正式的意义。

图1为本发明一个示例性的实施例提供的页面展示系统的架构示意图。

如图1所示，该系统包括：

依次连接的前端UI101、适配层102、业务层103和数据层104；其中，

前端UI101，用于与用户进行交互，根据用户的操作指令，将业务请求传递至适配层，以及对来自适配层的数据进行展示；

适配层102，用于将业务请求传递至业务层，以及基于待展示的页面配置模板对从业务层返回的数据进行转换；

业务层103，用于存储服务，以及根据业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至适配层；

数据层104，用于存储页面展示所需的数据以及页面配置模板。

本发明实施例中，前端UI101，即前端表现层可以通过多种不同的客户端提供交互界面，其中，客户端可以为应用程序、Web前端和H5前端中的一种或多种。具体地，应用程序可以是Android应用程序或IOS应用程序)提供交互界面。适配层102，用于基于待展示的页面配置模板对数据进行转换，从而确保数据可以用于前端UI展示。业务层103，可以包括权益服务、维度服务、用户服务和系统设置等多个服务模块，用于根据业务请求对数据层中的数据进行对应的业务处理。数据层104，可以包括数据库、数据缓存、事务和读写数据库等用于数据存储的模块，用于存储页面展示所需的数据；还可以包括页面配置模块，用于存储页面配置模板。具体地，页面配置模块可以采用配置中心，也可以采用其他存储类型，如数据库、缓存等。

本发明实施例提供的页面展示系统进行页面展示时，适配层基于待展示的页面配置模板对从业务层返回的数据进行转换，得到对应的数据格式。例如，从业务层返回的数据为key1:"a",key2:"b"，待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key2"}]，则进行转换后返回给前端UI的数据为[{"type":1,"dataKey":"a"},{"type":2,"dataKey":"b"}]。

图2(a)-(c)为本发明三个不同示例性的实施例提供的页面展示系统所展示的不同的页面效果图。如图2(a)-(c)所示，页面分别为多个相同模块，打乱顺序配置。

应当了解，本发明实施例提供的页面展示系统，不仅可以用于对同一个页面进行页面配置，还可以用于多个页面之间进行页面配置。

上述实施例，通过在前端UI和业务层之间增加适配层，适配层从数据层调用需要变更的页面配置模版对数据进行格式转换，并将转换后的数据发送至前端UI进行展示，解决了页面格式变更导致的重复开发和APP版本更新频繁的问题，使用页面配置模板的数据格式代替原有接口格式，使前端不再需要针对某个区域的模块做区分，可以实现页面格式快速变更，大幅增加了页面适配的灵活性，使得整体需求迭代周期由原有1周左右缩短到5分钟，避免了大量重复性工作，提高了研发效率，也减少了APP迭代次数，提升用户体验。

进一步地，待展示的页面配置模板预先采用如下方式得到：适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板。

可以根据用户需求预先设置待展示的页面配置模板，即适配层根据待展示的页面配置请求(用户需求)从数据层获取对应的页面配置模板，将其设置当前为待展示的页面配置模板。页面展示时，适配层则基于所预先设置的页面配置模板对从业务层返回的数据进行转换，得到对应的数据格式。

进一步地，页面配置模板包括页面展示模块类型和页面展示数据类型。

页面展示模块类型，即type，用于给前端UI标示；页面展示数据类型，即dataKey，用于与数据层的数据进行映射和匹配。页面展示数据类型包括页面展示的所有固定内容，如模块标题、查看更多按钮以及跳转链接、认证卡片的内容和顺序等。每个页面展示模块类型和页面展示数据类型预先绑定唯一命名。以下，通过具体举例对本发明实施例作进一步说明：

例如，当待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key2"}]时，页面展示系统所展示的页面效果图如图3(a)所示；当待展示的页面配置模板为[{"type":1,"dataKey":"key2"},{"type":2,"dataKey":"key1"}]时，页面展示系统所展示的页面效果图如图3(b)所示；当待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key1"}]时，页面展示系统所展示的页面效果图如图3(c)所示。

图4为本发明一个示例性的实施例提供的页面展示方法的流程图。

如图4所示，该方法包括：

步骤S401：前端UI根据用户的操作指令，将业务请求发送至适配层；

步骤S402：适配层接收到业务请求后，将业务请求发送至业务层；

步骤S403：业务层接收到业务请求后，根据业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至适配层；

步骤S404：适配层接收到业务层返回的数据后，基于待展示的页面配置模板对业务层返回的数据进行转换，并将转换后的数据发送至前端UI以进行展示。

本发明实施例中，前端UI，即前端表现层可以通过多种不同的客户端提供交互界面，其中，客户端可以为应用程序、Web前端和H5前端中的一种或多种。具体地，应用程序可以是Android应用程序或IOS应用程序)提供交互界面。适配层，用于基于待展示的页面配置模板对数据进行转换，从而确保数据可以用于前端UI展示。业务层，可以包括权益服务、维度服务、用户服务和系统设置等多个服务模块，用于根据业务请求对数据层中的数据进行对应的业务处理。数据层，可以包括数据库、数据缓存、事务和读写数据库等用于数据存储的模块，用于存储页面展示所需的数据；还可以包括页面配置模块，用于存储页面配置模板。具体地，页面配置模块可以采用配置中心，也可以采用其他存储类型，如数据库、缓存等。

本发明实施例提供的页面展示方法进行页面展示时，适配层基于待展示的页面配置模板对从业务层返回的数据进行转换，得到对应的数据格式。例如，从业务层返回的数据为key1:"a",key2:"b"，待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key2"}]，则进行转换后返回给前端UI的数据为[{"type":1,"dataKey":"a"},{"type":2,"dataKey":"b"}]。

图2(a)-(c)为本发明三个不同示例性的实施例提供的页面展示方法所展示的不同的页面效果图。如图2(a)-(c)所示，页面分别为多个相同模块，打乱顺序配置。

应当了解，本发明实施例提供的页面展示系统，不仅可以用于对同一个页面进行页面配置，还可以用于多个页面之间进行页面配置。

上述实施例，通过在前端UI和业务层之间增加适配层，适配层从数据层调用需要变更的页面配置模版对数据进行格式转换，并将转换后的数据发送至前端UI进行展示，解决了页面格式变更导致的重复开发和APP版本更新频繁的问题，使用页面配置模板的数据格式代替原有接口格式，使前端不再需要针对某个区域的模块做区分，可以实现页面格式快速变更，大幅增加了页面适配的灵活性，使得整体需求迭代周期由原有1周左右缩短到5分钟，避免了大量重复性工作，提高了研发效率，也减少了APP迭代次数，提升用户体验。

进一步地，待展示的页面配置模板预先采用如下方式得到：适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板。

可以根据用户需求预先设置待展示的页面配置模板，即适配层根据待展示的页面配置请求(用户需求)从数据层获取对应的页面配置模板，将其设置当前为待展示的页面配置模板。页面展示时，适配层则基于所预先设置的页面配置模板对从业务层返回的数据进行转换，得到对应的数据格式。

进一步地，页面配置模板包括页面展示模块类型和页面展示数据类型。

页面展示模块类型，即type，用于给前端UI标示；页面展示数据类型，即dataKey，用于与数据层的数据进行映射和匹配。页面展示数据类型包括页面展示的所有固定内容，如模块标题、查看更多按钮以及跳转链接、认证卡片的内容和顺序等。每个页面展示模块类型和页面展示数据类型预先绑定唯一命名。以下，通过具体举例对本发明实施例作进一步说明：

例如，当待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key2"}]时，页面展示系统所展示的页面效果图如图3(a)所示；当待展示的页面配置模板为[{"type":1,"dataKey":"key2"},{"type":2,"dataKey":"key1"}]时，页面展示系统所展示的页面效果图如图3(b)所示；当待展示的页面配置模板为[{"type":1,"dataKey":"key1"},{"type":2,"dataKey":"key1"}]时，页面展示系统所展示的页面效果图如图3(c)所示。

图5为本发明一个示例性的实施例提供的电子设备的框图。如图5所示，电子设备包括一个或多个处理器510和存储器520。

处理器510可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备中的其他组件以执行期望的功能。

存储器520可以包括一个或多个计算机程序产品，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器510可以运行所述程序指令，以实现上文所述的本发明的各个实施例的软件程序的页面展示方法以及/或者其他期望的功能。在一个示例中，电子设备还可以包括：输入装置530和输出装置540，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。

此外，该输入装置530还可以包括例如键盘、鼠标等等。

该输出装置540可以向外部输出各种信息。该输出设备540可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。

当然，为了简化，图5中仅示出了该电子设备中与本发明有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备还可以包括任何其他适当的组件。

示例性计算机程序产品和计算机可读存储介质除了上述方法和设备以外，本发明的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本发明各种实施例的页面展示方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本发明实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。

此外，本发明的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本发明各种实施例的页面展示方法中的步骤。

所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

以上结合具体实施例描述了本发明的基本原理，但是，需要指出的是，在本发明中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本发明的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本发明为必须采用上述具体的细节来实现。

本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明中涉及的器件、装置、设备、系统的方框图仅作为例示性的例子并且不意图要求或暗示必须按照方框图示出的方式进行连接、布置、配置。如本领域技术人员将认识到的，可以按任意方式连接、布置、配置这些器件、装置、设备、系统。诸如“包括”、“包含”、“具有”等等的词语是开放性词汇，指“包括但不限于”，且可与其互换使用。这里所使用的词汇“或”和“和”指词汇“和/或”，且可与其互换使用，除非上下文明确指示不是如此。这里所使用的词汇“诸如”指词组“诸如但不限于”，且可与其互换使用。

可能以许多方式来实现本发明的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本发明的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本发明的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本发明实施为记录在记录介质中的程序，这些程序包括用于实现根据本发明的方法的机器可读指令。因而，本发明还覆盖存储用于执行根据本发明的方法的程序的记录介质。

还需要指出的是，在本发明的装置、设备和方法中，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本发明的等效方案。提供所公开的方面的以上描述以使本领域的任何技术人员能够做出或者使用本发明。对这些方面的各种修改对于本领域技术人员而言是非常显而易见的，并且在此定义的一般原理可以应用于其他方面而不脱离本发明的范围。因此，本发明不意图被限制到在此示出的方面，而是按照与在此公开的原理和新颖的特征一致的最宽范围。

为了例示和描述的目的已经给出了以上描述。此外，此描述不意图将本发明的实施例限制到在此公开的形式。尽管以上已经讨论了多个示例方面和实施例，但是本领域技术人员将认识到其某些变型、修改、改变、添加和子组合。

Claims (6)

1.一种页面展示系统，其特征在于，所述系统包括：

依次连接的前端UI、适配层、业务层和数据层；其中，

所述前端UI，用于与用户进行交互，根据用户的操作指令，将业务请求传递至适配层，以及对来自适配层的数据进行展示；

所述适配层，用于将所述业务请求传递至业务层，以及基于待展示的页面配置模板对从业务层返回的数据进行转换；

所述业务层，用于存储服务，以及根据所述业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至适配层；

所述数据层，用于存储页面展示所需的数据以及页面配置模板；

其中，所述待展示的页面配置模板预先采用如下方式得到：

所述适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板；

其中，页面配置模板包括页面展示模块类型和页面展示数据类型；

页面展示模块类型，用于给前端UI标示；

页面展示数据类型，用于与数据层的数据进行映射和匹配；

页面展示数据类型包括页面展示的所有固定内容，所述所有固定内容包括：模块标题、查看更多按钮以及跳转链接、认证卡片的内容和顺序；

每个页面展示模块类型和页面展示数据类型预先绑定唯一命名。

2.根据权利要求1所述的系统，其特征在于，所述数据层包括页面配置模块，用于存储页面配置模板。

3.一种页面展示方法，其特征在于，所述方法包括：

前端UI根据用户的操作指令，将业务请求发送至适配层；

适配层接收到所述业务请求后，将所述业务请求发送至业务层；

业务层接收到所述业务请求后，根据所述业务请求，通过自身存储的服务对数据层中的数据进行业务处理，并将业务处理后的数据返回至所述适配层；

所述适配层接收到所述业务层返回的数据后，基于待展示的页面配置模板对所述业务层返回的数据进行转换，并将转换后的数据发送至前端UI以进行展示；

其中，所述待展示的页面配置模板预先采用如下方式得到：

所述适配层根据待展示的页面配置请求，从数据层获取对应的页面配置模板作为待展示的页面配置模板；

其中，页面配置模板包括页面展示模块类型和页面展示数据类型；

页面展示模块类型，用于给前端UI标示；

页面展示数据类型，用于与数据层的数据进行映射和匹配；

页面展示数据类型包括页面展示的所有固定内容，所述所有固定内容包括：模块标题、查看更多按钮以及跳转链接、认证卡片的内容和顺序；

每个页面展示模块类型和页面展示数据类型预先绑定唯一命名。

4.根据权利要求3所述的方法，其特征在于，所述数据层包括页面配置模块，用于存储页面配置模板。

5.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序用于执行权利要求3-4任一项所述的方法。

6.一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现权利要求3-4中任一项所述的方法。