一种页面展示方法及装置与流程

1.本发明涉及数据处理技术领域，具体涉及一种页面展示方法及装置。


背景技术：

2.基于组件配置的管理端平台，虽然提高了代码的复用性，且能快速稳定的交付功能页面。但在某些场景下，即使是不同的功能页面也具有大量相似界面内容，还是需要预先重复配置较多的功能页面中的组件元素，导致配置的复用率低，开发效率仍有提升空间。


技术实现要素：

3.针对现有技术中的问题，本发明实施例提供一种页面展示方法及装置，能够至少部分地解决现有技术中存在的问题。
4.一方面，本发明提出一种页面展示方法，包括：
5.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
6.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
7.其中，所述在进行页面渲染的过程中对页面内容进行解析，包括：
8.利用统一解析公共模板程序在进行页面渲染的过程中对页面内容进行解析。
9.其中，在所述在进行页面渲染的过程中对页面内容进行解析的步骤之前，构建所述公共模板，包括：
10.对产品的不同功能页面分别进行页面识别；
11.根据页面识别结果确定各页面具有的共性区域；
12.根据所述共性区域构建所述公共模板。
13.其中，所述页面识别结果为页面图像识别结果；相应的，所述根据页面识别结果确定各页面具有的共性区域，包括：
14.对各页面图像识别结果两两进行图像相似度比较，将图像相似度都大于预设阈值的区域确定为所述共性区域。
15.一方面，本发明提出一种页面展示装置，包括：
16.解析单元，用于在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
17.展示单元，用于将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
18.其中，所述解析单元具体用于：
19.利用统一解析公共模板程序在进行页面渲染的过程中对页面内容进行解析。
20.其中，在所述在进行页面渲染的过程中对页面内容进行解析的步骤之前，所述页面展示装置还用于构建所述公共模板，具体包括：
21.对产品的不同功能页面分别进行页面识别；
22.根据页面识别结果确定各页面具有的共性区域；
23.根据所述共性区域构建所述公共模板。
24.其中，所述页面识别结果为页面图像识别结果；相应的，所述页面展示装置还具体用于：
25.对各页面图像识别结果两两进行图像相似度比较，将图像相似度都大于预设阈值的区域确定为所述共性区域。
26.再一方面，本发明实施例提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如下方法：
27.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
28.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
29.本发明实施例提供一种计算机可读存储介质，包括：
30.所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如下方法：
31.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
32.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
33.本发明实施例还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现如下方法：
34.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
35.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
36.本发明实施例提供的页面展示方法及装置，在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容，由于在页面展示之前预先构建了公共模板，能够提高页面展示整体流程的效率。
附图说明
37.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
38.图1是本发明一实施例提供的页面展示方法的流程示意图。
39.图2是本发明另一实施例提供的页面展示方法的流程示意图。
40.图3是本发明实施例提供的页面展示方法的技术效果说明示意图。
41.图4是本发明一实施例提供的页面展示装置的结构示意图。
42.图5为本发明实施例提供的计算机设备实体结构示意图。
具体实施方式
43.为使本发明实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本发明实施例做进一步详细说明。在此，本发明的示意性实施例及其说明用于解释本发明，但并不作为对本发明的限定。需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互任意组合。
44.图1是本发明一实施例提供的页面展示方法的流程示意图，如图1所示，本发明实施例提供的页面展示方法，包括：
45.步骤s1：在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板。
46.步骤s2：将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
47.在上述步骤s1中，装置在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板。装置可以是执行该方法的计算机设备等，例如为服务器或客户端等。本技术技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。所述在进行页面渲染的过程中对页面内容进行解析，包括：
48.利用统一解析公共模板程序在进行页面渲染的过程中对页面内容进行解析。统一解析公共模板程序可以是用户编写的自动执行页面解析的程序代码。如图2所示，在所述在进行页面渲染的过程中对页面内容进行解析的步骤之前，包括步骤s0：构建所述公共模板，包括：
49.对产品的不同功能页面分别进行页面识别；可以利用图像识别技术对产品的不同功能页面分别进行页面识别。
50.根据页面识别结果确定各页面具有的共性区域；所述页面识别结果为页面图像识别结果；相应的，所述根据页面识别结果确定各页面具有的共性区域，包括：
51.对各页面图像识别结果两两进行图像相似度比较，将图像相似度都大于预设阈值的区域确定为所述共性区域。预设阈值可以根据实际情况自主设置，以三个功能页面为例，举例说明如下：
52.三个功能页面分别对应的页面图像识别结果分别记为a、b、c，将a、b进行图像相似度比较，大于预设阈值的区域记为x、y、z。
53.将a、c进行图像相似度比较，大于预设阈值的区域记为x、y、u。
54.将b、c进行图像相似度比较，大于预设阈值的区域记为x、u。
55.可以确定三次比较的图像相似度都大于预设阈值的区域为x，则将x确定为共性区域。
56.根据所述共性区域构建所述公共模板。即可以将共性区域所包含的组件元素进行打包组合，得到组合组件元素，并将组合组件元素与共性区域标识进行绑定，公共模板就包含了上述绑定关系。
57.用户只需要对上述组合组件元素进行一次配置，就可以实现上述三个功能页面共同使用该配置信息。
58.在上述步骤s2中，装置将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。单项组件元素可以包括下拉框组件、文本框组件、复选框组件、图片组件等；组合组件元素可以将至少两项单项组件元素进行组合得到。
59.如图3所示，本发明实施例提供的页面展示方法具有如下有益效果：
60.1、提高配置复用性：公共模板开发完毕，可以无限复用，无需重复开发。
61.2、提高开发效率：开发者可以通过现有的模块化设计，更快速的搭建功能页面。
62.3、提升测试效率，降低缺陷率：经过测试的公共模块页面，功能稳定，利用公共模块配置的页面，可简化页面元素的重复性检测，提升测试效率。
63.本发明实施例提供的页面展示方法，在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容，由于在页面展示之前预先构建了公共模板，能够提高页面展示整体流程的效率。
64.进一步地，所述在进行页面渲染的过程中对页面内容进行解析，包括：
65.利用统一解析公共模板程序在进行页面渲染的过程中对页面内容进行解析。可参照上述说明，不再赘述。
66.进一步地，在所述在进行页面渲染的过程中对页面内容进行解析的步骤之前，构建所述公共模板，包括：
67.对产品的不同功能页面分别进行页面识别；可参照上述说明，不再赘述。
68.根据页面识别结果确定各页面具有的共性区域；可参照上述说明，不再赘述。
69.根据所述共性区域构建所述公共模板。可参照上述说明，不再赘述。
70.进一步地，所述页面识别结果为页面图像识别结果；相应的，所述根据页面识别结果确定各页面具有的共性区域，包括：
71.对各页面图像识别结果两两进行图像相似度比较，将图像相似度都大于预设阈值的区域确定为所述共性区域。可参照上述说明，不再赘述。
72.需要说明的是，本发明实施例提供的页面展示方法可用于金融领域，也可用于除金融领域之外的任意技术领域，本发明实施例对页面展示方法的应用领域不做限定。
73.图4是本发明一实施例提供的页面展示装置的结构示意图，如图4所示，本发明实施例提供的页面展示装置，包括解析单元401和展示单元402，其中：
74.解析单元401用于在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；展示单元402用于将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
75.具体的，装置中的解析单元401用于在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；展示单元402用于将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
76.本发明实施例提供的页面展示装置，在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；将解析得到的页面配置的单项组件元素和所
述公共模板中的组合组件元素进行展示，得到所述页面的展示内容，由于在页面展示之前预先构建了公共模板，能够提高页面展示整体流程的效率。
77.进一步地，所述解析单元401具体用于：
78.利用统一解析公共模板程序在进行页面渲染的过程中对页面内容进行解析。
79.进一步地，在所述在进行页面渲染的过程中对页面内容进行解析的步骤之前，所述页面展示装置还用于构建所述公共模板，具体包括：
80.对产品的不同功能页面分别进行页面识别；
81.根据页面识别结果确定各页面具有的共性区域；
82.根据所述共性区域构建所述公共模板。
83.进一步地，所述页面识别结果为页面图像识别结果；相应的，所述页面展示装置还具体用于：
84.对各页面图像识别结果两两进行图像相似度比较，将图像相似度都大于预设阈值的区域确定为所述共性区域。
85.本发明实施例提供页面展示装置的实施例具体可以用于执行上述各方法实施例的处理流程，其功能在此不再赘述，可以参照上述方法实施例的详细描述。
86.图5为本发明实施例提供的计算机设备实体结构示意图，如图5所示，所述计算机设备包括：存储器501、处理器502及存储在存储器501上并可在处理器502上运行的计算机程序，所述处理器502执行所述计算机程序时实现如下方法：
87.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
88.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
89.本实施例公开一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现如下方法：
90.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
91.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
92.本实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如下方法：
93.在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；
94.将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容。
95.本发明实施例与现有技术中的技术方案相比，在进行页面渲染的过程中对页面内容进行解析；所述页面内容包括预先构建的公共模板；将解析得到的页面配置的单项组件元素和所述公共模板中的组合组件元素进行展示，得到所述页面的展示内容，由于在页面展示之前预先构建了公共模板，能够提高页面展示整体流程的效率。
96.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序
产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
97.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
98.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
99.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
100.在本说明书的描述中，参考术语“一个实施例”、“一个具体实施例”、“一些实施例”、“例如”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
101.以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施例而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。