一种页面组件添加方法及装置与流程

1.本公开涉及计算机技术领域，具体而言，涉及一种页面组件添加方法及装置。


背景技术：

2.在进行页面搭建开发的过程中，经常需要使用容器，容器是搭建页面中用来存放其他搭建元素的一个空间，搭建元素可以包括背景、图片、按钮、链接、文本等。
3.通常，搭建页面的开发者需要为容器实现两套组件方案，如component.js以及component editor.js，其中component.js用于生产环境加载，供页面搭建完成后的用户使用，component editor.js用于编辑环境加载，供搭建页面的开发者使用，两份组件方案都需要开发人员手动编写，效率较低。


技术实现要素：

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.响应于针对第二目标组件的添加操作，将所述第二目标组件添加在所述页面构建区域中；
39.若所述第二目标组件添加于所述第一目标组件之内，则将所述第二目标组件设置为所述第一目标组件的子组件。
40.一种可选的实施方式中，所述编辑模块还用于：
41.在所述第二目标组件为所述第一目标组件的子组件的情况下，响应于针对所述第二目标组件的数据继承操作，获取所述第一目标组件的可继承数据；
42.在所述数据继承操作指示的区域中展示与所述数据继承操作匹配的可继承数据。
43.一种可选的实施方式中，所述编辑模块还用于：
44.在所述第二目标组件为所述第一目标组件的子组件的情况下，若检测到针对所述第一目标组件的共享渲染指令，则将所述第一目标组件的渲染效果应用至所述第二目标组件。
45.第三方面，本公开实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
46.第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
47.本公开实施例提供的页面组件添加方法及装置，首先，展示页面构建区域；然后，响应于针对第一目标组件的添加操作，将所述第一目标组件添加在所述页面构建区域中；之后，在所述第一目标组件的属性信息中存在目标属性的情况下，加载与所述目标属性匹配的组件编辑代码；最后，响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令。
48.本公开实施例通过为第一目标组件赋予目标属性，使第一目标组件能够被识别为目标类型，然后利用与目标属性匹配的组件编辑代码实现对第一目标组件的编辑，不需要开发人员再针对编辑场景编写组件代码，效率较高。
49.为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
50.为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
51.图1示出了本公开实施例所提供的一种页面组件添加方法的流程图；
52.图2示出了本公开实施例所提供的页面构建区域的示意图之一；
53.图3示出了本公开实施例所提供的页面构建区域的示意图之二；
54.图4示出了本公开实施例所提供的页面构建区域的示意图之三；
55.图5示出了本公开实施例所提供的页面构建区域的示意图之四；
56.图6示出了本公开实施例所提供的一种页面组件添加装置的示意图；
57.图7示出了本公开实施例所提供的一种电子设备的示意图。
具体实施方式
58.为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅
是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
59.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
60.本文中术语“和/或”，仅仅是描述一种关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括a、b、c中的至少一种，可以表示包括从a、b和c构成的集合中选择的任意一个或多个元素。
61.经研究发现，搭建页面的开发者需要为容器实现两套组件方案，如component.js以及component editor.js，其中component.js用于生产环境加载，供页面搭建完成后的用户使用，component editor.js用于编辑环境加载，供搭建页面的开发者使用，两份组件方案都需要开发人员手动编写，效率较低。
62.基于上述研究，本公开提供了一种页面组件添加方法，通过为第一目标组件赋予目标属性，使第一目标组件能够被识别为目标类型，然后利用与目标属性匹配的组件编辑代码实现对第一目标组件的编辑，不需要开发人员再针对编辑场景编写组件代码，效率较高。
63.为便于对本实施例进行理解，首先对本公开实施例所公开的一种页面组件添加方法进行详细介绍，本公开实施例所提供的页面组件添加方法的执行主体一般为具有一定计算能力的计算机设备，该计算机设备例如包括：终端设备或服务器或其它处理设备。在一些可能的实现方式中，该页面组件添加方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
64.参见图1所示，为本公开实施例提供的页面组件添加方法的流程图，所述方法包括步骤s101～s104，其中：
65.s101、展示页面构建区域。
66.该步骤中，可以通过显示设备展示页面构建区域，开发人员可以在页面构建区域内进行页面搭建，添加容器及各种搭建元素。页面构建区域可以包括搭建区域和信息区域，搭建区域可以通过图像直观展示容器及搭建元素的效果，信息区域则可以展示当前页面或页面中某个容器或搭建元素的详细信息，以及编辑选项。
67.s102、响应于针对第一目标组件的添加操作，将所述第一目标组件添加在所述页面构建区域中。
68.该步骤中，用户可以对第一目标组件对应的虚拟按钮进行操作，从而将第一目标组件添加至页面构建区域中，其中，上述添加操作可以包括点击操作、拖拽操作、手势操作、指令操作等。第一目标组件在页面构建区域中的位置可以根据添加操作确定。
69.这里，添加进入页面构建区域中的第一目标组件可以是预设的，也可以是开发人员导入至页面搭建系统中的，上述第一目标组件为用于生产环境加载的组件。
70.s103、在所述第一目标组件的属性信息中存在目标属性的情况下，加载与所述目
标属性匹配的组件编辑代码。
71.这里，目标属性可以为开发人员定义的一种属性，如“插槽”，开发人员在进行组件开发时将“插槽”作为一种属性值赋予给组件，在进行页面构建时，可以读取添加的组件的属性信息，若组件的属性信息中存在该目标属性时，加载与目标属性匹配的组件编辑代码。
72.该组件编辑代码可以由开发人员预先编写好，该组件编辑代码是针对某一特殊类型组件的代码，利用该组件代码，只要组件具有目标属性，就可以对其进行编辑，并且，还能够在具有目标属性的组件中插入新的组件或素材，使被插入的组件与插入的组件或素材之间形成包含关系。
73.由于需要适配不同的组件，在加载组件编辑代码时，需要获取第一目标组件在页面构建区域中的位置信息，以及第一目标组件的尺寸信息，然后，可以利用获取的位置信息及尺寸信息对目标属性匹配的组件编辑代码进行初始化，完成组件编辑代码的加载。
74.s104、响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令。
75.该步骤中，可以设置有多种编辑操作，通过这些编辑操作，能够触发组件编辑代码中的各种控制指令，从而实现对第一目标组件的编辑。
76.示例性的，编辑操作可以包括针对不同编辑按钮的点击操作，以及针对第一目标组件的拖拽操作、缩放操作、手势操作等，不同的编辑操作可以对应于组件编辑代码中的不同指令，通过判断触发的编辑操作的类型，即可确定出需要执行的控制指令，这些控制指令通常用于实现对第一目标组件的编辑，不同的控制指令可以对第一目标组件施加不同的编辑效果，如缩放大小、拉伸长短、改变布局模式、调整色彩、添加或删除新组件等。
77.示例性的，编辑操作可以为选中操作，在编辑操作为选中操作的情况下，可以将第一目标组件设置为选中状态，并展示选中状态下第一目标组件的编辑控件。
78.其中，编辑控件可以展示在上述信息区域当中，编辑控件可以包括多种编辑按钮，比如，编辑控件可以包括多个布局模式控件，各个布局模式控件可以对应不同的组件中的布局模式，布局模式可以包括流式模式、模块模式、弹性模式、栅格模式等，布局模式能够有用来调整第一目标组件中其他组件的分部位置，参见图2、图3、图4、图5所示，图2为本公开实施例所提供的页面构建区域的示意图之一，图3为本公开实施例所提供的页面构建区域的示意图之二，图4为本公开实施例所提供的页面构建区域的示意图之三，图5为本公开实施例所提供的页面构建区域的示意图之四，图2中，第一目标组件处于流式模式，新添加到第一目标组件中的子组件或素材以流式模式添加到第一目标组件中，各个组件占据一行，并以平铺的方式向下排列；图3中，第一目标组件处于模块模式，该模式下新添加的子组件不需要排列在每一行的行首，而是可以排列在该行的任意位置，具体的位置可以通过对模块模式的参数进行调节；图4中，第一目标组件处于弹性模式中，添加进入第一目标组件中的子组件可以排列在任意位置，无需对齐行列，也不需要占用整个行；图5中，第一目标组件处于栅格模式，第一目标组件内部被分割为多个栅格，新添加至第一目标组件中的各个组件可以按照需求占据一个或多个栅格。布局模式控件还可以提供用于调整第一目标组件中其他子组件的排列方向、水平分部模式、竖向对齐模式、换行策略、栅格尺寸等参数的控件，用户可以利用这些控件对上述参数进行修改，从而实现对第一目标组件布局的调整。
79.在获取到针对第二目标组件的添加操作时，可以将第二组件添加在页面构建区域
中，若添加操作指示的添加位置处于第一目标组件之内，则可以判断第二目标组件添加于第一目标组件之内，则将第二目标组件间设置为第一目标组件的子组件，可以根据第一目标组件的布局模式调整第二目标组件的位置和/或尺寸。
80.除了可以适配各种组件的控制指令之外，本公开实施例还可以对目标属性的组件的子组件进行数据继承，在第一目标组件的代码中，可以包含一段用于指示可继承数据的字段，在第二目标组件为第一目标组件的子组件的情况下，可以响应于针对第二目标组件的数据继承操作，获取到第一目标组件的可继承数据，可继承数据能够作为第二目标组件对应的组件编辑代码的参数，也可以作为第二目标组件内需要展示的数据，可以在数据继承操作指示的区域中展示可继承数据。
81.进一步的，除了可以继承数据之外，子组件还可以继承第一目标组件的渲染效果，在第二目标组件为第一目标组件的子组件的情况下，若检测到针对第一目标组件的共享渲染指令，则可以将第一目标组件的渲染效果应用至第二目标组件和其他第一目标组件的子组件，比如，若第一目标组件的渲染效果包括红色边框，则在共享渲染效果之后，第二目标组件的渲染效果也包括红色边框。
82.本公开实施例提供的页面组件添加方法，首先，展示页面构建区域；然后，响应于针对第一目标组件的添加操作，将所述第一目标组件添加在所述页面构建区域中；之后，在所述第一目标组件的属性信息中存在目标属性的情况下，加载与所述目标属性匹配的组件编辑代码；最后，响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令。
83.本公开实施例通过为第一目标组件赋予目标属性，使第一目标组件能够被识别为目标类型，然后利用与目标属性匹配的组件编辑代码实现对第一目标组件的编辑，不需要开发人员再针对编辑场景编写组件代码，效率较高。
84.本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
85.基于同一发明构思，本公开实施例中还提供了与页面组件添加方法对应的页面组件添加装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述页面组件添加方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
86.参照图6所示，为本公开实施例提供的一种页面组件添加装置的示意图，所述装置包括：
87.展示模块610，用于展示页面构建区域；
88.添加模块620，用于响应于针对第一目标组件的添加操作，将所述第一目标组件添加在所述页面构建区域中；
89.加载模块630，用于在所述第一目标组件的属性信息中存在目标属性的情况下，加载与所述目标属性匹配的组件编辑代码；
90.编辑模块640，用于响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令。
91.一种可选的实施方式中，所述编辑模块640在响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令时，用于：
92.在所述编辑操作为选中操作的情况下，根据所述控制操作对应的控制指令，将所述第一目标组件设置为选中状态，并展示针对所述第一目标组件的编辑控件。
93.一种可选的实施方式中，所述编辑控件包括多个布局模式控件；所述编辑模块640还用于：
94.响应于针对任一布局模式控件的选取操作，利用被选取的所述布局模式控件对应的布局模式，更新所述第一目标组件。
95.一种可选的实施方式中，所述加载模块630在加载与所述目标属性匹配的组件编辑代码时，用于：
96.获取所述第一目标组件的在所述页面构建区域中的位置信息，以及所述第一目标组件的尺寸信息；
97.基于所述位置信息及所述尺寸信息，加载所述目标属性匹配的组件编辑代码。
98.一种可选的实施方式中，所述添加模块620还用于：
99.响应于针对第二目标组件的添加操作，将所述第二目标组件添加在所述页面构建区域中；
100.若所述第二目标组件添加于所述第一目标组件之内，则将所述第二目标组件设置为所述第一目标组件的子组件。
101.一种可选的实施方式中，所述编辑模块640还用于：
102.在所述第二目标组件为所述第一目标组件的子组件的情况下，响应于针对所述第二目标组件的数据继承操作，获取所述第一目标组件的可继承数据；
103.在所述数据继承操作指示的区域中展示与所述数据继承操作匹配的可继承数据。
104.一种可选的实施方式中，所述编辑模块640还用于：
105.在所述第二目标组件为所述第一目标组件的子组件的情况下，若检测到针对所述第一目标组件的共享渲染指令，则将所述第一目标组件的渲染效果应用至所述第二目标组件。
106.关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
107.对应于图1中的页面组件添加方法，本公开实施例还提供了一种电子设备700，如图7所示，为本公开实施例提供的电子设备700结构示意图，包括：
108.处理器71、存储器72、和总线73；存储器72用于存储执行指令，包括内存721和外部存储器722；这里的内存721也称内存储器，用于暂时存放处理器71中的运算数据，以及与硬盘等外部存储器722交换的数据，处理器71通过内存721与外部存储器722进行数据交换，当所述电子设备700运行时，所述处理器71与所述存储器72之间通过总线73通信，使得所述处理器71执行以下指令：
109.展示页面构建区域；
110.响应于针对第一目标组件的添加操作，将所述第一目标组件添加在所述页面构建区域中；
111.在所述第一目标组件的属性信息中存在目标属性的情况下，加载与所述目标属性匹配的组件编辑代码；
112.响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编
辑操作对应的控制指令。
113.一种可选的实施方式中，处理器71执行的指令中，所述响应于针对所述第一目标组件的编辑操作，执行所述组件编辑代码中，与所述编辑操作对应的控制指令，包括：
114.在所述编辑操作为选中操作的情况下，根据所述控制操作对应的控制指令，将所述第一目标组件设置为选中状态，并展示针对所述第一目标组件的编辑控件。
115.一种可选的实施方式中，处理器71执行的指令中，所述编辑控件包括多个布局模式控件；所述方法还包括：
116.响应于针对任一布局模式控件的选取操作，利用被选取的所述布局模式控件对应的布局模式，更新所述第一目标组件。
117.一种可选的实施方式中，处理器71执行的指令中，所述加载与所述目标属性匹配的组件编辑代码，包括：
118.获取所述第一目标组件的在所述页面构建区域中的位置信息，以及所述第一目标组件的尺寸信息；
119.基于所述位置信息及所述尺寸信息，加载所述目标属性匹配的组件编辑代码。
120.一种可选的实施方式中，处理器71执行的指令中，还包括：
121.响应于针对第二目标组件的添加操作，将所述第二目标组件添加在所述页面构建区域中；
122.若所述第二目标组件添加于所述第一目标组件之内，则将所述第二目标组件设置为所述第一目标组件的子组件。
123.一种可选的实施方式中，处理器71执行的指令中，还包括：
124.在所述第二目标组件为所述第一目标组件的子组件的情况下，响应于针对所述第二目标组件的数据继承操作，获取所述第一目标组件的可继承数据；
125.在所述数据继承操作指示的区域中展示与所述数据继承操作匹配的可继承数据。
126.一种可选的实施方式中，处理器71执行的指令中，还包括：
127.在所述第二目标组件为所述第一目标组件的子组件的情况下，若检测到针对所述第一目标组件的共享渲染指令，则将所述第一目标组件的渲染效果应用至所述第二目标组件。
128.本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的页面组件添加方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。
129.本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的页面组件添加方法的步骤，具体可参见上述方法实施例，在此不再赘述。
130.其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(software development kit，sdk)等等。
131.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开
所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
132.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
133.另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
134.所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。
135.最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。