一种数据处理方法、装置、设备及存储介质

技术领域

本发明涉及计算机技术领域，特别涉及一种数据处理方法、装置、设备及存储介质。

背景技术

在软件开发过程中，产品界面(UI)设计是必不可少的一个流程。伴随着科技的不断进步与发展，软件所能实现的功能越来越多，各种软件也如雨后春笋般应运而生。与此同时，人们的审美与心理需求也在不断地变化发展，人们越来越注重软件的美观性、可操作性以及舒适性。现在软件的数量非常之多，软件同质化现象也很严重，用户进行软件选择时，往往会更加青睐操作简单、界面美观的软件，所以在开发软件时应注重软件的界面设计,这往往需要专业的美工人员担当UI设计师，利用专业工具设计出界面效果图，定义好文本位置，文本大小，图片位置，图片效果等，并产出资源包。开发人员下载并根据设计图编码进行实现。在开发周期内，UI设计师和开发人员需要多次沟通交流，才能实现软件界面最佳效果。

在实际开发过程中，存在如下情况：设计师产出设计图初稿并提供素材，开发人员需要先下载素材，评审后发现某些地方需要修改，比如提供的图片素材不全，设计图没有展现所有软件状态，图标内容不清晰，文本框大小不合理等，并将其自行整理成文档，发送给设计人员。上述过程全都依赖手工完成，不仅耗时长，也较容易出错。

发明内容

本发明要解决的是上述现有技术中开发人员对评审文件整理过程耗时长，且出错几率高的技术问题。

为解决上述技术问题，本申请于一方面公开了一种数据处理方法，应用于第一用户账号所在的电子设备，该方法包括：

显示第一图片展示界面；该第一图片展示界面包括图片地址输入区域接口和第一图片预览区域；

通过该图片地址输入区域接口接收图片地址；

基于该图片地址获取对应的图片；

在该第一图片预览区域显示该图片；

响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据；该批注数据包括与该图片的目标对象对应的评审信息；该目标对象为存在显示问题的对象。

可选的，该显示第一图片展示界面，包括：

响应于该第一用户账号对项目管理界面的第一控件的操作，显示该第一图片展示界面。

可选的，该第一图片展示界面还包括批注控件、问题描述区域和建议描述区域；

该响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据，包括：

响应于该第一用户账号对该批注控件的操作，显示多个批注符；

响应于该第一用户账号的批注符选择指令，确定该多个批注符中的目标批注符；

响应于该第一用户账号对该图片的目标区域的第一批注操作，将该目标批注符绘制到该目标区域；该目标区域为该目标对象所在的区域；

响应于该第一用户账号对该问题描述区域的第二批注操作，在该问题描述区域显示该目标对象对应的问题；

响应于该第一用户账号对该建议描述区域的第三批注操作，在该建议描述区域显示该目标对象对应的问题解决建议。

可选的，当接收到第二用户账号发送的对该目标对象的问题已处理消息时，获取更新后图片的存储地址、该图片和该批注数据；该更新后图片的存储地址是基于该第二用户账号在第二图片展示界面的上传更新后图片操作生成的；该第二图片展示界面显示于该第二用户账号所在的电子设备上；

基于该更新后图片的存储地址、该目标图片和该批注数据生成第三图片展示界面。

可选的，该第三图片展示界面包括第二控件、第三控件和第四控件；该方法还包括：

响应于该第一用户账号对该第二控件的操作，显示该目标对象对应的评审信息；

响应于该第一用户账号对该第三控件的操作，显示该目标对象对应的第一处理结果；该第一处理结果表征该目标对象对应的问题未解决；或者，响应于该第一用户账号对该第四控件的操作，显示该目标对象对应的第二处理结果；该第二处理结果表征该目标对象对应的问题已解决。

本申请于另一方面还公开了一种数据处理方法，应用于第二用户账号所在的电子设备，该方法包括：

当接收到第一用户账号发送的评审消息，获取第一图片展示界面的图片和批注数据；该第一图片展示界面位于该第一用户账号的电子设备上；该批注数据是基于该第一用户账号在该第一图片展示界面上的批注操作生成的；

基于该第一图片展示界面的图片和批注数据生成第二图片展示界面；该第二图片展示界面包括第二图片预览区域、批注数据显示区域和图片上传接口；该第二图片预设区域用于显示图片；该批注数据显示区域用于显示该批注数据；

通过该图片上传接口上传更新后图片。

本申请于另一方面还公开了一种数据处理装置，应用于第一用户账号所在的电子设备，包括：

第一显示模块，用于显示第一图片展示界面；该第一图片展示界面包括图片地址输入区域接口和第一图片预览区域；

接收模块，用于通过该图片地址输入区域接口接收图片地址；

第一获取模块，用于基于该图片地址获取对应的图片；

第二显示模块，用于在该第一图片预览区域显示该图片；

第三显示模块，用于响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据；该批注数据包括与该图片的目标对象对应的评审信息；该目标对象为存在显示问题的对象。

本申请于另一方面还公开了一种数据处理装置，应用于第二用户账号所在的电子设备，包括：

第二获取模块，用于当接收到第一用户账号发送的评审消息，获取第一图片展示界面的图片和批注数据；该第一图片展示界面位于该第一用户账号的电子设备上；该批注数据是基于该第一用户账号在该第一图片展示界面上的批注操作生成的；

生成模块，用于基于该第一图片展示界面的图片和批注数据生成第二图片展示界面；该第二图片展示界面包括第二图片预览区域、批注数据显示区域和图片上传接口；该第二图片预设区域用于显示图片；该批注数据显示区域用于显示该批注数据；

上传模块，用于通过该图片上传接口上传更新后图片。

本申请于另一方面还公开了一种电子设备，该电子设备包括处理器和存储器，该存储器中存储有至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述数据处理方法。

本申请于另一方面还公开了一种计算机存储介质，该计算机存储介质中存储有至少一条指令或至少一段程序，该至少一条指令或至少一段程序由处理器加载并执行以实现如上述的数据处理方法。

采用上述技术方案，本申请提供的数据处理方法具有如下有益效果：

双方用户可以通过登录交互平台，在各自的页面处理设计图的相关事宜，对于开发人员，可以通过在第一图片展示界面的图片地址输入区域接口输入图片地址，进而即可在第一图片展示界面的第一图片预览区域显示该图片；并且用户可以对图片上的问题对象进行标识，并在相应位置处批注存在的问题以及建议等事项，提交后，对应的设计人员即可查看存在问题的设计图。简化了开发人员的对问题设计图的整理流程，提高了交互效率，且整个页面简洁明了，便于用户查阅。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请一种可选的应用场景图；

图2为本申请第一种可选的数据处理方法的流程图；

图3为本申请一种可选的第一图片展示界面的示意图；

图4为本申请第二种可选的数据处理方法的流程图；

图5为本申请另一种可选的第一图片展示界面的示意图；

图6为本申请一种可选的修改展示页面的示意图；

图7为本申请一种可选的第三图片展示界面的示意图；

图8为本申请第三种可选的数据处理方法的流程图；

图9为本申请一种可选的第二图片展示界面的示意图；

图10为本申请一种可选的数据处理装置的结构示意图；

图11为本申请另一种可选的数据处理装置的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

如图1所示，图1为本申请一种可选的应用场景图。该场景包括终端110和服务器120；该终端110为第一用户账号所在的电子设备；该终端110用于显示第一图片展示界面；该第一图片展示界面包括图片地址输入区域接口和第一图片预览区域；通过该图片地址输入区域接口接收图片地址；基于该图片地址从该服务器120获取对应的图片；在该第一图片预览区域显示该图片；响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据；该批注数据包括与该图片的目标对象对应的评审信息；该目标对象为存在显示问题的对象。

可选的，上述显示界面以及处理数据的过程可以是由位于该终端上的处理装置来实现的。

可选的，该终端上装载有相应的应用程序，该应用程序可以是浏览器或者其他应用程序，相应的，该第一图片展示界面可以是网页版的，也可以是打开应用程序后，展示的界面。

可选的，终端可以是台式电脑，笔记本电脑、手机、平板电脑，数字助理、智能可穿戴设备等类型的实体设备；其中，智能可穿戴设备可以包括智能手环、智能手表、智能眼镜、智能头盔等。

该终端可以包括通过数据总线相连的显示屏、存储设备和处理器。所述显示屏用于待监控设备的虚拟图像以及待监控设备中各个子设备之间的连接关系，该显示屏可以是手机或者平板电脑的触摸屏等。存储设备用于存储拍摄装置的程序代码和数据资料等，该存储设备可以是终端的内存，也可以是智能媒体卡(smart media card)、安全数字卡(secure digital card)、快闪存储器卡(flash card)等储存设备。所述处理器可以是单核或多核处理器。

以下介绍本申请一种数据处理方法的具体实施例，图2为本申请一种可选的数据处理方法的流程示意图，本说明书提供了如实施例或流程图的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或服务器产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示，该方法可以包括：

S201：显示第一图片展示界面；该第一图片展示界面包括图片地址输入区域接口和第一图片预览区域。

本实施例中，该方法应用于第一用户账号所在的电子设备。

在一个可选的示例中，步骤S201可以包括：响应于该第一用户账号对项目管理界面的第一控件的操作，显示该第一图片展示界面。

当第一用户账号(例如开发人员)在网页(登录网址如图3中的http://www.AAAAA.com)上登录账号后，会展示一个项目管理界面，即主页面，该项目管理界面至少显示有第一控件(例如项目名称按钮)，该第一控件可以是多个第一子控件，可以是按照项目名称命名，第一用户账号通过点击需要处理的项目进度对应的第一子控件(例如项目1)，即可进入如图3所示的第一图片展示界面。

可选的，也可以通过在项目管理界面上显示待处理事件链接，当用户点击该事件链接，即可跳转到对应待处理事件对应的界面，如第一图片展示界面。

本申请对能够在第一用户账号的终端上显示第一图片展示界面的方式不做限定。

S203：通过该图片地址输入区域接口接收图片地址。

S205：基于该图片地址获取对应的图片。

可选的，通过在图片地址输入区域接口输入如图3所示图片地址“http://www.BBBBB.com”，会向目标服务器发送图片获取请求，该请求中携带有图片标识，服务器基于该图片标识将获取到的图片发送给该终端。上述图片地址中包含有服务器地址和图片标识。

可选的，当设计人员是在网页版的设计页面上进行UI绘图设计时，该图片地址包含有设计软件的网址和图片标识。可选的，设计人员在网页版的设计页面上进行图片绘制后，可以选择保存为图片，进而可以生成该图片的图片地址。

S207：在该第一图片预览区域显示该图片。

参阅图3，接收到的图片可以直接展示在该第一图片展示界面上，对于第一用户账号来说，只需要输入一个图片地址即可，从而省略了下载，并将下载后的图片排版到文档(如excel、word等)上的过程，节省了第一用户的排版时间，且整个界面简洁明了，便于用户更为直观的了解当前设计图的情况。

S209：响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据；该批注数据包括与该图片的目标对象对应的评审信息；该目标对象为存在显示问题的对象。

在一个可选的示例中，为了便于开发人员能够对图片中存在设计问题的地方进行标示，便于后续设计人员更为直观的了解存在的问题，并提高二者交互的效率；该第一图片展示界面还包括批注控件、问题描述区域和建议描述区域；参阅图4，图4为本申请第二种可选的数据处理方法的流程图。步骤S209可以具体阐述为：

S2091：响应于该第一用户账号对该批注控件的操作，显示多个批注符。

如图3所示，当用户点击该批注控件，可以显示出多个批注符，如1,2,3，……；还可以是A，B，C，……等，还可以是其他字母或者数字形式的字符。

S2093：响应于该第一用户账号的批注符选择指令，确定该多个批注符中的目标批注符。

S2095：响应于该第一用户账号对该图片的目标区域的第一批注操作，将该目标批注符绘制到该目标区域；该目标区域为该目标对象所在的区域。

如上述例子，当用户采用阿拉伯数字来对目标对象进行标识时，可以根据标识顺序，依次选择目标批注符为1,2,3……顺序的字符。举个例子，当用户发现图片中的右侧的圆形尺寸太大，则可以选择目标批注符1，将其绘制到右侧圆形所在的区域(如图3中的虚线框内的区域)，而当用户发现图片中的右下角的文本框内的“文字1”的字号太小，也可以再点击批注控件或者直接从上一次显示的多个批注符中选择2，并将1其绘制到文本框所在的区域。

可选的，参阅图5，图5为本申请另一种可选的第一图片展示界面的示意图。当用户在进行批注符绘制过程中，发现操作错误，可以选择撤销绘制好批注符，如，用户可以点击“批注撤销”控件，再点击“1”，即消除批注符1；可选的，还可以是，当用户点击“批注撤销”控件，可以撤销上一次的批注符，如果需要撤销上上次的，则需要点击两次“批注撤销”控件。

S2097：响应于该第一用户账号对该问题描述区域的第二批注操作，在该问题描述区域显示该目标对象对应的问题。

S2099：响应于该第一用户账号对该建议描述区域的第三批注操作，在该建议描述区域显示该目标对象对应的问题解决建议。

参阅图3，当用户将鼠标移至目标对象所在的区域(如图片中虚线框所在区域)，可以在当前页面的问题描述和建议描述下方的区域输入相应的文字描述。当用户需要对下一目标对象进行相应的问题描述和建议描述的输入时，则可以将鼠标移动至下一个目标对象对应的目标区域，然后即可在当前页面显示的问题描述和建议描述下方的区域进行输入操作。

可选的，对于问题描述和建议描述的内容，可以是基于用户自行输入，也可以通过设置多个备选内容，用户通过点击相应区域，即可会下拉显示备选内容，当用户点击目标备选内容，即可将其显示在对应的区域中。

可选的，当用户点击如图3所示的第一图片显示界面上的“提交”控件，可以保存此次对第一图片显示界面的所有批注操作。

此时该第一用户账号会向第二用户账号(如设计人员账号)发送相应的通知消息，如您有n个待处理事件。可选的，可以是发送到第二用户账号上，也可以是发送到用户指定的关联账号上(例如邮件，短信等)。

可选的，为了解决现有技术中UI显示问题必须等到开发人员用代码实现后才能展现出来,没有工具可以实现所见即所得的功能，不能尽早发现此类问题的情况，本申请针对UI显示提供一种“所见即所得”的可视化效果，并提出智能化解决方案供开发人员和UI设计人员参考，有助于尽早发现并解决问题，提高UI设计和开发的协同工作效率，对于一些直观且简单的文本显示问题，如尺寸太小，多语言环境下文本过长显示不完整等情况。可选的方案描述如下：该第一图片显示界面上设有第五控件，如图5所示；响应于第一用户账号对第五控件的操作，显示修改展示页面。

参阅图6，图6为本申请一种可选的修改展示页面的示意图。该修改展示页面包括显示数据输入区域、修改方案显示区域和代码显示区域；响应于第一用户账号在所述修改展示页面的数据输入操作，在所述修改方案显示区域显示修改后对象；基于修改后对象生成目标代码，并显示在代码显示区域。

如图6，当用户需要对图片中的文字尺寸显示情况进行修改，可以先选择要显示的文字种类，如是简体中文，繁体中文，还是英文，点击右侧的预览，即表示已选择，可以根据需要在对应待显示文字输入区域输入要显示的文字，如图6中输入的“Test Test Test”,并输入字号，文本框对应的尺寸：长和宽，从而可以在方案1对应的修改方案显示区域显示上述定义的样式，如图6中左下角的图样；为了便于用户更为直观的了解修改效果对比情况，还可以再定义一个修改方案，用户可以点击方案2，并重复上述设置过程，输入不同的尺寸或者字号参数，可以得到如图6中下方第二个方框中的方案。

本申请提供的上述技术方案，能够提供“所见即所得”的效果，开发人员可以在工具中直接输入文本框的信息，如长，宽和所要显示文本内容，可以直观看到显示效果。此外还提供一定的智能化解决方案，如将文本显示修改为跑马灯循环等方案供开发人员和设计师选择参考并可以自动生成相关代码。问题的发现和修正提前到了开发阶段早期，节约了修改成本，提高了软件质量。

需要说明的是，上述仅是对文字尺寸设计方面的显示问题的示例，实际上还可以对图形尺寸、颜色等简单易处理的问题提供相应的修改展示。

在一个可选的示例中，当接收到第二用户账号发送的对该目标对象的问题已处理消息时，获取更新后图片的存储地址、该图片和该批注数据；该更新后图片的存储地址是基于该第二用户账号在第二图片展示界面的上传更新后图片操作生成的；该第二图片展示界面显示于该第二用户账号所在的电子设备上；基于该更新后图片的存储地址、该目标图片和该批注数据生成第三图片展示界面，如图7所示，图7为本申请一种可选的第三图片展示界面的示意图。

可选的，如前所述，当用户在第一图片显示界面上对图片进行相应批注后，点击提交，会向第二用户账号发送消息，告知第二用户账号其有待处理的事件，当第二用户账号查看了待修改的问题后，会对相应问题进行修改，并将修改后的图片上传，完成相应修改后，第二用户账号点击了提交，该第二用户账号会向第一用户账号发送通知消息，告知该第一用户账号有待处理事件，当第二用户账号进入到该平台，如点击“项目1”控件，会显示如图7所示的第三图片展示界面。

在一个可选的示例中，为了快速定位到待处理问题，并跟踪该问题的处理情况；该第三图片展示界面包括第二控件、第三控件和第四控件；该方法还包括：响应于该第一用户账号对该第二控件的操作，显示该目标对象对应的评审信息；响应于该第一用户账号对该第三控件的操作，显示该目标对象对应的第一处理结果；该第一处理结果表征该目标对象对应的问题未解决；或者，响应于该第一用户账号对该第四控件的操作，显示该目标对象对应的第二处理结果；该第二处理结果表征该目标对象对应的问题已解决。

可选的示例中，当用户点击第二控件(如标识为问题1)，右侧的问题描述区域和建议描述区域会显示对应的内容，且此时，用户点击控件“问题修改效果”，可以跳转到设计图的设计页面(可以是网页)，以查看第二用户账号修改后的设计图的效果；若第一用户账号认为修改OK，则可以点击控件“图片资源下载”，将修改后的图片下载到本地，进行后续处理，并通过点击第四控件，以及控件“提交”，即表明该设计图的修改交互任务结束；否则，用户点击第三控件，以及控件“提交”，即表明该设计图的修改交互任务未结束，此时，第一用户账号可以对问题描述区域和建议描述区域进行文字描述的修改，重复上述发送消息给第二用户账号，以及第二用户账号修改，第一用户账号确认的过程，直至第一用户账号确认该问题已解决。

常见的，设计人员与开发人员的交互过程为，UI设计师上传设计图，开发人员在线查看设计图尺寸、标注、切图等，但在实际开发中往往存在这种情况：设计师产出设计图初稿并提供素材，开发人员评审后发现某些地方需要修改，比如提供的图片素材不全，设计图没有展现所有软件状态，图标内容不清晰，文本框大小不合理等。现有一般的交互方法是开发人员将需要更正的修改点以列表方式整理出来发送给设计师；设计师修正以后，再次提供新的素材包；开发人员收到以后将素材包中的新资源替换旧资源，在代码中验证效果。所有流程都是手工操作完成，出错几率很高，相关交互文档也容易遗失。本申请提供的上述数据处理方案可以有效提高开发人员对批注效率，以及二者交互过程效率和可靠性。

参阅图8，图8为本申请第三种可选的数据处理方法的流程图。本申请于另一方面还公开了一种数据处理方法，应用于第二用户账号所在的电子设备，该方法包括：

S801：当接收到第一用户账号发送的评审消息，获取第一图片展示界面的图片和批注数据；该第一图片展示界面位于该第一用户账号的电子设备上；该批注数据是基于该第一用户账号在该第一图片展示界面上的批注操作生成的。

S803：基于该第一图片展示界面的图片和批注数据生成第二图片展示界面；该第二图片展示界面包括第二图片预览区域、批注数据显示区域和图片上传接口；该第二图片预设区域用于显示图片；该批注数据显示区域用于显示该批注数据，如图9所示，图9为本申请一种可选的第二图片展示界面的示意图。

S805：通过该图片上传接口上传更新后图片。

可选的，该批注数据包括对图片上目标对象的批注符、问题描述和建议描述等；该第二图片展示界面还包括第六控件，当用户点击该第六控件，则会显示该第六控件对应的目标对象的批注数据；例如，第六控件名称为问题1，当点击该第六控件后，则会显示在图片上批注为1的目标对象的问题描述、建议描述等内容。

具体批注数据的生成过程已在上述描述以第一用户账号的终端为执行主语的内容论述过了，在此不再赘述。

一种可选的示例中，该第二图片展示界面还包括第七控件；响应于第二用户账号对第七控件的操作，跳转到图片设计页面。

当用户点击第七控件后，会生成图片设计页面获取请求，该图片设计页面获取请求包括服务器地址和设计图标识；将该图片设计页面获取请求发送给服务器，接收服务器发送来的图片设计页面，并将其显示于第二用户账号所在的终端上。从而用户可以直接在该图片设计页面上对相应的对象进行修改，修改好后，用户选择另存为图片，可以将修改后的图片保存到本地，可以通过图片上传接口，完成对修改后图片的上传。

完成上述操作后，用户点击控件“提交”，即完成此次待处理任务，并会发送相应的通知消息给第一用户账号或者第一用户账号的关联账号。

一般，设计师与开发人员的交互过程中，通常是设计师将素材补充完整提供给开发人员，开发人员收到后手工操作，下载并替换到代码中验证。本申请提供该数据处理方法所基于的平台可以和代码仓库(如Git Lab)结合，可选的，当设计师提交好后，更新的资源图片可自动上传到代码库里的指定位置并通知开发人员，开发人员收到通知后直接去拉取最新资源；还可以基于如图7所示的修改效果查看控件的点击操作，就可以实现对修改后设计图的效果确认，通过点击下载控件，将修改后的图片下载下来，省去手工操作步骤，节约时间，减少差错。

可选的，点击下载控件可以是下载真实的图片，也可以是修改后图片的地址链接；如果是真实的图片，则开发人员需要获取真实图片在本地的地址，并将其写入代码中的指定位置进行验证，如果是修改后的图片地址链接，则可以直接将其写入代码中的指定位置进行验证。

需要说明的是，本申请提供该数据处理方法无论是应用于第一用户账号所在的电子设备上，还是第二用户账号所在的电子设备上，该数据处理方法还包括：响应于用户对目标界面上的历史记录控件的操作，显示历史记录界面，该历史记录显示界面可以包括项目控件，如“项目1”，“项目2”；响应于用户对历史界面上的项目控件的操作，展示历史交互信息；该历史交互信息包括问题，从而使得当用户点击每个问题对应的控件时，可以将针对该问题的具体问题描述、建议描述的内容(参阅图3)，以及问题提交时间、解决时间、该问题对应的图片(能够在设计图上看到问题标注的图片)等问题详情展示出来；若针对该问题，设计师提交了资源包，可以看到在库(如gitlab)里的记录，如开发者针对这个问题修改了并提交了代码，可以看到在库里的记录，所有问题都可以通过这种方法追溯，查看交互记录，修改记录。

可选的，该目标界面可以是上述的项目管理界面。

可选的，该历史交互信息可以直接展示每个问题对应的上述问题详情；也可以展示问题控件，进而当用户点击上述问题控件时，可以进一步展示问题详情界面，该问题详情界面包括上述问题详情。

通过在设计者和开发的交互过程中，对交互数据以及交互时间节点的记录，并对上述交互数据和时间节点进行归档，从而实现后续用户根据需要按照上述数据交互方法对数据进行查看，实现了交互内容可追溯，不易丢失，有利于项目回顾的优点。

参阅图10，图10为本申请一种可选的数据处理装置的结构示意图。本申请于另一方面还公开了一种数据处理装置，应用于第一用户账号所在的电子设备，包括：

第一显示模块1001，用于显示第一图片展示界面；该第一图片展示界面包括图片地址输入区域接口和第一图片预览区域；

接收模块1003，用于通过该图片地址输入区域接口接收图片地址；

第一获取模块1005，用于基于该图片地址获取对应的图片；

第二显示模块1007，用于在该第一图片预览区域显示该图片；

第三显示模块1009，用于响应于该第一用户账号对该图片的批注操作，在该第一图片展示界面上对应的显示区域显示批注数据；该批注数据包括与该图片的目标对象对应的评审信息；该目标对象为存在显示问题的对象。

在一个可选的示例中，第一显示模块，用于响应于该第一用户账号对项目管理界面的第一控件的操作，显示该第一图片展示界面。

在一个可选的示例中，该第一图片展示界面还包括批注控件、问题描述区域和建议描述区域；

第三显示模块，用于响应于该第一用户账号对该批注控件的操作，显示多个批注符；

响应于该第一用户账号的批注符选择指令，确定该多个批注符中的目标批注符；

响应于该第一用户账号对该图片的目标区域的第一批注操作，将该目标批注符绘制到该目标区域；该目标区域为该目标对象所在的区域；

响应于该第一用户账号对该问题描述区域的第二批注操作，在该问题描述区域显示该目标对象对应的问题；

响应于该第一用户账号对该建议描述区域的第三批注操作，在该建议描述区域显示该目标对象对应的问题解决建议。

在一个可选的示例中，该装置还包括：

第一获取模块，用于当接收到第二用户账号发送的对该目标对象的问题已处理消息时，获取更新后图片的存储地址、该图片和该批注数据；该更新后图片的存储地址是基于该第二用户账号在第二图片展示界面的上传更新后图片操作生成的；该第二图片展示界面显示于该第二用户账号所在的电子设备上；

生成模块，用于基于该更新后图片的存储地址、该目标图片和该批注数据生成第三图片展示界面。

在一个可选的示例中，该第三图片展示界面包括第二控件、第三控件和第四控件；该装置还包括：

第四显示模块，用于响应于该第一用户账号对该第二控件的操作，显示该目标对象对应的评审信息；

第五显示模块，用于响应于该第一用户账号对该第三控件的操作，显示该目标对象对应的第一处理结果；该第一处理结果表征该目标对象对应的问题未解决；或者，响应于该第一用户账号对该第四控件的操作，显示该目标对象对应的第二处理结果；该第二处理结果表征该目标对象对应的问题已解决。

参阅图11，图11为本申请另一种可选的数据处理装置的结构示意图。本申请于另一方面还公开了一种数据处理装置，应用于第二用户账号所在的电子设备，包括：

第二获取模块1101，用于当接收到第一用户账号发送的评审消息，获取第一图片展示界面的图片和批注数据；该第一图片展示界面位于该第一用户账号的电子设备上；该批注数据是基于该第一用户账号在该第一图片展示界面上的批注操作生成的；

生成模块1103，用于基于该第一图片展示界面的图片和批注数据生成第二图片展示界面；该第二图片展示界面包括第二图片预览区域、批注数据显示区域和图片上传接口；该第二图片预设区域用于显示图片；该批注数据显示区域用于显示该批注数据；

上传模块1105，用于通过该图片上传接口上传更新后图片。

本申请的实施例还提供了一种电子设备，该电子设备包括处理器和存储器，存储器中存储有至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或该指令集由处理器加载并执行以实现如上述的数据处理方法。

本申请的实施例还提供了一种计算机存储介质，所述计算机存储介质可设置于服务器之中以保存用于实现方法实施例中一种数据处理方法相关的至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述数据处理方法。

可选的，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选的，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是：上述本申请实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于设备实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。