标签处理的方法、装置、电子设备和存储介质与流程

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.在又一个实施例中，所述更新单元，还用于接收第六操作指令，获取所述第六操作指令从所述标签标识对应的属性信息中选取的待变更属性信息和所述待变更属性信息对应的变更后属性信息，将所述待变更属性信息变更为所述变更后属性信息，渲染所述变更后属性信息；
39.所述更新单元，还用于对所述图片组中各图片，获取对应所述待编辑标签的当前属性信息，以判断是否为所述待变更属性信息；若是，则将对应所述待编辑标签的当前属性信息更新为所述变更后属性信息；若否，则不作处理。
40.在又一个实施例中，所述装置还包括：
41.获取单元，用于接收第七操作指令，获取所述第七操作指令从所述已有标签中选取待移动标签；
42.所述判断单元，还用于接收第八操作指令，获取所述第八操作指令中的操作结束位置，以判断是否属于所述目标图片的显示区域内；
43.所述渲染单元，还用于若否，则忽略所述第八操作指令；若是，则在所述第八操作指令中的操作结束位置渲染所述待移动标签。
44.在又一个实施例中，所述渲染单元，还用于接收第七操作指令，获取所述第七操作指令中的新属性信息，将所述新属性信息添加至所述目标图片对应的属性信息，显示所述新属性信息。
45.在又一个实施例中，所述显示单元，还用于接收第九操作指令，获取所述第九操作指令中的新属性信息，将所述新属性信息添加至所述目标图片对应的属性信息，显示所述新属性信息。
46.在又一个实施例中，所述渲染单元，还用于计算所述拖拽结束位置在所述显示区域内所属的位置区间，查询所述位置区间对应标签孔的显示参数，以在所述标签上渲染标签孔。
47.为实现上述目的，根据本发明实施例的再一个方面，提供了一种电子设备。
48.本发明实施例的一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例提供的标签处理的方法。
49.为实现上述目的，根据本发明实施例的又一个方面，提供了一种计算机可读介质。
50.本发明实施例的一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例提供的标签处理的方法。
51.上述发明中的一个实施例具有如下优点或有益效果：本发明实施例中，基于第一操作指令中目标图片的图片标识，可以查询出对应的属性信息并进行显示；基于第二操作指令可以确定从属性信息中选取的待处理属性信息，进而生成对应的标签；基于第三操作指令可以确定出操作结束位置，即标签要显示的位置，进而在确定出操作结束位置属于目标图片的显示区域内时，可以在操作结束位置渲染生成的标签。本发明实施例中，对目标图片通过接收的操作指令，可以从显示的属性信息中直接选取出用于展示的待处理属性信息，以生成标签，并将该标签渲染在操作结束位置，实现了通过标签所展示属性信息的动态调整，如此无需调整目标图片的其他标签，操作过程简单，花费时间较短，提高标签处理的效率。并且，本发明实施例中，对目标图片添加的标签可以直接渲染至目标图片的操作结束位置，标签渲染后的结果即为该标签在目标图片的显示效果，如此实现所见即所得的标签处理效果，以便于开发人员对目标图片添加标签的调整，提高了标签处理的效率。
52.上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
53.附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
54.图1是根据本发明实施例的标签处理的方法的一种主要流程的示意图；
55.图2是根据本发明实施例的属性信息的一种示意图；
56.图3是根据本发明实施例的标签渲染结果的一种示意图；
57.图4是根据本发明实施例的标签对应属性信息的一种示意图；
58.图5是根据本发明实施例的标签处理的方法的又一种主要流程的示意图；
59.图6是根据本发明实施例的图片列表显示的结果的一种示意图；
60.图7是根据本发明实施例的标签处理的装置的主要单元的示意图；
61.图8是本发明实施例可以应用于其中的又一种示例性系统架构图；
62.图9是适于用来实现本发明实施例的计算机系统的结构示意图。
具体实施方式
63.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
64.需要指出的是，在不冲突的情况下，本发明中的实施例以及实施例中的特征可以互相组合。
65.本发明实施例提供一种标签处理的系统，该系统可以用于对图片进行标签处理的场景。
66.本发明实施例提供了一种标签处理的方法，该方法可由具有显示功能的设备执
行，如图1所示，该方法包括：
67.s101：接收第一操作指令，获取第一操作指令中目标图片的图片标识，以查询目标图片对应的属性信息，显示属性信息。
68.其中，目标图片为待进行标签处理的图片。第一操作指令，即第一操作对应的指令，表示对目标图片进行标签处理的操作指令。第一操作可以基于场景设置，例如，双击显示界面中的目标图片，或者显示界面中可以包括标签处理选项，第一操作指令可以为选中目标图片并点击标签处理选项等等。
69.接收第一操作指令后可以触发其对应的处理流程。本步骤中获取第一操作指令中目标图片的图片标识，可以确定出标签处理所对应的图片，查询目标图片对应的属性信息并显示属性信息，可以使操作人员基于显示的属性信息处理目标图片的标签。
70.目标图片对应的属性信息可以为预先存储的，具体可以建立目标图片标识与属性信息之间的对应关系，本步骤中通过此对应关系和目标图片的图片标识可以查询出目标图片对应的属性信息。
71.需要说明的是，目标图片的属性信息可以包括已经生成标签的属性信息。具体的属性信息可以包括属性标识和与属性标识对应属性值，具体属性值可以为一段文本信息，也可以包括通过预设形式存储的信息，预设形式可以包括key-value形式。其中，key可以表示属性标识(如属性名称)，value可以表示预设的属性值，属性值可以包括一个或多个。如图2所示，为属性信息的一种示意图，其中，key为颜色，即属性名称，value为橄榄绿、黄色、白色。
72.本发明实施例的一种实施方式中，本步骤显示属性信息后，如不能满足需求还可以再添加新属性信息，具体可以执行为：接收第九操作指令，获取第九操作指令中的新属性信息，将新属性信息添加至目标图片对应的属性信息，显示新属性信息。
73.第九操作指令表示添加新属性信息的操作指令，具体操作可以基于具体场景设置，例如设置添加新属性信息的选项，操作人员点击该选项后弹出输入框，输入框包括提交选项，操作人员可以将新属性信息输入至输入框中并点击提交选项，进而实现输入第九操作指令。基于第九操作指令中包括的新属性信息，获取新属性信息后可以将其添加至目标图片对应的属性信息中，并对其进行显示，以便于后续操作。新属性信息可以为包括属性标识和对应的属性值，即可以为新增的某新属性标识和对应的属性值，也可以为属性信息中已经包括的属性标识和对应新增的属性值，例如，对于图2所示属性信息，可以新增黑色作为颜色新增的属性值。
74.本发明实施例中，对于显示的属性信息，在执行显示步骤后还可以通过预设的操作指令对其进行修改，具体可以为对属性标识的修改，也可以为对某个属性标识的属性值修改。例如，如图2所示，可以对颜色本身修改，也可以对颜色对应的属性值进行修改，如将黄色修改为黑色。本步骤中如果对属性信息进行来了修改，还需要判断被修改的属性信息是否为目标图片已经生成的标签对应的属性信息，如果是，则需要将目标图片已经生成的标签对应的属性信息同步修改，以保证数据的一致性。
75.需要说明的是，本发明实施例中对目标图片进行标签处理，所以可以先显示目标图片，所以本发明实施例中可以预先设置图片的显示区域和属性信息的显示区域，如此本步骤中目标图片显示在对应的图片显示区域，属性信息显示在对应的显示区域。
76.s102：接收第二操作指令，获取第二操作指令从属性信息中选取的待处理属性信息，以生成对应的标签。
77.其中，第二操作指令表示从属性信息中选取的待处理属性信息的指令。第二操作指令中包括了选取的待处理属性信息。待处理信息可以为从文本信息中选取的字符，也可以为某属性名称对应的属性值。
78.待处理属性信息为选取的、用于标签中显示的内容，所以基于此可以生成标签。具体的，由于不同属性信息包括内容不同，显示时所需的标签大小也不相同，而标签中内容通常通过一行显示，所以待处理信息主要影响标签宽度，即待处理属性信息的显示宽度。所本步骤中可以计算待处理属性信息的文本长度，以确定待处理属性信息的显示宽度，然后获取标签显示时的标签样式参数，从而可以结合待处理属性信息、显示宽度和标签样式参数来生成待处理属性信息对应的标签。
79.需要说明的是，标签样式参数可以包括标签颜色、标签高度等等。本发明实施例中，可以预先设置默认的标签样式参数，本步骤中也可以基于操作指令输入操作人员自定义的标签样式参数，所以获取标签显示时的标签样式参数的步骤可以具体执行为：判断是否接收到输入的标签样式参数，若是，则获取输入的标签样式参数；若否，则获取预先设置的标签样式参数。本步骤中，待处理属性信息可以基于显示时的字体和字号来计算待处理属性信息的文本长度，也可以预先设置标签中内容显示的字体和字号，进而基于此可以计算出待处理属性信息的文本长度，基于此可以确定出待处理属性信息的显示宽度，从而可以确定出生成标签时的宽度。本发明实施例中，生成的标签可以包括标签标识，可以用于唯一标识标签，并存储标签标识与待处理属性信息、以及待处理信息所对应属性标识之间的对应关系，以便于查询标签与属性信息之间的关联关系，进而在属性信息修改时可以保证数据的一致性。生成标签标识的方式可以预先设置，例如可以将属性信息对应的属性标识确定为标签标识，或者基于预设规则生成标签标识。待处理信息生成标签后，待处理信息通常即为该标签的当前属性信息，即渲染时显示的属性信息，该标签即表示显示的为待处理信息所对应的属性，所以待处理信息所对应属性标识的属性值均为该标签标识对应的属性信息，即属于该标签可以调整的标签值，以便于通过待处理信息所对应属性标识的属性值调整标签对应当前属性信息。
80.本发明实施例中，各标签的显示样式和宽度均可以基于待处理属性信息的具体内容和输入的标签样式参数进行适应性调整，从而得出个性化的标签，实现标签显示的多样化。
81.需要说明的是，本发明实施例中，待处理属性信息可以从为一段文本信息的属性值中截取的多个字符，这些字符可以为连续的，也可以为不连续的。如果字符为连续的，则可以直接确定这些字符为待处理属性信息；如果字符为不连续的，则可以先将这些字符拼接，以生成待处理属性信息，其中拼接方式可以具体为：将多个字符按照在文本信息中的顺序排列，生成待处理属性信息。
82.所以本发明实施例中，可以直接从文本信息中截取待处理属性信息，进而生成标签，从而使标签生成更加便捷，操作简单，简化标签处理的效率，也可以满足操作人员的不同需求。
83.s103：接收第三操作指令，获取第三操作指令中操作结束位置，判断操作结束位置
是否属于目标图片的显示区域内。
84.其中，接收第三操作指令用于确定标签的显示位置，即为操作结束位置。本发明实施例中第三操作指令具体可以为拖拽操作指令，即拖拽生成的标签至显示位置，或者也可以为点击操作指令，即点击标签的显示位置，点击的位置即为操作结束位置。
85.本步骤中为对目标图片的标签处理，操作结束位置需要位于目标图片的显示区域内，所以从第三操作指令中操作结束位置后，还可以判断操作结束位置是否属于目标图片的显示区域内。如果是，则可以确定操作结束位置为有效位置，可以作为标签显示位置；如果否，则可以确定操作结束位置为无效位置，不可以作为标签显示位置。
86.具体的，本步骤中获取操作结束位置可以为获取操作结束位置的坐标。
87.第三操作指令具体为拖拽操作指令时，本发明实施例中可以设置随着拖拽操作同步显示生成的标签，具体的可以设置实现该功能组件，组件中包括对应的代码，代码中可以包括标签数据，包括标签标识(标签id)、拖拽的位置信息(x轴坐标left和y轴坐标top)待处理信息(标签上显示的文本，以children表示)和标签样式参数(index)，如此随着拖拽操作执行可以循环调用该功能组件实现标签随拖拽操作执行同步显示。如图3所示，为拖拽过程中同步显示标签的一种示意图，其中颜色标签为生成的标签，在拖拽操作执行中可以同步进行显示。
88.s104：若否，则忽略第三操作指令；若是，则在操作结束位置渲染标签。
89.其中，若否，说明操作结束位置为无效位置，此时可以忽略第三操作指令，即不执行第三操作指令，进而等待操作指令的重新输入；若是，说明操作结束位置为有效位置，则可以在操作结束位置渲染标签，即将生成的标签显示在目标图像上，以便于操作用户查看标签的显示效果。
90.本发明实施例中，为了对每个标签还可以显示标签孔，标签孔可以使标签显示更加形象。标签孔的样式可以预先设置，其位置通常基于标签的显示位置确定。具体的，本发明实施例中可以对目标图片划分位置区间，并设置各位置区间对应标签孔的显示参数，基于拖拽结束位置所属的位置区间可以查询出标签对应标签孔的显示参数，并进行渲染。显示参数可以包括位置参数和样式参数。
91.具体的，本发明实施例中可以基于目标图像的显示区域的x轴中心线对目标图片划分为左侧位置区间和右侧位置区间，并设置位于左侧位置区间的标签中标签孔显示在标签的右端、位于右侧位置区间的标签中标签孔显示在标签的左端，并设置默认标签孔的样式参数。如此基于拖拽结束位置的x轴坐标即可确定出所属位置区间。即x坐标大于等于x轴中心线的操作结束位置，可以确定其位于右侧位置区间，x坐标小于x轴中心线的操作结束位置，可以确定其位于左侧位置区间。然后基于预设的默认标签孔的样式参数和显示参数在标签上渲染标签孔。图3中，硅胶标签为显示在目标图片的左侧位置区域，骷髅吉他标签为显示在目标图片的右侧位置区域，标签孔渲染后的结果可以如图3所示。
92.本发明实施例的又一种实现方式中，在对用于展示的物品中，通常相同物品图片或同一类型的物品图片，其设置的标签是相同的，所以为了简化标签处理流程，便于对相同物品图片或同一类型的物品图片的标签处理，可以将这些图片设置为一个图片图组。如此在图目标图片进行标签处理时，可以以同样处理方式对目标图片所属图片组中所有图片均执行同样的处理方式。
93.具体的，在执行本步骤后，还可以执行：基于图片标识查询目标图片所属图片组，获取图片组中所包括的图片，以基于操作结束位置为图片组中图片添加所述标签。
94.本发明实施例中预先建立目标图片与其所属图片组的标识对应关系，则基于图片标识查询目标图片所属图片组，进而可以获取图片组中所包括的图片，可以具体为图片标识，然后在各图片的操作结束位置添加生成的标签。具体的，添加生成的标签可以执行为：建立各图片标识与标签的对应的关系，并存储操作结束位置，即标签的显示位置。如此后续可以直接在各图片中操作结束位置渲染标签。
95.本发明实施例中，对目标图片通过接收的操作指令，可以从显示的属性信息中直接选取出用于展示的待处理属性信息，以生成标签，并将该标签渲染在操作结束位置，实现了通过标签所展示属性信息的动态调整，如此无需调整目标图片的其他标签，操作过程简单，花费时间较短，提高标签处理的效率。并且，本发明实施例中，对目标图片添加的标签可以直接渲染至目标图片的操作结束位置，标签渲染后的结果即为该标签在目标图片的显示效果，如此实现所见即所得的标签处理效果，以便于开发人员对目标图片添加标签的调整，提高了标签处理的效率。
96.需要说明的是，通过图1所示实施例，可以实现目标图片添加标签的处理。本发明实施例中，对标签的处理还可以包括对目标图片已有标签的处理。
97.下面结合图1所示的系统架构，对本发明实施例中标签处理的方法进行具体说明。在执行步骤s101之后，本发明实施例提供了又一种标签处理的方法，如图4所示，该方法包括：
98.s401：获取第一操作指令中目标图片的图片标识，以查询目标图片的已有标签，以在目标图片的显示区域渲染已有标签。
99.步骤s101中显示了目标图片对应的属性信息，本步骤还可以查询目标图片的已有标签，并在目标图片的显示区域渲染已有标签。如图3中所示的硅胶标签即为已有标签，显示目标图片的已有标签，以便于对目标图片的标签进行处理。
100.s402：接收第四操作指令，获取第四操作指令从已有标签中选取待编辑标签的标签标识，查询标签标识对应的各属性信息，显示标签标识对应的各属性信息。
101.本发明实施例中各标签包括标签标识和标签对应的属性信息，标签对应的属性信息即为标签对应属性标识的属性值，当前属性信息为标签当前显示的属性信息，标签标识与该属性信息的属性标识存在关联关系，每个属性标识可以对应一个或多个属性值，所以本发明实施例中标签可以对应多个属性信息。
102.所以在显示目标图片的已有标签后，可以接收第四操作指令，第四操作指令表示对已有标签进行编辑的指令，即编辑已有标签的当前属性信息。所以从第四操作指令中可获取待编辑标签的标签标识，待编辑标签的标签标识为从目标图片已有标签中选取的。基于标签标识可以查询出关联的属性标识，进而基于属性标识可以查询对应的各属性值，即标签标识对应的各属性信息，然后可以渲染显示这些属性信息，以便于操作人员查看和选择。渲染属性信息的方式可以为在界面的最上层弹出新显示窗口，然后从新显示窗口中渲染属性信息。
103.如图3所示，对于硅胶标签，当前属性信息为硅胶，其属于材质类型，本发明实施例中可以设置此硅胶标签的标签标识为材质，以及属性信息中硅胶所属属性标识也为材质，
所以本步骤中基于材质可以查询出属性标识为材质时所对应的属性值，即标签标识对应的属性信息。本发明实施例中，设置材质对应的属性信息包括有机玻璃、不锈钢、硅胶、铝塑板和玻璃钢，则本步骤查询出标签标识对应的属性信息为有机玻璃、不锈钢、硅胶、铝塑板和玻璃钢，然后进行渲染，渲染结果可以如图5所示。
104.s403：接收第五操作指令，获取第五操作指令从标签标识对应的属性信息中选取的目标属性信息，将目标图片对应待编辑标签的当前属性信息更新为目标属性信息，渲染更新后的待编辑标签。
105.第五操作指令中包括目标属性信息，表示将待编辑标签的当前属性信息更新为目标属性信息，其中目标属性信息为从步骤s402中显示的属性信息中选取的。所以本步骤中获取第五操作指令中目标属性信息后可以将待编辑标签的当前属性信息更新为目标属性信息，然后可以重新在目标图片的显示区域中渲染待编辑标签，以显示更新后的标签。
106.例如，在图5所示场景中，设目标属性信息为有机玻璃，则在将待编辑标签的当前属性信息更新为目标属性信息之后渲染待编辑标签，待编辑标签显示的内容应该为有机玻璃。
107.在执行本步骤之前，如果步骤s402显示的属性信息不能满足需求时，可以新增属性信息或修改属性信息。其中如果新增属性信息，可以输入包括新增属性信息的操作指令，则基于输入的操作指令可以获取新增属性信息，进而将该新增属性信息添加为属性标识对应的属性值，并显示该新增属性信息，以便于执行本步骤。
108.如果修改属性信息，则可以执行为：接收第六操作指令，获取第六操作指令从标签标识对应的属性信息中选取的待变更属性信息和待变更属性信息对应的变更后属性信息，将待变更属性信息变更为变更后属性信息，基于变更后属性信息渲染待编辑标签。第六指令中包括了标签标识对应的属性信息中需要修改的属性信息，即待变更属性信息，以及修改后的属性信息，即待变更属性信息对应的变更后属性信息。如此获取待变更属性信息和变更后属性信息后，可以将待变更属性信息变更为变更后属性信息，然后可以进行渲染，以显示变更后标签标识对应的属性信息。
109.例如，在图5所示场景中，待变更属性信息为硅胶，变更后属性信息为木材，则执行上述过程后，显示界面中硅胶则会变更为木材。
110.在上述修改属性信息过程中，由于待变更属性信息被修改，即该属性值被修改为变更后属性信息，所以图片组中各图片对应待编辑标签的当前属性信息如果为待变更属性信息，则也需要被修改为变更后属性信息，以保证数据一致。具体可以执行为：对图片组中各图片，获取对应待编辑标签的当前属性信息，以判断是否为待变更属性信息；若是，则将对应待编辑标签的当前属性信息更新为变更后属性信息；若否，则不作处理。
111.需要说明的是，在变更后属性信息与待变更属性信息的文本长度相同时，上述修改属性信息过程后，在渲染待编辑标签时，可以直接将待变更属性信息变更为变更后属性信息，然后基于待编辑标签的原有参数直接渲染。但是在变更后属性信息与待变更属性信息的文本长度相同时，变更后属性信息无法适应原待编辑标签的大小，此时需要基于变更后属性信息重新生成待编辑标签，具体生成方式可以如步骤s102中所述，在此不再赘述。
112.本发明实施例中，对已有标签的处理还包括对其标签样式参数的修改。具体的，可以通过输入包括待编辑标签的标识和修改后标签样式参数的操作指令，进而基于输入的操
作指令可以对待编辑标签的标签样式参数修改。
113.例如，本发明实施例中可以设置颜色选择器来配置各标签的颜色，对标签颜色的修改场景中，可以接收输入包括待编辑标签的标识的颜色修改操作指令，通过颜色选择器查询可配置的标签颜色并显示，然后可以在接收包括修改后颜色的操作指令，进而将待编辑标签的标签样式参数中颜色更新为修改后颜色，并重新渲染待编辑标签。
114.本发明实施例中，对目标图片已有标签可以进行编辑，编辑后的渲染的结果即为该标签在目标图片的显示效果，如此实现所见即所得的标签处理效果，以便于开发人员对目标图片添加标签的调整，提高了标签处理的效率。
115.本发明实施例中，对已有标签的处理还包括移动已有标签，具体执行过程可以为：接收第七操作指令，获取第七操作指令从已有标签中选取待移动标签；接收第八操作指令，获取第八操作指令中的操作结束位置，以判断是否属于目标图片的显示区域内；若否，则忽略第八操作指令；若是，则在第八操作指令中的操作结束位置渲染待移动标签。
116.第七操作指令中包括从已有标签中选取的待移动标签，表示修改待移动标签的位置，第八操作指令中的操作结束位置表示将待移动标签移动后的位置，所以在接收第八操作指令后，可以获取操作结束位置，进而可以在判定操作结束位置属于目标图片的显示区域内时在第八操作指令中的操作结束位置渲染待移动标签，实现对已有标签的移动。在对目标图片的带移动标签移动后，与目标图片说书图片组中各图片对应的此标签均需要同步移动，所以在第八操作指令中的操作结束位置渲染待移动标签之后，还可以执行获取目标图片所属图片组中各图片对应的待移动标签，更新各图片对应的待移动标签的显示位置为第八操作指令中的操作结束位置。
117.本发明实施例中，通过对目标图片的标签处理，实现各标签可以基于对应属性信息的个性化显示，实现动态处理图片的标签，并且可以同步处理属于相同图片组的各图片的标签。在对图片的标签处理后，可以通过图片列表的方式同时显示各不同图片和对应的标签。具体的可以设置gettitle函数用于获取标签的属性信息、设置getstyle函数用于获取标签样式参数，进而通过循环调用上述函数实现各图片标签的显示。如图6所示，为图片列表中各图片标签的显示结果示意图。
118.需要说明的是，本发明实施例中均为预先设置了各操作与指令之间的对应关系，所以再接收各操作后可以查询出对应的指令，进而可以触发执行该指令的处理流程，以实现对标签的处理。
119.为了解决现有技术存在的问题，本发明实施例提供了一种标签处理的装置700，如图7所示，该装置700包括：
120.显示单元701，用于接收第一操作指令，获取所述第一操作指令中目标图片的图片标识，以查询所述目标图片对应的属性信息，显示所述属性信息；
121.生成单元702，用于接收第二操作指令，获取所述第二操作指令从所述属性信息中选取的待处理属性信息，以生成对应的标签；
122.判断单元703，用于接收第三操作指令，获取所述第三操作指令中操作结束位置，判断所述操作结束位置是否属于所述目标图片的显示区域内；
123.渲染单元704，用于若否，则忽略所述第三操作指令；若是，则在所述操作结束位置渲染所述标签。
124.应理解的是，实施本发明实施例的方式与实施图1所示实施例的方式相同，在此不再赘述。
125.在一个实施例中，所述生成单元702，用于计算所述待处理属性信息的文本长度，以确定所述待处理属性信息的显示宽度，获取标签样式参数，进而结合所述待处理属性信息，生成所述标签。
126.在又一个实施例中，所述生成单元702，具体用于：
127.获取所述第二操作指令从所述属性信息中选取的多个字符，将所述多个字符拼接，生成所述待处理属性信息。
128.在又一个实施例中，所述装置700还包括：
129.添加单元，用于基于所述图片标识查询所述目标图片所属图片组，获取所述图片组中所包括的图片，以基于所述操作结束位置为所述图片组中图片添加所述标签。
130.在又一个实施例中，所述显示单元701，还用于获取所述第一操作指令中目标图片的图片标识，以查询所述目标图片的已有标签，以在所述目标图片的显示区域渲染所述已有标签；
131.所述显示单元701，用于接收第四操作指令，获取所述第四操作指令从所述已有标签中选取待编辑标签的标签标识，查询所述标签标识对应的各属性信息，显示所述标签标识对应的各属性信息；
132.所述装置700还包括：
133.更新单元，用于接收第五操作指令，获取所述第五操作指令从标签标识对应的各属性信息中选取的目标属性信息，将所述目标图片对应所述待编辑标签的当前属性信息更新为所述目标属性信息，渲染更新后的待编辑标签。
134.在又一个实施例中，所述更新单元，还用于接收第六操作指令，获取所述第六操作指令从所述标签标识对应的属性信息中选取的待变更属性信息和所述待变更属性信息对应的变更后属性信息，将所述待变更属性信息变更为所述变更后属性信息，渲染所述变更后属性信息；
135.所述更新单元，还用于对所述图片组中各图片，获取对应所述待编辑标签的当前属性信息，以判断是否为所述待变更属性信息；若是，则将对应所述待编辑标签的当前属性信息更新为所述变更后属性信息；若否，则不作处理。
136.在又一个实施例中，所述装置700还包括：
137.获取单元，用于接收第七操作指令，获取所述第七操作指令从所述已有标签中选取待移动标签；
138.所述判断单元703，还用于接收第八操作指令，获取所述第八操作指令中的操作结束位置，以判断是否属于所述目标图片的显示区域内；
139.所述渲染单元704，还用于若否，则忽略所述第八操作指令；若是，则在所述第八操作指令中的操作结束位置渲染所述待移动标签。
140.在又一个实施例中，所述渲染单元704，还用于接收第七操作指令，获取所述第七操作指令中的新属性信息，将所述新属性信息添加至所述目标图片对应的属性信息，显示所述新属性信息。
141.在又一个实施例中，所述显示单元701，还用于接收第九操作指令，获取所述第九
操作指令中的新属性信息，将所述新属性信息添加至所述目标图片对应的属性信息，显示所述新属性信息。
142.在又一个实施例中，所述渲染单元701，还用于计算所述拖拽结束位置在所述显示区域内所属的位置区间，查询所述位置区间对应标签孔的显示参数，以在所述标签上渲染标签孔。
143.应理解的是，实施本发明实施例的方式与实施图1或图2所示实施例的方式相同，在此不再赘述。
144.本发明实施例中，对目标图片通过接收的操作指令，可以从显示的属性信息中直接选取出用于展示的待处理属性信息，以生成标签，并将该标签渲染在操作结束位置，实现了通过标签所展示属性信息的动态调整，如此无需调整目标图片的其他标签，操作过程简单，花费时间较短，提高标签处理的效率。并且，本发明实施例中，对目标图片添加的标签可以直接渲染至目标图片的操作结束位置，标签渲染后的结果即为该标签在目标图片的显示效果，如此实现所见即所得的标签处理效果，以便于开发人员对目标图片添加标签的调整，提高了标签处理的效率。
145.根据本发明的实施例，本发明实施例还提供了一种电子设备和一种可读存储介质。
146.本发明实施例的电子设备包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行本发明实施例所提供的标签处理的方法。
147.图8示出了可以应用本发明实施例的标签处理的方法或标签处理的装置的示例性系统架构800。
148.如图8所示，系统架构800可以包括终端设备801、802、803，网络804和服务器805。网络804用以在终端设备801、802、803和服务器805之间提供通信链路的介质。网络804可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
149.用户可以使用终端设备801、802、803通过网络804与服务器805交互，以接收或发送消息等。终端设备801、802、803上可以安装有各种客户端应用。
150.终端设备801、802、803可以是但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
151.服务器805可以是提供各种服务的服务器，服务器可以对接收到的属性信息查询请求等数据进行分析等处理，并将处理结果(例如属性信息
‑‑
仅为示例)反馈给终端设备。
152.需要说明的是，本发明实施例所提供的标签处理的方法一般由服务器805执行，相应地，标签处理的装置一般设置于服务器805中。
153.应该理解，图8中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
154.下面参考图9，其示出了适于用来实现本发明实施例的计算机系统900的结构示意图。图9示出的计算机系统仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
155.如图9所示，计算机系统900包括中央处理单元(cpu)901，其可以根据存储在只读
存储器(rom)902中的程序或者从存储部分908加载到随机访问存储器(ram)903中的程序而执行各种适当的动作和处理。在ram 903中，还存储有系统900操作所需的各种程序和数据。cpu 901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
156.以下部件连接至i/o接口905：包括键盘、鼠标等的输入部分906；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分907；包括硬盘等的存储部分908；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至i/o接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入存储部分908。
157.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(cpu)901执行时，执行本发明的系统中限定的上述功能。
158.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
159.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个单元、程序段、或代码的一部分，上述单元、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组
合来实现。
160.描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括显示单元、生成单元、判断单元和渲染单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，显示单元还可以被描述为“显示单元的功能的单元”。
161.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备执行本发明所提供的数据对比的方法。
162.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。