数据显示方法和装置、电子设备及存储介质与流程

1.本公开涉及但不限于计算机技术领域，尤其涉及一种数据显示方法和装置、电子设备及存储介质。


背景技术：

2.相关技术中，在项目开发中列表是较为常见的一种数据结构，通过该列表可以查看、编辑、导出数据(例如，置信服务)等，而列表的排序通常是升序或降序，用户不能根据需求自主调整，使得用户的交互体验差。


技术实现要素：

3.本公开实施例提供一种数据显示方法和装置、电子设备及存储介质。
4.本公开实施例的技术方案是这样实现的：
5.本公开实施例提供一种数据显示方法，所述方法包括：
6.显示服务对象列表，所述服务对象列表包括至少一个服务对象，每一所述服务对象分别对应一个标识信息；
7.响应于对所述服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新所述第一服务对象的标识信息和所述第二服务对象的标识信息；
8.基于所述第一服务对象更新后的标识信息和所述第二服务对象更新后的标识信息，更新所述服务对象列表中至少一个服务对象的显示位置。
9.本公开实施例提供一种数据显示装置，包括：
10.第一显示模块，用于显示服务对象列表，所述服务对象列表包括至少一个服务对象，每一所述服务对象分别对应一个标识信息；
11.第一确定模块，用于响应于对所述服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新所述第一服务对象的标识信息和所述第二服务对象的标识信息；
12.第一更新模块，用于基于所述第一服务对象更新后的标识信息和所述第二服务对象更新后的标识信息，更新所述服务对象列表中至少一个服务对象的显示位置。
13.本公开实施例提供一种电子设备，包括处理器和存储器，所述存储器存储有可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述数据显示方法。
14.本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述数据显示方法。
15.本公开实施例中，通过显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息；响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息；基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。这样，用户通过第一操作至少更新第一服务对象的标
识信息和第二服务对象的标识信息，并基于更新后的标识信息来更新服务对象的显示位置，可以实现用户根据需求自主调整服务对象的显示位置，使得排序交互变得更加便利，从而可以提高用户的交互体验。
16.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，而非限制本公开。
附图说明
17.此处的附图被并入说明书中并构成本说明书的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。
18.图1为本公开实施例提供的一种数据显示方法的实现流程示意图；
19.图2为本公开实施例提供的一种数据显示方法的实现流程示意图；
20.图3为本公开实施例提供的一种数据显示方法的实现流程示意图；
21.图4a为本公开实施例提供的一种数据显示系统的组成结构示意图；
22.图4b为本公开实施例提供的一种服务对象列表初始化的流程示意图；
23.图4c为本公开实施例提供的一种服务对象列表中的服务对象未被拖拽时的示意图；
24.图4d为本公开实施例提供的一种服务对象列表中的服务对象被拖拽时的示意图；
25.图4e为本公开实施例提供的一种服务对象列表中的服务对象拖拽结束的示意图；
26.图5为本公开实施例提供的一种数据显示装置的组成结构示意图；
27.图6为本公开实施例中电子设备的一种硬件实体示意图。
具体实施方式
28.为了使本公开的目的、技术方案和优点更加清楚，下面将结合附图对本公开作进一步地详细描述，所描述的实施例不应视为对本公开的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本公开保护的范围。
29.在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
30.在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本公开实施例能够以除了在这里图示或描述的以外的顺序实施。
31.除非另有定义，本文所使用的所有的技术和科学术语与属于本公开的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本公开实施例的目的，不是旨在限制本公开。
32.相关技术中，在项目开发中列表是较为常见的一种数据结构，通过该列表可以查看、编辑、导出数据(例如，置信服务)等，而列表的排序通常是升序或降序。随着项目的迭代开发，业务的复杂度提升，数据上的交互也会变得多样化，若用户想对列表中的数据进行自主处理，或者进行单个的调整，就需要进行定制化开发，不然就不能根据需求进行自主调
整，从而使得用户的交互体验差。
33.本公开实施例提供一种数据显示方法，用户通过第一操作至少更新第一服务对象的标识信息和第二服务对象的标识信息，并基于更新后的标识信息来更新服务对象的显示位置，可以实现用户根据需求自主调整服务对象的显示位置，使得排序交互变得更加便利，从而可以提高用户的交互体验。本公开实施例提供的数据显示方法可以由电子设备执行，其中电子设备可以是笔记本电脑，平板电脑，台式计算机，机顶盒，移动设备(例如，移动电话，便携式音乐播放器，个人数字助理，专用消息设备，便携式游戏设备)等各种类型的终端，也可以实施为服务器。服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(content delivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
34.下面，将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述。
35.图1为本公开实施例提供的一种数据显示方法的实现流程示意图，如图1所示，该方法包括步骤s11至步骤s13，其中：
36.步骤s11、显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息。
37.这里，服务对象可以包括但不限于置信服务、通信服务、多媒体服务等，其中，置信服务可以包括但不限于用于对对象进行认证的档案库、认证服务等。例如，在置信服务为用于对车辆进行实名认证的档案库的情况下，对应的服务对象可以是该档案库的访问地址。又例如，在置信服务为用于对产品进行溯源的认证服务的情况下，对应的服务对象可以是该认证服务的链接地址。再例如，在置信服务为用于对物品进行真伪辨别的认证服务的情况下，对应的服务对象可以是该认证服务的ip地址和端口。标识信息可以包括但不限于索引值、序号等。
38.在一些实施方式中，可以通过操作界面显示该服务对象列表。其中，该操作界面至少包括服务对象列表和操作控件等的交互界面。该操作界面可以显示在任意合适的具有界面交互功能的电子设备上。在实施时，显示操作界面的电子设备与执行该数据显示方法的设备可以是相同的，也可以是不同的，这里并不限定。例如，执行该数据显示方法的电子设备可以为笔记本电脑，显示操作界面的电子设备也可以为该笔记本电脑，操作界面可以为该笔记本电脑上运行的客户端的交互界面，也可以是该笔记本电脑上运行的浏览器中显示的网页。又如，执行该数据显示方法的计算机设备可以为服务器，显示操作界面的电子设备可以为笔记本电脑，操作界面可以为该笔记本电脑上运行的客户端的交互界面，也可以是该笔记本电脑上运行的浏览器中显示的网页，该笔记本电脑可以通过该客户端或者浏览器访问该服务器。
39.在一些实施方式中，服务对象列表的获取方式可以包括但不限于对初始服务对象的数据进行处理得到的列表、前一次排序后保存的列表、其它设备发送的列表等。
40.步骤s12、响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息。
41.这里，第一操作包括但不限于选择操作、拖拽操作等中的至少一个。其中，选择操
作可以包括但不限于点击、双击、按压、长按、滑动、预设手势、复选框的选中等。第一服务对象包括至少一个服务对象，第二服务对象包括至少一个服务对象。
42.在一些实施方式中，可以基于第一操作的属性信息来确定第一服务对象和第二服务对象。例如，在第一操作包括点击操作和拖拽操作的情况下，可以基于该点击操作的位置确定第一服务对象，基于拖拽操作中捕获的位置确定第二服务对象。又例如，在第一操作包括长按操作和拖拽操作的情况下，可以基于该长按操作的按压位置确定第一服务对象，基于拖拽操作中捕获的位置确定第二服务对象。再例如，在第一操作包括第一点击操作和第二点击操作的情况下，可以基于该第一点击操作的点击位置确定第一服务对象，基于该第二点击操作的点击位置确定第二服务对象。
43.更新第一服务对象的标识信息可以包括但不限于将第一服务对象的标识更新为第二服务对象的标识信息。更新第二服务对象的标识信息可以包括但不限于将第二服务对象的标识更新为第一服务对象的标识信息、第二服务对象的标识加n、第二服务对象的标识减n等。其中，n为正整数，n是基于第一服务对象和第二服务对象的数量来确定的。
44.例如，在第一服务对象包括服务对象a，该服务对象a的标识信息为3，第二服务对象包括服务对象b，该服务对象b的标识信息为5的情况下，此时，更新第一服务对象的标识信息可以包括但不限于将服务对象a的标识信息3更新为服务对象b的标识信息5；更新第二服务对象的标识信息可以包括但不限于将服务对象b的标识信息5更新为服务对象a的标识信息3。
45.又例如，在第一服务对象包括服务对象a和服务对象b，该服务对象a的标识信息为1，服务对象b的标识信息为2，第二服务对象包括服务对象m，该服务对象m的标识信息为6，此时，更新第一服务对象的标识信息可以包括但不限于将服务对象a的标识信息1更新为服务对象m的标识信息减1，即，该服务对象a的标识信息从1变为5，服务对象b的标识信息2更新为服务对象m的标识信息6；更新第二服务对象的标识信息可以包括但不限于将服务对象m的标识信息6更新为服务对象m的标识信息减第一服务对象的个数，即，该服务对象m的标识信息从6变为4。
46.再例如，在第一服务对象包括服务对象a，该服务对象a的标识信息为6，第二服务对象包括服务对象b和服务对象c，该服务对象b的标识信息为2，服务对象c的标识信息为3，此时，更新第一服务对象的标识信息可以包括但不限于将服务对象a的标识信息6更新为服务对象b的标识信息2；更新第二服务对象的标识信息可以包括但不限于将服务对象b的标识信息、服务对象c的标识信息分别加第一服务对象的个数，即，该服务对象b的标识信息从2变为3，该服务对象c的标识信息从3变成4。
47.步骤s13、基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。
48.这里，更新服务对象列表中至少一个服务对象的显示位置可以包括但不限于更新第一服务对象和第二服务对象的显示位置、更新第一服务对象和第二服务对象之间的多个服务对象的显示位置等。
49.在一些实施方式中，每一服务对象分别对应一个选择控件，所述响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，包括：
50.步骤s121、响应于对至少一个选择控件的第一选择操作，确定第一服务对象。
51.这里，选择控件可以包括但不限于复选框、点选按钮等。在实施时，本领域技术人员可以根据实际需求自主确定选择控件的实现形式，本公开不作限定。
52.第一选择操作可以包括但不限于点击、长按、双击、滑动、预设手势等。在实施时，本领域技术人员可以根据实际需求自主确定第一选择操作的实现形式，本公开不作限定。
53.步骤s122、响应于对至少一个选择控件的第二选择操作，确定第二服务对象。
54.这里，第二选择操作可以包括但不限于点击、长按、双击、滑动、预设手势等。在实施时，本领域技术人员可以根据实际需求自主确定第二选择操作的实现形式，本公开不作限定。
55.在一些实施方式中，第一选择操作和第二选择操作可以是同时进行的，也可以是分开进行的。例如，通过输入组件同时选择第一服务对象和第二服务对象。又例如，通过输入组件先选择第一服务对象，再通过该输入组件选择第二服务对象。
56.这里，输入组件可以包括但不限于键盘、鼠标、触控屏、触控板、音频输入器等。例如，用户通过食指和中指同时选择第一服务对象和第二服务对象。又例如，用户通过鼠标先选择第一服务对象，再通过鼠标选择第二服务对象。
57.在一些实施方式中，至少更新第一服务对象的标识信息和第二服务对象的标识信息，包括：
58.步骤s131、将第一服务对象的标识信息与第二服务对象的标识信息进行互换。
59.这里，第一服务对象包括至少一个服务对象，第二服务对象包括至少一个服务对象。
60.例如，服务对象列表包括服务对象a、服务对象b、服务对象c和服务对象d，对应的标识信息分别为1、2、3、4，在第一服务对象包括服务对象a，第二服务对象包括服务对象b和服务对象c的情况下，此时，可以将服务对象b和服务对象c作为一个整体服务对象m，该整体服务对象m的标识信息包括第一标识信息(服务对象b的标识信息)和第二标识信息(服务对象c的标识信息)，那么将第一服务对象的标识信息与第二服务对象的标识信息进行互换可以包括但不限于将服务对象a的标识信息与整体服务对象m的标识信息进行互换。也就是说，将服务对象a的标识信息更新为整体服务对象m的第一标识信息、整体服务对象m的第一标识信息更新为服务对象a的标识信息、整体服务对象m的第二标识信息减1。即，服务对象a的标识信息从1变为3，服务对象b的标识信息从2变为1，服务对象c的标识信息从3变为2。
61.本公开实施例中，通过显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息；响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息；基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。这样，用户通过第一操作至少更新第一服务对象的标识信息和第二服务对象的标识信息，并基于更新后的标识信息来更新服务对象的显示位置，可以实现用户根据需求自主调整服务对象的显示位置，使得排序交互变得更加便利，从而可以提高用户的交互体验。
62.图2为本公开实施例提供的一种数据显示方法的实现流程示意图，如图2所示，所述方法包括步骤s21至步骤s25：
63.步骤s21、获取初始数据集，初始数据集包括至少一个服务对象，每一服务对象具
有至少一个属性字段。
64.这里，属性字段用于表征服务对象的属性信息。该属性信息可以包括但不限于服务对象的名称、链接地址、端口、权限等。
65.步骤s22、基于至少一个服务对象的至少一个属性字段，确定服务对象列表。
66.这里，可以基于预设规则从至少一个服务对象中的至少一个属性字段中确定待显示的至少一个服务对象的至少一个属性字段。其中，预设规则可以包括但不限于预设的配置信息、用户自定义、用户喜好、使用频率等。在实施时，本领域技术人员可以根据实际需求自主确定待显示的服务对象和其对应的属性字段，本公开不作限定。
67.在一些实施方式中，所述步骤s22包括步骤s221至步骤s222，其中：
68.步骤s221、基于预设的配置信息，从每一服务对象的至少一个属性字段中确定至少一个目标属性字段。
69.这里，预设的配置信息可以包括但不限于目标服务对象、目标属性字段等。在一些实施方式中，获取该预设的配置信息的方式可以包括但不限于默认的配置信息、用户自定义生成的配置信息、或其它设备发送的配置信息等。
70.例如，可以从默认的配置信息中读取预设的配置信息，该预设的配置信息可以包括目标服务对象及其目标属性字段。又例如，将其它电子设备发送的配置信息作为预设的配置信息，该预设的配置信息可以包括目标属性字段。
71.步骤s222、基于至少一个服务对象的至少一个目标属性字段，确定服务对象列表。
72.这里，将确定的至少一个服务对象及对应的目标属性字段作为服务对象列表。
73.步骤s23、显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息。
74.步骤s24、响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息。
75.步骤s25、基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。
76.上述步骤s23至步骤s25分别对应于前述步骤s11至步骤s13，在实施时，可以参照前述步骤s11至步骤s13的具体实施方式。
77.本公开实施例中，通过获取初始数据集，初始数据集包括至少一个服务对象，每一服务对象具有至少一个属性字段；基于至少一个服务对象的至少一个属性字段，确定服务对象列表；显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息；响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息；基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。这样，通过对初始数据集进行包装和管理，优化每一服务对象的数据结构，为后续服务对象列表的排序提供优良的操作空间。
78.图3为本公开实施例提供的一种数据显示方法的实现流程示意图，如图3所示，所述方法包括步骤s31至步骤s35，其中：
79.步骤s31、显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息。
80.上述步骤s31对应于前述步骤s11，在实施时，可以参照前述步骤s11的具体实施方式。
81.步骤s32、响应于对服务对象列表中的服务对象进行的选择操作，将选中的服务对象确定为第一服务对象。
82.这里，选择操作可以包括但不限于点击、双击、按压、长按、滑动、预设手势、复选框的选中等。第一服务对象包括至少一个服务对象。
83.在一些实施方式中，可以基于选择操作的属性信息来确定第一服务对象。例如，在选择操作包括点击操作的情况下，可以基于该点击操作的位置确定第一服务对象。又例如，在选择操作包括滑动操作的情况下，可以基于该滑动操作的起始位置和结束位置确定第一服务对象。
84.步骤s33、响应于对第一服务对象进行的拖拽操作，基于在拖拽操作过程中捕获的第一服务对象的至少一个候选位置，确定第一服务对象的目标位置。
85.这里，候选位置用于表征在拖拽操作过程中第一服务对象经过的位置。
86.在一些实施方式中，通过监听拖拽操作中触发的事件来确定第一服务对象的目标位置。其中，拖拽操作中触发的事件可以包括但不限于开始拖放事件、拖放中事件、拖放结束事件等。
87.例如，html5中元素的拖拽事件包括开始拖放事件(dragstart)、被拖放的元素开始进入其它元素范围内事件(dragenter)、被拖放的元素正在本元素范围内移动(dragover)、拖放结束事件(dragend)等，在dragstart事件中，获取第一服务对象的标识信息；在dragenter事件中，通过判断第一服务对象被拖拽的位置、频率等，确定是否需要将该位置确定为目标位置，以避免重复触发处于该位置的服务对象的dragenter事件；在dragover事件中，阻止该事件的默认响应；在dragend事件中，将该位置确定为目标位置。
88.在一些实施方式中，以动画效果的方式更新显示第一服务对象的显示位置。其中，动画效果可以包括但不限于动图、悬浮、强化、弱化等。例如，在html5中，加入css3动画效果，在拖拽的过程中，第一服务对象以悬浮状态显示。这样，可以优化拖拽交互的体验，使得用户对数据的拖拽感知更佳。
89.在一些实施方式中，所述基于在拖拽操作过程中捕获的第一服务对象的至少一个候选位置，确定第一服务对象的目标位置，包括步骤s331至步骤s332，其中：
90.步骤s331、将第一服务对象的初始位置确定为初始的目标位置。
91.这里，初始的目标位置为第一服务对象的初始位置。即，将未拖拽前的第一服务对象的位置作为初始的目标位置。
92.步骤s332、响应于在捕获到第一服务对象的第一候选位置，基于第一候选位置，对当前的目标位置进行更新，将更新后的当前的目标位置确定为目标位置。
93.在一些实施方式中，可以基于第一候选位置和当前的目标位置，确定是否需要更新当前的目标位置。例如，在第一候选位置和当前的目标位置之间的距离小于阈值的情况下，不更新当前的目标位置，在第一候选位置和当前的目标位置之间的距离不小于阈值的情况下，将当前的目标位置更新为第一候选位置。又例如，在前两个第一候选位置和当前的第一候选位置相同的情况下，不更新当前的目标位置，在前两个第一候选位置和当前的第一候选位置不相同，且当前的目标位置和当前的第一候选位置之间的距离不小于阈值的情
况下，更新当前的目标位置。
94.在一些实施方式中，所述基于第一候选位置，对当前的目标位置进行更新，包括步骤s333，其中：
95.步骤s333、在第一候选位置与当前的目标位置之间的距离不小于第一阈值的情况下，将当前的目标位置更新为第一候选位置。
96.这里，第一阈值可以是服务对象列表中每一列的列高，也可以是小于该列高。在实施时，本领域技术人员可以根据实际需求自主确定第一阈值，本公开实施例不作限定。
97.步骤s34、从至少一个服务对象中确定与目标位置匹配的服务对象，将匹配的服务对象确定为第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息。
98.这里，服务对象列表中每一服务对象均包含对应的位置。将与目标位置匹配的服务对象确定为第二服务对象。
99.步骤s35、基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。
100.上述步骤s35对应于前述步骤s13，在实施时，可以参照前述步骤s13的具体实施方式。
101.本公开实施例中，通过显示服务对象列表，服务对象列表包括至少一个服务对象，每一服务对象分别对应一个标识信息；响应于对服务对象列表中的服务对象进行的选择操作，将选中的服务对象确定为第一服务对象；响应于对第一服务对象进行的拖拽操作，基于在拖拽操作过程中捕获的第一服务对象的至少一个候选位置，确定第一服务对象的目标位置；从至少一个服务对象中确定与目标位置匹配的服务对象，将匹配的服务对象确定为第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息；基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。这样，通过拖拽操作来处理服务对象列表中的每一服务对象，监听拖拽过程中的拖拽事件，并基于捕获的位置对事件响应进行优化，避免事件的频繁触发，防止数据的重复渲染，从而实现拖拽元素的交替优化。
102.图4a为本公开实施例提供的一种数据显示系统40的示意图，如图4a所示，所述系统40包括初始化模块41、拖拽模块42和确定模块43，其中：
103.初始化模块41，用于初始化服务对象列表，并为每一服务对象添加拖拽属性。
104.拖拽模块42，用于为可拖拽的每一服务对象添加拖拽事件，响应于拖拽操作，确定第一服务对象及第二服务对象。
105.更新模块43，用于基于第一服务对象的标识信息及第二服务对象的标识信息，至少更新第一服务对象的标识信息及第二服务对象的标识信息，并更新服务对象列表中至少一个服务对象的显示位置。
106.其中，服务对象列表可以是用户直接输入的，也可以是对初始数据集进行处理得到的。例如，数据显示系统接收其它设备发送的初始的服务对象，将初始的服务对象进行包装加工，生成服务对象列表，并保持初始的服务对象结构不变。这样，通过包装服务对象形成服务对象列表数据，优化服务对象的数据结构，为服务对象的拖拽排序时提供优良的操作空间。
107.在一些实施方式中，数据显示系统可以实现服务对象的管理器，该管理器用于包装服务对象，优化服务对象的结构，并存放初始的服务对象。
108.这里，管理器中的数据可以包括但不限于列表、链表、数据库、数组等。例如，管理器中的数据包括数组a，其中数组a中包括n个对象，n为正整数，每一对象为一键值对，即，对象i可以表示为[key-i，value-i]，key-i表示第i个服务对象当前的标识信息，value-i表示第i个服务对象的属性字段。
[0109]
在一些实施方式中，所述初始化模块41，还用于：获取初始数据集，初始数据集包括至少一个服务对象，每一服务对象具有至少一个属性字段；基于至少一个服务对象的至少一个属性字段，确定所述服务对象列表。
[0110]
这里，可以基于预设规则从至少一个服务对象中的至少一个属性字段中确定待显示的至少一个服务对象的至少一个属性字段。其中，预设规则可以包括但不限于预设的配置信息、用户自定义、用户喜好、使用频率等。
[0111]
在一些实施方式中，所述初始化模块41，还用于：基于预设的配置信息，从每一服务对象的至少一个属性字段中确定至少一个目标属性字段；基于至少一个服务对象的至少一个目标属性字段，确定服务对象列表。
[0112]
这里，预设的配置信息可以包括但不限于目标服务对象、目标属性字段等。在一些实施方式中，获取该预设的配置信息的方式可以包括但不限于默认的配置信息、用户自定义生成的配置信息、或其它设备发送的配置信息等。
[0113]
例如，可以从默认的配置信息中读取预设的配置信息，该预设的配置信息可以包括目标服务对象及其目标属性字段。又例如，将其它电子设备发送的配置信息作为预设的配置信息，该预设的配置信息可以包括目标属性字段。
[0114]
例如，管理器中包括服务对象a、服务对象b和服务对象c，这三个服务对象均至少包括属性a、属性b、属性c和属性d。在预设的配置信息包括目标服务对象为a和b，及目标属性字段为a、b、d的情况下，数据管理器基于该预设的配置信息，分别获取服务对象a和服务对象b的属性a、b和d，并将其形成服务对象列表。
[0115]
图4b为本公开实施例提供的一种服务对象列表初始化的流程示意图，如图4b所示：
[0116]
步骤sa1：数据显示系统接收初始的服务对象；
[0117]
步骤sa2：对初始的服务对象进行数据包装，形成服务对象列表；
[0118]
步骤sa3：为服务对象列表中每一服务对象添加可拖拽的属性，以使得每一服务对象都是可拖拽元素，并监听拖拽事件。
[0119]
在一些实施方式中，所述拖拽模块42，还用于：响应于对服务对象列表中的服务对象进行的选择操作，将选中的服务对象确定为第一服务对象；响应于对第一服务对象进行的拖拽操作，基于在拖拽操作过程中捕获的第一服务对象的至少一个候选位置，确定第一服务对象的目标位置；从至少一个服务对象中确定与目标位置匹配的服务对象，将匹配的服务对象确定为第二服务对象。
[0120]
这里，拖拽模块42通过监听拖拽操作中触发的事件来确定第一服务对象的目标位置。其中，拖拽操作中触发的事件可以包括但不限于开始拖放事件、拖放中事件、拖放结束事件等。
[0121]
例如，在html5中，将想要拖拽的元素的可拖拽(draggable)属性设置为true，即，将服务对象列表中每一服务对象的draggable设置为true，并添加拖拽事件，其中，拖拽事件可以包括但不限于开始拖放事件(dragstart)、被拖放的元素开始进入其它元素范围内事件(dragenter)、被拖放的元素正在本元素范围内移动(dragover)、拖放结束事件(dragend)等。此时，在dragstart事件中，获取第一服务对象的标识信息；在dragenter事件中，通过判断第一服务对象被拖拽的位置、被拖拽的频率等，确定是否需要将该位置确定为目标位置，以避免重复触发处于该位置的服务对象的dragenter事件；在dragover事件中，阻止该事件的默认响应；在dragend事件中，确定目标位置，并至少更新第一服务对象的标识信息和处于目标位置的第二服务对象的标识信息。这样，在拖拽过程中，阻止事件的默认响应，避免第一服务对象触发自身的dragenter事件，并加入位置判断机制、或拖拽频率判断机制，可以有效的避免重复触发第二服务对象的dragenter事件。
[0122]
在一些实施方式中，所述拖拽模块42，还用于：将第一服务对象的初始位置确定为初始的目标位置；响应于在捕获到第一服务对象的第一候选位置，基于第一候选位置，对当前的目标位置进行更新，将更新后的当前的目标位置确定为目标位置。
[0123]
在一些实施方式中，所述拖拽模块42，还用于：在第一候选位置与当前的目标位置之间的距离不小于第一阈值的情况下，将当前的目标位置更新为第一候选位置。
[0124]
在一些实施方式中，以动画效果的方式更新显示第一服务对象的显示位置。其中，动画效果可以包括但不限于动图、悬浮、强化、弱化等。例如，在html5中，加入css3动画效果，那么在拖拽的过程中，第一服务对象可以以悬浮状态显示，并替换拖拽时经过的服务对象进行排序。这样，可以优化拖拽交互的体验，使得用户对数据的拖拽感知更佳。
[0125]
图4c为本公开实施例提供的一种服务对象列表中的服务对象未被拖拽时的示意图，如图4c所示，服务对象列表包括服务对象410、服务对象420和服务对象430。图4d为本公开实施例提供的一种服务对象列表中的服务对象被拖拽时的示意图，如图4d所示，在服务对象410被拖拽至服务对象420的位置时，交换服务对象410和服务对象420的显示位置，并悬浮显示服务对象410，服务对象430的显示位置保持不变。图4e为本公开实施例提供的一种服务对象列表中的服务对象拖拽结束的示意图，如图4e所示，将服务对象410的显示位置更新为服务对象430的原显示位置，将服务对象420的显示位置更新为服务对象410的原显示位置，将服务对象430的显示位置更新为服务对象420的原显示位置。
[0126]
在一些实施方式中，所述更新模块43，还用于：将第一服务对象的标识信息与第二服务对象的标识信息进行互换。
[0127]
本公开实施例中，一方面，数据显示系统实现服务对象的管理器，该管理器用于存放服务对象列表，并优化服务对象列表的数据结构，降低了内存的消耗，并为后面的服务对象的拖拽动作做准备；另一方面，数据显示系统通过监听拖拽过程中的拖拽事件，获取每次拖拽捕获的数据，设计位置判断事件以防止同一事件被多次调用，同时在拖拽过程中，加入动画效果使得拖拽效果更佳。
[0128]
基于上述实施例，本公开实施例提供一种数据显示装置，图5为本公开实施例提供的一种数据显示装置，如图5所示，所述装置50包括第一显示模块51、第一确定模块52以及第一更新模块53。
[0129]
第一显示模块51，用于显示服务对象列表，服务对象列表包括至少一个服务对象，
每一服务对象分别对应一个标识信息。
[0130]
第一确定模块52，用于响应于对服务对象列表的第一操作，确定第一服务对象和第二服务对象，并至少更新第一服务对象的标识信息和第二服务对象的标识信息；
[0131]
第一更新模块53，用于基于第一服务对象更新后的标识信息和第二服务对象更新后的标识信息，更新服务对象列表中至少一个服务对象的显示位置。
[0132]
在一些实施方式中，所述装置还包括：第一获取模块和第二确定模块；所述第一获取模块，用于获取初始数据集，所述初始数据集包括至少一个服务对象，每一所述服务对象具有至少一个属性字段；所述第二确定模块，用于基于至少一个所述服务对象的至少一个属性字段，确定所述服务对象列表。
[0133]
在一些实施方式中，所述第二确定模块，还用于：基于预设的配置信息，从每一所述服务对象的至少一个属性字段中确定至少一个目标属性字段；基于至少一个所述服务对象的至少一个目标属性字段，确定所述服务对象列表。
[0134]
在一些实施方式中，在所述第一操作包括选择操作和拖拽操作的情况下，所述第一确定模块52，还用于：响应于对所述服务对象列表中的服务对象进行的选择操作，将选中的服务对象确定为第一服务对象；响应于对所述第一服务对象进行的拖拽操作，基于在所述拖拽操作过程中捕获的所述第一服务对象的至少一个候选位置，确定所述第一服务对象的目标位置；从所述至少一个服务对象中确定与所述目标位置匹配的服务对象，将所述匹配的服务对象确定为第二服务对象。
[0135]
在一些实施方式中，所述第一确定模块52，还用于：将所述第一服务对象的初始位置确定为初始的目标位置；响应于在捕获到所述第一服务对象的第一候选位置，基于所述第一候选位置，对当前的目标位置进行更新，将更新后的所述当前的目标位置确定为所述目标位置。
[0136]
在一些实施方式中，所述第一确定模块52，还用于：在所述第一候选位置与所述当前的目标位置之间的距离不小于第一阈值的情况下，将所述当前的目标位置更新为所述第一候选位置。
[0137]
在一些实施方式中，每一所述服务对象分别对应一个选择控件，所述第一确定模块52，还用于：响应于对至少一个所述选择控件的第一选择操作，确定所述第一服务对象；响应于对至少一个所述选择控件的第二选择操作，确定所述第二服务对象。
[0138]
在一些实施方式中，所述第一确定模块52，还用于：将所述第一服务对象的标识信息与所述第二服务对象的标识信息进行互换。
[0139]
以上装置实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本公开装置实施例中未披露的技术细节，请参照本公开方法实施例的描述而理解。
[0140]
需要说明的是，本公开实施例中，如果以软件功能模块的形式实现上述数据显示方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开实施例的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机、服务器、或者网络设备等)执行本公开各个实施例所述方法的全部或部分。而前述的存储介质包括：u盘、移动硬盘、只读存储器(read only memory，
rom)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本公开实施例不限制于任何特定的硬件和软件结合。
[0141]
本公开实施例提供一种电子设备，包括存储器和处理器，所述存储器存储有可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述数据显示方法。
[0142]
本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述数据显示方法。所述计算机可读存储介质可以是瞬时性的，也可以是非瞬时性的。
[0143]
本公开实施例提供一种计算机程序产品，所述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，所述计算机程序被计算机读取并执行时，实现上述方法中的部分或全部步骤。该计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(software development kit，sdk)等等。
[0144]
需要说明的是，图6为本公开实施例中电子设备的一种硬件实体示意图，如图6所示，该电子设备600的硬件实体包括：处理器601、通信接口602和存储器603，其中：
[0145]
处理器601通常控制电子设备600的总体操作。
[0146]
通信接口602可以使电子设备通过网络与其他终端或服务器通信。
[0147]
存储器603配置为存储由处理器601可执行的指令和应用，还可以缓存待处理器601以及电子设备600中各模块待处理或已经处理的数据(例如，图像数据、音频数据、语音通信数据和视频通信数据)，可以通过闪存(flash)或随机访问存储器(random access memory，ram)实现。处理器601、通信接口602和存储器603之间可以通过总线604进行数据传输。
[0148]
这里需要指出的是：以上存储介质和设备实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本公开存储介质和设备实施例中未披露的技术细节，请参照本公开方法实施例的描述而理解。
[0149]
应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本公开的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。应理解，在本公开的各种实施例中，上述各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本公开实施例的实施过程构成任何限定。上述本公开实施例序号仅仅为了描述，不代表实施例的优劣。
[0150]
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
[0151]
在本公开所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为
一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
[0152]
上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
[0153]
另外，在本公开实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
[0154]
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(read only memory，rom)、磁碟或者光盘等各种可以存储程序代码的介质。
[0155]
或者，本公开上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机、服务器、或者网络设备等)执行本公开各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、rom、磁碟或者光盘等各种可以存储程序代码的介质。
[0156]
以上所述，仅为本公开的实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本公开的保护范围之内。