页面特征获取方法、装置、电子设备及可读存储介质与流程

1.本公开涉及互联网技术，尤其涉及页面渲染、页面特征获取领域。


背景技术：

2.页面特征是对实时渲染的网页页面进行特征提取得到的。通过页面特征可以检测网页页面中是否存在检测死链、消费障碍以及广告等。以针对这些问题进行处理，提升内容质量与用户体验。
3.目前，提取页面特征主要通过统计页面中的文本内容来作为页面特征。


技术实现要素：

4.本公开提供了一种页面特征获取方法、装置、电子设备及可读存储介质，获取的页面特征更加准确。
5.根据本公开的第一方面，提供了一种页面特征获取方法，该方法包括：获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。
6.根据本公开的第二方面，提供了一种页面特征获取装置，装置包括：获取模块，用于获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。生成模块，用于根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。获取模块，还用于根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。
7.根据本公开的第三方面，提供了一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如第一方面提供的方法。
8.根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行根据第一方面提供的方法。
9.根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现根据第一方面提供的方法。
10.本公开获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。识别得到的页面特征能够更加准确的表达目标页面中的内容、行为。
11.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
12.附图用于更好地理解本方案，不构成对本公开的限定。其中：
13.图1为本公开实施例提供的页面特征获取方法的流程示意图；
14.图2为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图；
15.图3为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图；
16.图4为本公开实施例提供的弹窗页面画像示意图；
17.图5为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图；
18.图6为本公开实施例提供的视窗页面画像示意图；
19.图7为本公开实施例提供的页面渲染装置的组成示意图；
20.图8示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。
具体实施方式
21.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
22.用户在浏览网页时，网页中经常会出现死链、不良广告等问题。通过对浏览的网页进行特征提取，根据页面特征检测死链、屏蔽不良广告等，可以针对这些问题进行针对性处理，以提高内容质量和用户体验。
23.目前，提取页面特征主要通过统计页面中的文本内容来作为页面特征。
24.但是，仅通过页面中的文本无法准确地表达页面特征，页面也正表达不准确，也会导致检测死链或不良广告等问题时效果不佳，准确率低。
25.对此，本技术提供了一种页面特征获取方法，该方法包括：获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。
26.由于本公开中获取了渲染得到的布局对象的属性特征以及布局对象的父子关系。根据布局对象的属性特征、布局对象的父子关系，获取得到的目标页面的页面特征包括了页面中的文本特征、非文本特征、父子关系等，保留了页面的结构，特征维度更多，能够更加准确的表示目标页面。
27.一些实施方式中，本公开提供的页面特征获取，可以应用于电子设备，如个人计算机、笔记本电脑、智能手机、平板电脑等电子设备。这些设备的操作系统可以是安卓(android)系统，窗口系统(windows)，苹果移动操作系统(ios)，苹果操作系统(mac os)或者鸿蒙系统(harmony os)、林纳斯系统(linux)等，本公开对此不作限制。
28.图1为本公开实施例提供的页面特征获取方法的流程示意图。该方法可以应用于上述电子设备，如图1所示，页面特征获取方法包括：
29.s110、获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。
30.一些实施方式中，页面数据可以是预先编译好并存储在数据库中的超文本标记语
言(hyper text markup language，html)文件。当执行页面特征获取方法的电子设备接收到用户操作，指示根据网址或网际互连协议(internet protocol，ip)地址访问目标页面时，可以根据网址或ip地址下载并获取目标页面的html文件，即获取到目标页面的页面数据。
31.一些实施方式中，html文件解析后，可以建立html树，html树中可得到包括多个层级的数据，每个层级的数据包含各自的父子关系。每个层级的数据可以渲染得到一个布局对象(layoutobject)。
32.s120、根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。
33.一些实施方式中，对html解析并渲染，可以得到布局对象树(layoutobjecttree)，布局树中包括多个布局对象，每个布局对象包含各自的父子关系。作为示例，层级的数据为“document”，可以渲染得到的布局对象为“layoutview”；层级的数据为“html”，可以渲染得到的布局对象为“layoutblockflow”；层级的数据为“text”，可以渲染得到的布局对象为“layouttext”等，本技术对此不作限制。
34.s130、根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。
35.一些实施方式中，布局对象的属性特征可以包括把布局属性，如布局对象的位置信息；节点属性，如布局对象的父节点信息；层叠样式表(cascading style sheets，css)属性等。布局对象的父子关系可以通过节点属性记录。
36.本实施例中，由于获取了渲染得到的布局对象的属性特征以及布局对象的父子关系。根据布局对象的属性特征、布局对象的父子关系，获取得到的目标页面的页面特征包括了页面中的文本特征、非文本特征、父子关系等，保留了页面的结构，特征维度更多，能够更加准确的表示目标页面。
37.一些实施方式中，对目标页面进行页面特征提取的过程可以成为页面画像。本技术中，页面画像可以分为三类：全景页面画像、局部页面画像以及视窗(viewport)页面画像。
38.图2为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图。
39.参考图2，其中提提供的实现s130的流程为全景页面画像，包括：
40.s210、获取目标页面中每个布局对象的属性特征。
41.一些实施方式中，全景页面画像指对完整的布局对象树一一对应的生成页面特征。因此，需要获取目标页面中每个布局对象的属性特征。
42.s220、根据所述布局对象的属性特征和布局对象的父子关系生成布局对象的统计节点，统计节点包括对应布局对象的父子关系。
43.一些实施方式中，统计节点可以通过一个数据结构进行表达，例如，可以通过“statnode”数据结构作为数据载体。statnode是通过协议缓冲区(protocol buffers，protobuf)定义的。protobuf是谷歌公司提供的一种混合语言数据标准。通过将结构化的数据进行序列化(串行化)，用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式。
44.一些实施方式中，statnode中可以包含多维数据，如布局属性(如位置信息)，节点
属性(如父节点的信息)，css样式属性，百度自定义属性(如广告过滤节点属性)。
45.示例性的，部分属性在statnode中可以通过如下代码定义：
46.message statnode{
47.//必需的布局属性
48.required in32 xpos＝1；//对应网页元素的横坐标，单位为px，从左到右
49.required in32 ypos＝2；//对应网页元素的纵坐标，单位为px，从上到下
50.required in32 width＝3；//网页元素的宽度，单位为px
51.required in32 height＝4；//网页元素的高度，单位为px
52.required visible visible＝5；//网页元素是否可见
53.//必需的node属性
54.required typetype＝6；//类型
55.required stringname＝7；//tag_name
56.required statnodeparent＝8；//父节点
57.required statnode next_sibling＝9；//后一个兄弟节点
58.optional statnodechildrenchildren＝10；//字节点
59.optional statnodeattributesattributes＝11；//属性
60.required stringtxt＝12；//文本信息
61.optional extendattributesextend_attributes＝13；//新增其他属性
62.optional cssattributescss_attributes＝14；//css样式属性
63.…
64.}
65.s230、根据每个所述统计节点以及所述统计节点的父子关系，生成所述目标页面的页面特征。
66.在本实施例中，statnode通过增加父子关系，将页面特征以statnode树表示，保持了原生内核解析html文件后生成的html树的树状结构，表达的页面特征更加准确。同时与内核数据解耦，每个统计节点包含相同维度的数据，数据更规范。statnode中的数据可以序列化，便于后续对数据进行识别、保存等操作。
67.statnode的数据结构使其易于扩展，可以通过自定义新的message做为的原来statnode的optional成员，简单实现statnode的数据扩展。而且，statnode还可以向前兼容，在数据结构扩展之后，不影响之前属性的使用，便于对以前数据的兼容复用。
68.生成statnode之后，页面特征与渲染引擎剥离，可以页面特征可以单独送入后台线程进行检测。检测页面特征无需占用前台线程(如render线程)。
69.本实施例中，根据整个目标页面中所有的布局对象生成目标页面的特征数据，包含了完整网页的页面特征，可以提供更完整的页面信息。在保存页面的线下样本时更加完整。
70.图3为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图。
71.参考图3，其中提提供的实现s130的流程为局部页面画像，包括：
72.s310、确定目标页面中的第一区域，第一区域包括至少一个布局对象，布局对象的父子关系包括一个或多个子布局对象。
73.一些实施方式中，只需要对页面中部分区域进行检测，因此无需进行全景页面画像。例如，对目标页面中的弹窗进行检测时，只需要提取弹窗部分的页面特征，即进行弹窗页面画像。
74.以第一区域为显示弹窗的区域为例，确定第一区域时，可以在根据html树渲染layoutobject树时，通过在预渲染(prepaint)过程中对layoutobject的渲染区域变化进行检测判断，当某个布局对象由不可见变为可见时则认为该布局对象是一个弹框布局对象。通过遍历弹框布局对象及其子布局对象，则可完成弹框页面画像。
75.s320、根据布局对象的属性特征、每个子布局对象的属性特征和布局对象的父子关系，生成布局对象和每个子布局对象的统计节点，统计节点包括对应布局对象的父子关系。
76.一些实施方式中，图4为本公开实施例提供的弹窗页面画像示意图。
77.参考图4，其中包括目标页面的layoutobject树，其中弹窗页面从body布局对象下的第一div布局对象41开始，包括的子布局对象有第二div布局对象42、a布局对象43、p布局对象44。生成每个布局对象和每个子布局对象的统计节点，即得到第一div统计节点45开始，包括的子统计节点有第二div统计节点46、a统计节点47、p统计节点48。
78.s330、根据每个统计节点以及统计节点的父子关系，生成目标页面的页面特征。
79.一些实施方式中，参考图4中示出的弹窗页面的statnode树，弹窗页面的statnode树即为目标页面的页面特征。
80.在本实施例中，只对目标页面中的第一区域内的布局对象进行特征提取，可以更有针对性的提取页面特征，对提取到的页面特征进行检测时，可以规避其余区域的干扰，检测效果更佳。
81.图5为本公开实施例提供的页面特征获取方法中一种实现s130的流程示意图。
82.参考图5，其中提提供的实现s130的流程为视窗页面画像，包括：
83.s510、确定目标页面中的第二区域，第二区域包括在屏幕中显示的区域。
84.一些实施方式中，图6为本公开实施例提供的视窗页面画像示意图。
85.参考图6，目标页面中的第二区域为布局对象在视窗61中可见的区域。当页面滑动时，第二区域中第一布局对象62变为不可见，目标页面中其他区域的第二布局对象63变为可见，第二区域也会随之变化。
86.s520、获取第二区域中的布局对象的属性特征，根据布局对象的属性特征和布局对象的父子关系，生成第二区域中每个布局对象的统计节点，统计节点包括对应布局对象的父子关系。
87.一些实施方式中，在预渲染时，可以对所有需要渲染绘制的布局对象进行记录，将布局对象的父子关系保存到节点列表(nodelist)中。
88.一些实施方式中，可以优先设置触发条件，当触发条件满足时，生成第二区域中每个布局对象的统计节点。
89.一些实施方式中，触发条件包括多种触发机制。例如，当显示目标页面的首屏时。或者，当html解析结束时。再或者，在预渲染结束时。最后，还可以在页面滑动后，生成第二区域中每个布局对象的统计节点。
90.一些实施方式中，在满足触发条件后，可以等待预设时长后再生成第二区域中每
个布局对象的统计节点。这样可以有效避免如连续滚动等频繁出发获取时机而导致重复获取布局对象的属性特征。其中，预设时长可以是200ms、500ms或者800ms等，在此不做限制。
91.需要说明是的，当页面滑动后，只检测新增的布局对象，对于已经生成统计节点的布局对象无需重复检测。
92.s530、根据每个统计节点以及统计节点的父子关系，生成目标页面的页面特征。
93.一些实施方式中，生成第二区域中每个布局对象的统计节点后，根据第二区域中所有统计节点以及统计节点的父子关系生成statnode树，视窗页面的statnode树即为目标页面的页面特征。
94.在本实施例中，只对视窗中显示的布局对象进行特征提取，可以减少单次生成页面特征的内存占用，提高生成页面特征的速度。还能区分布局对象是否已经检测过，避免重复检测。
95.一些实施方式中，在所述根据所述布局对象的属性特征、所述布局对象的父子关系，获取的得到页面特征之后，所述方法还包括：
96.根据所述页面特征对所述目标页面进行检测，识别所述目标页面的内容或行为。
97.在本实施例中，通过根据页面特征获取方法得到页面特征对目标页面进行检测，可以更加准确的识别目标页面的内容或行为，提高用户体验。
98.一些实施方式中，可以结合上述的页面画像，根据页面特征识对页面进行检测，实现云端一体化。
99.一些实施方式中，可以先基于statnode训练识别模型。识别模型的训练可以在线下进行。例如，先根据本技术提供的页面特征获取方法对预先标记好的目标页面进行页面画像，获取页面特征，即statnode树。将statnode树序列化(例如，转为2进制代码)，存储至硬盘中。根据采用识别模型的模型类型，将序列化的statnode反序列化，得到兼容识别模型的数据类型。最后，根据预先标记和statnode数据对识别模型进行训练，得到预先训练的识别模型。
100.然后，可以将预先训练好的识别模型进行线上部署，以对目标页面进行检测。
101.一些实施方式中，可以先对所述页面特征中的每个统计节点进行预处理，例如，预处理可以包括遍历statnode树，读取其中的文本内容作为模型输入。或者，对statnode树中每个节点的特征进行预处理，提取每个布局对象的部分特征，将文本内容和特征作者为模型输入。
102.然后，将预处理后得到的数据输入预先训练的识别模型，即可得到所述目标页面的识别结果。识别结果包括目标页面中是否存在死链、弹窗是否为不良广告等。
103.最后，还可以将识别结果、statnode数据记录为数据日志，上报存储，以便于后续使用。
104.在本实施例中，通过预先训练的识别模型对statnode数据进行检测，得到识别结果，可以更加准确的获取页面中是否存在需要干预的内容，实现从页面特征提取到页面干预的闭环。
105.示例性实施例中，本公开实施例还提供一种页面特征获取装置，可以用于实现如前述实施例所述的页面特征获取方法。
106.图7为本公开实施例提供的页面渲染装置的组成示意图。
107.如图7所示，该装置可以包括：
108.获取模块71，用于获取目标页面的页面数据，根据页面数据解析得到页面中多个层级的数据以及多个层级之间的父子关系。
109.生成模块72，用于根据每个层级的数据渲染生成对应的布局对象，布局对象包括对应层级的父子关系。
110.获取模块71，还用于根据布局对象的属性特征、布局对象的父子关系，获取目标页面的页面特征。
111.一些实施方式中，获取模块71，具体用于获取目标页面中每个布局对象的属性特征。
112.根据布局对象的属性特征和布局对象的父子关系生成布局对象的统计节点，统计节点包括对应布局对象的父子关系。
113.根据每个统计节点以及统计节点的父子关系，生成目标页面的页面特征。
114.一些实施方式中，获取模块71，具体用于确定目标页面中的第一区域，第一区域包括至少一个布局对象，布局对象的父子关系包括一个或多个子布局对象。
115.获取布局对象以及每个子布局对象的属性特征。
116.根据布局对象的属性特征、每个子布局对象的属性特征和布局对象的父子关系，生成布局对象和每个子布局对象的统计节点，统计节点包括对应布局对象的父子关系。
117.根据每个统计节点以及统计节点的父子关系，生成目标页面的页面特征。
118.一些实施方式中，获取模块71具体用于确定目标页面中的第二区域，第二区域包括在屏幕中显示的区域。
119.获取第二区域中的布局对象的属性特征，根据布局对象的属性特征和布局对象的父子关系，生成第二区域中每个布局对象的统计节点，统计节点包括对应布局对象的父子关系。
120.根据每个统计节点以及统计节点的父子关系，生成目标页面的页面特征。
121.一些实施方式中，装置还包括识别模块73，用于根据页面特征对目标页面进行检测，获取目标页面的识别结果。
122.一些实施方式中，识别模块73具体用于对页面特征中的每个统计节点进行预处理，生成预处理后的页面特征；
123.将预处理后的页面特征输入预先训练的识别模型，得到目标页面的内容或行为。
124.本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
125.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
126.示例性实施例中，电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如以上实施例所述的方法。
127.示例性实施例中，可读存储介质可以是存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行根据以上实施例所述的方法。
128.示例性实施例中，计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现根据以上实施例所述的方法。
129.图8示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
130.如图8所示，设备800包括计算单元801，其可以根据存储在只读存储器(rom)802中的计算机程序或者从存储单元808加载到随机访问存储器(ram)803中的计算机程序，来执行各种适当的动作和处理。在ram 803中，还可存储设备800操作所需的各种程序和数据。计算单元801、rom 802以及ram 803通过总线804彼此相连。输入/输出(i/o)接口805也连接至总线804。
131.设备800中的多个部件连接至i/o接口805，包括：输入单元806，例如键盘、鼠标等；输出单元807，例如各种类型的显示器、扬声器等；存储单元808，例如磁盘、光盘等；以及通信单元809，例如网卡、调制解调器、无线通信收发机等。通信单元809允许设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
132.计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理，例如页面渲染方法。例如，在一些实施例中，页面渲染方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元808。在一些实施例中，计算机程序的部分或者全部可以经由rom 802和/或通信单元809而被载入和/或安装到设备800上。当计算机程序加载到ram 803并由计算单元801执行时，可以执行上文描述的页面渲染方法的一个或多个步骤。备选地，在其他实施例中，计算单元801可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面渲染方法。
133.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
134.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件
包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
135.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
136.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
137.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
138.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。
139.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
140.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。