设计效果的预览方法、装置、设备及介质与流程

1.本公开实施例涉及界面设计技术领域，尤其涉及一种设计效果的预览方法、装置、设备及介质。


背景技术：

2.在设计稿到代码(design to code，简称d2c)的设计链路中，设计师在对页面进行设计后，只能看到基于设计软件协议的设计效果。基于d2c协议的d2c效果需要设计师将设计稿上传至资源管理平台，然后通过资源管理平台生成的资源管理地址，在低代码平台上进行预览，预览的过程较为繁琐。尤其是，设计师通常需要根据预览效果对设计稿进行调整，调整后的设计稿也需要按照上述流程进行上传和预览，整个预览和设计的链路较长，效率较低，因此，如何提高设计师的预览效率是本领域技术人员需要解决的技术问题。


技术实现要素：

3.为了解决上述技术问题，本公开实施例提供了一种设计效果的预览方法、装置、设备及介质。
4.本公开实施例的第一方面提供了一种设计效果的预览方法，该方法可以直接从图形设计设备上获取设计稿的画板数据，并对画板数据进行标准化处理，得到预览引擎可识别的d2c数据，从而基于该d2c数据即可在图形设计设备本地实现d2c预览。
5.本公开实施例的第二方面提供了一种预览装置，该预览装置包括：
6.获取模块，用于获取设计稿的画板数据；
7.处理模块，用于对画板数据进行标准化处理，得到预览引擎可识别的d2c数据；
8.渲染模块，用于基于d2c数据进行渲染，得到预览图像。
9.本公开实施例的第三方面提供了一种图形设计设备，该图形设计设备包括处理器和存储器，其中，存储器上存储有计算机程序，当该计算机程序被图形设计设备中的处理器执行时，处理器可以执行上述第一方面的方法。
10.本公开实施例的第四方面提供了一种计算机程序产品，该程序产品存储在存储介质中，当该程序产品被运行时，可以实现上述第一方面的方法。
11.本公开实施例的第五方面提供了一种计算机可读存储介质，该存储介质种存储有计算机程序，当该计算机程序被执行时，可以实现上述第一方面所述的方法。
12.本公开实施例提供的技术方案与现有技术相比具有如下优点：
13.本公开实施例，通过获取设计稿的画板数据，并对画板数据进行标准化处理，得到预览引擎可以识别的d2c数据，从而基于该d2c数据渲染得到d2c效果的预览图像。设计师不需要将设计稿上传到资源管理平台，也不需要从低代码平台上进行预览，而是直接在本地即可实现d2c效果的预览，缩短了设计师d2c预览的链路，提高了预览效率和使用体验。
附图说明
14.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
15.为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
16.图1是相关技术中设计师进行d2c预览的流程示意图；
17.图2是本公开实施例提供的一种设计效果预览方法的示意图；
18.图3是本公开实施例提供的一种设计效果的预览方法的流程图；
19.图4是本公开实施例提供的一种设计稿的示意图；
20.图5是本公开实施例提供的一种绘图工具的界面示意图；
21.图6是本公开实施例提供的一种设计效果的预览方法的流程图；
22.图7是本公开实施例提供的一种预览界面的示意图；
23.图8是本公开实施例提供的一种预览装置的结构示意图；
24.图9是本公开实施例中的一种图形设计设备的结构示意图。
具体实施方式
25.为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
26.在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
27.为了更好理解本公开实施例的技术方案，首先对本公开实施例涉及的部分技术名词进行解释：
28.低代码(lowcode)平台，一种集页面/卡片搭建、可视化、投放等功能为一体的平台。
29.图像大厨(imgcook)，是一种可以将各种图像一键生成可维护的用户界面(user interface，简称ui)视图代码的工具。
30.设计元素管理平台(done)，是一种用于管理设计资源(比如设计稿的数据)的平台。
31.设计稿到代码(design to code，简称d2c)链路，是一种将设计稿转化为研发人员可使用的ui布局的代码的转换链路。在该链路中，设计师可以对用户界面的布局和逻辑进行设计并形成设计稿，然后将设计稿上传到done平台，使得done平台生成相应的资源管理地址，然后设计师将资源管理地址提供给研发人员，研发人员根据资源管理地址，在lowcode平台上进行预览，并对设计稿进行微调。最终定稿的设计将被投放到客户端上进行使用。
32.动态纹理，可以理解为用户界面上只有在特定触发条件下才向用户展示的界面元素，比如气泡消息、兴趣点(point of interest，简称poi)等。
33.ajx框架，一套基于javascript引擎、用于实现移动端跨平台应用开发的系统化解决方案，具有接近于原生应用的高性能。通过ajx框架可以将一个平台的能力移植到另一个平台，从而实现接近于原平台的能力。
34.acorn-sketch，是绘图工具sketch提供的一种能力，可以提供一个自主开发的工具依附在sketch上，并和sketch进行相互通信。
35.schema，可以理解为一个大的json数据，这个json数据管理着每一个布局在ajx框架里对应的属性、样式和标签名称等。
36.示例的，图1是相关技术中设计师进行d2c预览的流程示意图，参见图1，以气泡设计为例，在相关技术中，设计师可以通过绘图工具(比如sketch)对气泡容器、气泡背景、气泡内容(即气泡中的动态纹理)和气泡分组等进行设计得到设计稿。在绘图工具上设计师可以看到设计稿基于绘图工具的协议的设计效果，但是由于d2c链路采用的协议(以下简称d2c协议)和绘图工具不一致，所以无法通过绘图工具预览设计稿在d2c协议中的效果。为了保证设计稿在绘图工具中的效果和在d2c协议中的效果一致，设计师需要将设计稿上传done平台，然后基于done平台生成的资源管理地址，登录lowcode平台，在lowcode平台上进行预览。如果需要对设计稿进行修改，则在修改后还需要重新将修改后的设计稿上传到done平台，然后在lowcode平台重新预览，直到设计稿达到预期效果为止。整个预览的链路比较长，效率较低，用户体验较差。
37.针对相关技术存在的上述问题，本公开实施例提供了一种新的设计效果的预览方法。图2是本公开实施例提供的一种设计效果预览方法的示意图。如图2所示，该方法通过在设计师侧的图形设计设备(比如笔记本电脑、平板电脑、手机、台式电脑等搭载有绘图工具，具备图形界面设计能力的设备)上配置预览装置，使得该装置可以从绘图工具上获取到设计稿的画板数据，并基于画板数据在图形设计设备上进行d2c效果预览，得到预览图像，进而通过图形设计设备对预览图像进行展示。设计师不需要上传设计稿到done平台，也不需要登录lowcode平台，即可实现设计稿的d2c效果的预览，缩短了链路，提高了预览效率和用户体验。
38.下面结合示例性的实施例对本公开实施例的方案进行进一步的说明。
39.图3是本公开实施例提供的一种设计效果的预览方法的流程图，该方法可以由一种预览装置执行，该预览装置可以理解为搭载在图形设计设备上的部分功能模块或者图形设计设备本身。为了方便理解，本公开实施例中的预览装置可以示例性的理解为搭载在图形设计设备中的绘图工具上的一个功能组件，该组件可以理解为基于ajx框架实现的接近于lowcode平台预览能力的组件，通过该组件可以实现对设计稿d2c效果的预览功能。参见图3，本公开实施例提供的预览方法可以包括如下步骤：
40.步骤301、获取设计稿的画板数据。
41.在本公开实施例中，预览装置可以直接从图形设计设备中获取设计稿的画板数据。其中，图形设计设备可以理解为诸如笔记本电脑、平板电脑、手机、台式电脑等搭载有绘图工具，具备图形界面设计能力的设备。
42.设计稿可以理解为对图形界面上包括布局、内容、结构逻辑等进行设计得到的设计稿。示例的，图4是本公开实施例提供的一种设计稿的示意图，如图4所示，设计稿可以由多个画板组成，其中图中的省略号表示至少还包括一个画板。当使用绘图工具，比如
sketch,进行设计时，可以对画板的布局、样式、内容等进行设计得到画板数据。
43.在本公开实施例中绘图工具的数据读写端口向预览装置开放，预览装置可以根据用户指令从绘图工具中获取设计稿中的一个或多个画板的数据。
44.比如，图5是本公开实施例提供的一种绘图工具的界面示意图，如图5所示，可以在绘图工具界面的预设区域上对设计稿中包括的n(n为正整数)个画板进行展示，设计师可以在预设区域中对画板执行选中操作。在设计师选中一个或多个画板，比如，选中画板1和画板2，并点击界面上的“预览”按键后，预览装置从绘图工具中获取被选中的一个或多个画板的画板数据，然后跳转到预览界面。其中，预览装置获取到的画板数据是基于绘图工具可识别的协议生成的数据。
45.需要说明的是图5所示的画板数据获取方法仅是一种示例性的方法而不是唯一方法，比如在其它实施方式中在设计师未选中任何一个画板的情况下，预览装置还可以根据预先设置的配置信息，获取预设样式或者预设位置的画板数据，或者还可以根据配置信息获取全部画板的数据。本公开实施例不对画板数据的获取方法进行限定。
46.步骤302、对画板数据进行标准化处理，得到预览引擎可识别的d2c数据。
47.其中，通过标准化处理得到的d2c数据可以理解为适用于d2c协议，且可以被预览引擎识别的标准数据。
48.在本公开实施例中预览引擎可以示例性的理解为预览装置中内置的预览引擎，通过该预览引擎可以对画板对应的d2c数据进行渲染。
49.在本公开实施例的一种实施方式中，“对画板数据进行标准化处理”可以理解为对画板数据进行转换处理，比如，通过imgcook将基于绘图工具的协议生成的画板数据转换成d2c协议的数据。这时转换得到的d2c协议的数据可能是非标准的d2c数据，该些数据中可能包括一些预览引擎无法识别的数据，比如画板中预设位置的文字，或者结构逻辑等。在这种情况下，可以预先对画板中包含的预览引擎无法识别的项目(可以理解为画板中的元素，包括内容、布局和逻辑)进行配置，然后在将画板数据转换成d2c协议的数据之后，通过acorn-sketch将非标准的d2c数据转发给预览引擎，以使预览引擎根据预先配置的预设项目的信息，从转换得到的d2c协议的数据中删除预设项目的数据，得到预览引擎可识别的d2c数据。也就是说，在一种实施方式中，可以先将画板数据转换成d2c协议的数据，再将对d2c协议的数据进行标准化处理，得到预览引擎可识别的d2c数据。
50.在本公开实施例的另一种实施方式中，还可以向设计师展示预设的预览配置界面，在该预览配置界面上设计师至少可以对预览引擎目标渲染的项目(也可以理解为某个位置上的元素)或者不渲染的项目进行设置。在这种情况下，在将画板数据转化成d2c协议的数据之后，可以根据从预览配置界面上获取到的预览配置信息，将设计师选择渲染的项目的数据从d2c协议的数据中提取出来，或者将不渲染的项目的数据从d2c协议的数据中删除掉。
51.在本公开实施例的又一种实施方式中，如果转换得到的d2c协议的数据中包括预览引擎不可识别的非标准的数据和/或结构关系的表示形式，比如非标准的数据名称和/或标签、元素之间的上下级关系的表示形式等，则还可以根据预览引擎使用的协议，将非标准的数据和/或结构关系的表示形式，比如非标准的数据名称和标签，以及元素之间非标准的上下级关系的表示形式等，转换成标准的数据和/或结构关系的表示形式，得到预览引擎可
识别的d2c数据。
52.需要说明的是上述两种标准化处理方式仅是两种示例性的方式而不是唯一方式，实际上也可以将上述两种方式结合起来对画板数据进行标准化处理。
53.步骤303、基于d2c数据进行渲染，得到预览图像。
54.在本公开实施例中，通过对画板数据进行标准化处理得到预览引擎可识别的d2c数据之后，可以先对d2c数据进行校验，校验的内容示例性的可以包括但不局限于数据来源、格式、是否包含非标准的数据等。如果校验失败，则向设计师展示预览失败的提示消息，如果校验通过，将d2c数据传输给预览引擎。预览引擎接收到d2c数据之后，对d2c数据进行转译，将d2c数据转译成渲染框架适用协议的的数据，然后对数据进行渲染，得到预览图像。
55.本公开实施例，通过在图像设计设备上设置预览装置，通过预览装置可以直接从图形设计设备上获取设计稿的画板数据，并对画板数据进行标准化处理，得到预览引擎可以识别的d2c数据，从而基于该d2c数据即可渲染得到d2c效果的预览图像。设计师不需要将设计稿上传到资源管理平台，也不需要从低代码平台上进行预览，而是直接在本地的图形设计设备即可实现d2c效果的预览，缩短了设计师d2c预览的链路，提高了预览效率和使用体验。
56.图6是本公开实施例提供的一种设计效果的预览方法的流程图，如图6所示，在基于图3实施例的方法得到预览图像之后，本公开实施例提供的方法还可以包括如下步骤：
57.步骤501、检测针对预览图像上的元素的调整操作。
58.其中，预览图像上的元素可以理解为预览图像上显示的图形、布局和内容。
59.针对预览图像上的元素的调整操作，比如可以是拖拽、点击、拉伸、调整形状、颜色和背景等操作，也可以是通过预设的辅助工具进行调整的操作，但不局限于这里列举的操作。
60.示例的，图7是本公开实施例提供的一种预览界面的示意图。参见图7，在图7所示的预览界面中包括预览区域601，预览图像在预览区域601上进行显示。除此之外，预览界面上还可以包括辅助工具区域602。在辅助工具区域602上包括多种辅助工具，比如用于对预览图像的图层进行干预的图层干预工具和用于对预览图像的d2c代码进行干预的代码干预工具。其中，图层干预工具，比如可以包括用于对预览图像上的多个图层进行合并的合并图工具、用于对预览图像上包括的多个分组进行合并的合并组工具、用于固定预览图像和/或预览图像中的某个元素的宽度和高度的定宽工具和定高工具、用于对预览图像上的气泡进行调整(比如调整气泡容器的宽、高、形状，调整气泡背景，描边等)的图面气泡工具等。代码干预工具，比如可以包括用于在代码层面对预览图像的排列分布进行调整的排列分布工具、用于对预览图像上元素间距等进行调整的间距调整工具，以及用于对预览图像上元素的居中位置进行调整的居中位置调整工具等。设计师可以通过预览区域601对设计效果进行预览，通过辅助工具区域602上的辅助工具对预览图像上的元素进行调整。
61.步骤502、响应于调整操作，更新元素在d2c数据中对应的数据。
62.承接上例，假设设计师通过图层干预工具中的定宽工具和定高工具将预览图像的高度和宽度设置成固定的高度值和宽度值，那么，在设计师完成设置后，需要将d2c数据中对应于预览图像高度和宽度的数据更新为设计师新设置的固定高度值和固定宽度值。针对预览图像和/或预览图像上的元素的其它调整，以及数据更新方式可以参见上述示例中的
定高和定宽调整方式，在这里不再赘述。
63.步骤503、基于更新后的数据，调整元素在预览图像上的显示效果。
64.仍以上述调整预览图像高度和宽度的例子为例，当将d2c数据中对应于预览图像高度和宽度的数据更新为设计师设定的高度和宽度后，对预览区域中展示的预览图像的高度和宽度进行调整，使得预览图像的高度和宽度达到设计师设置的高度和宽度。
65.其它显示效果的更新方法可以参见上例，在这里不再赘述。
66.通过上述方法，本公开实施例不但能够在设计师使用的图形设计设备上对设计稿的d2c效果进行预览，还提供了对d2c效果进行编辑和修改的功能，提高了设计师的设计效率，简化了预览、修改的链路，提高了设计师的设计体验。
67.图8是本公开实施例提供的一种预览装置的结构示意图，该装置可以是搭载在上述图形设计设备上的功能模块，也可以是上述图形设计设备本身。如图8所示，预览装置70包括：
68.获取模块71，用于从获取设计稿的画板数据；
69.处理模块72，用于对所述画板数据进行标准化处理，得到预览引擎可识别的d2c数据；
70.渲染模块73，用于基于所述d2c数据进行渲染，得到预览图像。
71.在一种实施方式中，获取模块71，用于：
72.展示设计稿中的画板；
73.获取被选中的一个或多个画板的画板数据。
74.在一种实施方式中，处理模块72，包括：
75.转换子模块，用于将所述画板数据转换成d2c协议的数据；
76.标准化处理子模块，用于对所述d2c协议的数据进行标准化处理，得到预览引擎可识别的d2c数据。
77.在一种实施方式中，标准化处理子模块，用于从所述d2c协议的数据中删除预设项目的数据；将剩余数据的数据名称和/或上下级关系的表示形式转换成所述预览引擎可识别的名称和/或表示形式。
78.在一种实施方式中，预览装置70还可以包括：
79.展示模块，用于展示预览配置界面；
80.界面交互模块，用于基于所述预览配置界面获取预览配置信息，所述预览配置信息中包括所述预设项目的信息。
81.在一种实施方式中，预览装置70还可以包括：
82.校验模块，用于对所述d2c数据进行校验；
83.渲染模块73，用于在校验通过时，基于所述d2c数据进行渲染，得到预览图像。
84.在一种实施方式中，预览装置70还可以包括：
85.检测模块，用于检测针对所述预览图像上的元素的调整操作；
86.更新模块，用于响应于调整操作，更新所述元素在所述d2c数据中对应的数据；
87.调整模块，用于基于更新后的数据，调整所述元素在所述预览图像上的显示效果。
88.本公开实施例提供的装置，能够执行上述任一方法实施例的方法，其执行方式和有益效果类似，在这里不再赘述。
89.本公开实施例还提供一种图形设计设备，该图形设计设备包括处理器和存储器，其中，存储器上存储有计算机程序，当该计算机程序被图形设计设备中的处理器执行时，处理器可以执行上述任一方法实施例的方法。
90.示例的，图9是本公开实施例中的一种图形设计设备的结构示意图。下面具体参考图9，其示出了适于用来实现本公开实施例中的图形设计设备1400的结构示意图。本公开实施例中的图形设计设备1400可以包括但不限于诸如笔记本电脑、pad(平板电脑)、台式计算机等具有图形界面设计能力和数据处理能力的设备。图9示出的图形设计设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
91.如图9所示，图形设计设备1400可以包括处理装置(例如中央处理器、图形处理器等)1401，其可以根据存储在只读存储器(rom)1402中的程序或者从存储装置1408加载到随机访问存储器(ram)1403中的程序而执行各种适当的动作和处理。在ram 1403中，还存储有图形设计设备1400操作所需的各种程序和数据。处理装置1401、rom 1402以及ram 1403通过总线1404彼此相连。输入/输出(i/o)接口1405也连接至总线1404。
92.通常，以下装置可以连接至i/o接口1405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1406；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置1407；包括例如磁带、硬盘等的存储装置1408；以及通信装置1409。通信装置1409可以允许图形设计设备1400与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的图形设计设备1400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
93.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1409从网络上被下载和安装，或者从存储装置1408被安装，或者从rom 1402被安装。在该计算机程序被处理装置1401执行时，执行本公开实施例的方法中限定的上述功能。
94.需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述
的任意合适的组合。
95.上述计算机可读介质可以是上述图形设计设备中所包含的；也可以是单独存在，而未装配入该图形设计设备中。
96.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被处理装置执行时，使得处理装置：可以直接获取设计稿的画板数据，并对画板数据进行标准化处理，得到预览引擎可识别的d2c数据，从而基于该d2c数据进行渲染，得到预览图像。
97.可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如java、smalltalk、c ，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
98.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
99.描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。
100.本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。
101.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
102.本公开实施例还提供一种计算机可读存储介质，所述存储介质中存储有计算机程序，当所述计算机程序被处理器执行时可以实现上述图3-图7中任一实施例的方法，其执行
方式和有益效果类似，在这里不再赘述。
103.本公开实施例还提供一种计算机程序产品，所述程序产品存储在存储介质中，当所述程序产品运行时，可以实现图3-图7中任一实施例的方法，其执行方式和有益效果类似，在这里不再赘述。
104.需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
105.以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。