CN113867867A - 界面处理方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本公开关于一种界面处理方法、装置、电子设备及计算机可读存储介质，其中，界面处理方法包括：在显示界面的第一区域显示源代码；接收注释显示请求，其中，注释显示请求用于请求显示源代码中目标代码的注释信息，注释信息脱离源代码独立存储；响应注释显示请求，从注释服务器中获取目标代码对应的注释信息，并将注释信息显示在显示界面与第一区域独立的第二区域中。本公开解决了调整注释效率低的问题。

Description

界面处理方法、装置、电子设备及计算机可读存储介质

技术领域

本公开涉及计算机领域，尤其涉及一种界面处理方法、装置、电子设备及计算机可读存储介质。

背景技术

相关技术中，在显示代码的注释内容的过程中，通常是在代码行之后，以两个斜杠加上注释的方式显示注释。然而，上述方法中，代码和注释是保存在一个文件中的，显示时，会同时显示，无法对注释进行灵活的调整。

发明内容

本公开提供一种界面处理方法、装置、电子设备及计算机可读存储介质，以至少解决相关技术中无法对代码的注释进行灵活调整的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种界面处理方法，包括：在显示界面的第一区域显示源代码；接收注释显示请求，其中，所述注释显示请求用于请求显示所述源代码中目标代码的注释信息，所述注释信息脱离所述源代码独立存储；响应所述注释显示请求，获取所述目标代码对应的注释信息，并将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中。

根据本公开实施例的第二方面，提供一种界面处理装置，包括：第一显示单元，被配置为在显示界面的第一区域显示源代码；接收单元，被配置为接收注释显示请求，其中，所述注释显示请求用于请求显示所述源代码中目标代码的注释信息，所述注释信息脱离所述源代码独立存储；第一获取单元，被配置为响应所述注释显示请求，获取所述目标代码对应的注释信息，并将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器，其中，所述处理器被配置为执行所述指令，以实现上述界面处理方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述界面处理方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机指令，其特征在于，所述计算机指令被处理器执行时实现上述界面处理方法。

本公开的实施例提供的技术方案至少带来以下有益效果：通过上述方法，通过显示源代码时，获取源代码相关的注释信息，以及在显示界面与第一区域独立的第二区域中显示注释信息，从而可以对注释信息进行灵活的调整。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种界面处理方法的流程图。

图2是根据一示例性实施例示出的另一种界面处理方法的流程图。

图3是根据一示例性实施例示出的又一种界面处理方法的流程图。

图4是根据一示例性实施例示出的一种界面处理方法的新建注释的示意图。

图5是根据一示例性实施例示出的一种界面处理方法的选择账号的示意图。

图6是根据一示例性实施例示出的另一种界面处理方法的选择账号的示意图。

图7是根据一示例性实施例示出的一种界面处理方法的回复注释的示意图。

图8是根据一示例性实施例示出的一种界面处理方法的提示注释条数的示意图。

图9是根据一示例性实施例示出的一种界面处理装置的结构框图。

图10是根据一示例性实施例示出的一种电子设备的示意图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

可选地，上述界面处理方法可以但不限于应用于显示源代码和源代码对应的注释信息的过程中。源代码可以为开发人员开发、维护过程中配置的代码内容。源代码的注释信息可以为辅助理解源代码或者对源代码进行解释、询问的内容。

图1是根据一示例性实施例示出的一种界面处理方法的流程图，如图1所示，界面处理方法包括：

在步骤S11中，在显示界面的第一区域显示源代码。

在本实施例中，可以在客户端的显示界面的第一区域上显示源代码，第一区域为显示界面上显示源代码的部分区域，其中第一区域可以以多种形式进行展示，例如，弹窗，显示窗口，等等。客户端可以为开发源代码所使用的客户端。用户可以通过客户端对源代码进行查看、修改、删除、保存等操作。在客户端的显示界面上，第一区域为显示界面中的显示窗口时，可以显示源代码的显示窗口，源代码的显示窗口中显示源代码。源代码可以包括不同的类或方法等，可以选择显示不同的类或方法的源代码。

在步骤S12中，接收注释显示请求，其中，注释显示请求用于请求显示源代码中目标代码的注释信息，注释信息脱离源代码独立存储。

可选地，在本实施例中，源代码的注释信息可以与源代码分离存储，即可以脱离源代码独立存储。即源代码保存在源代码文件中，注释信息保存在注释信息文件中。然后，在源代码和注释信息之间建立映射关系。通过映射关系，可以确定哪些注释信息对应哪些源代码。在显示源代码时，可以通过注释显示请求来显示源代码对应的注释信息。可以选择显示哪些源代码的注释信息。例如，显示所有的源代码的注释信息，或者显示源代码中的目标代码的注释信息。

在步骤S13中，响应注释显示请求，获取目标代码对应的注释信息，并将注释信息显示在显示界面与第一区域独立的第二区域中。

可选地，本实施例中，在获取到注释显示请求之后，可以通过多种方式获取目标代码对应的注释信息，例如，可以从注释服务器获取目标代码的注释信息，并显示注释信息，其中，注释信息可以显示在显示页面与第一区域独立的第二区域中，即与显示源代码区域的第二区域中，例如可以显示在注册编辑器中，显示注释信息。本实施例中，可以从服务器获取注释信息所在的文件，并下载该文件，然后确定文件中的注释信息所对应的目标代码，显示注释信息。

图2是一种客户端的流程图。如图2的S21到S24所示。以在显示界面的第一区域中应用注释服务器显示源代码，在显示界面的第二区域应用注册编辑器显示注释信息为例，客户端打开源码文件显示源代码，源码文件可以从服务器获取，也可以从本地获取。显示源代码的过程中，获取注释显示请求，则启动注释编辑器，从服务器获取注释信息并显示在注释编辑器中。图3是服务器的流程图。如图3的S31到S33所示。图3中，在客户端打开源码文件显示源代码时，服务器获取源码文件的路径、分支信息，从而确定出对应的注释信息的存储位置。服务器可以从git中获取文件路径和分支信息。服务器可以为注释服务器或者为中间服务器，如果服务器为中间服务器，可以向注释服务器请求注释信息，并将注释信息下发到客户端。注释信息中保存有客户端的源代码的行号以及注释信息的类型和内容。可以下发到客户端后在客户端显示。

可选地，本实施例中，显示注释内容时，以在显示界面的第一区域中应用注释服务器显示源代码，在显示界面的第二区域应用注册编辑器显示注释信息为例，可以在显示界面上显示注释编辑器，在注释编辑器中显示注释内容。例如，如图4所示。图4中，在显示界面402上可以显示源代码404，还可以显示注释编辑器406。注释编辑器可以对注释进行增删查改。可以通过搜索功能搜索其他账号，从而确定能够查看注释信息的账号的查看权限。例如，新增一个注释，可以由账号2查看。可以通过新建注释功能增加注释。可以选择代码内容并新建注释，或者选择新建注释功能后，在选择代码。为选择的代码增加注释。团队注释可以为多个账号具备查看权限的注释。例如，新建注释，账号3、账号4都具备查看权限。生成链接功能可以生成链接类型的注释。可以通过该注释跳转到链接对应的内容。图5为一种搜索选择账号的示意图。通过搜索框502搜索账号，为增加的注释确定具有查看该注释的查看权限的账号。图6为一种新建注释的示意图。图6中，可以在新见注释时，显示账号选择框602，选择具备查看新建注释的查看权限的账号。与图5的不同之处在于，图6中账号选择框602显示的是与当前源代码相关的账号。如果与当前源代码不相关，则不会显示该账号。

作为一种选的示例，将注释信息显示在显示界面与第一区域独立的第二区域中，包括：

显示显示界面中的第二区域；

在第二区域显示注释信息。

可选地，本实施例中，在显示界面的第二区域应用注册编辑器显示注释信息为例，注释编辑器中可以包括注释浏览区域和注释编辑区域。注释浏览区域可以显示注释信息。注释编辑区域可以显示用于编辑注释的功能。通过注释编辑区域的功能可以对注释信息进行编辑。

作为一种选的示例，将注释信息显示在显示界面与第一区域独立的第二区域中，包括：

在登录显示界面的第一账号具备第一注释的查看权限的情况下，在第二区域中显示注释信息中的第一注释。

可选地，本实施例中，注释信息需要对应的查看权限才能被查看。当客户端在服务器下载注释信息时，服务器可以获取客户端的账号的账号标识，然后，确定账号标识的查看权限，将查看权限对应的注释信息发送给客户端，由客户端进行显示。或者，客户端可以从服务器下载源代码的所有注释信息，但是，客户端上只显示具备查看权限的注释内容。

本实施例中，创建注释信息时，可以确定具备该注释信息的查看权限的账号。例如，当前的账号创建注释信息时，可以确定，第一账号具备该注释信息的查看权限。

作为一种选的示例，方法还包括：

获取注释指令，其中，注释指令用于指示第一账号新增第二注释；

获取第二账号的账号标识，其中，第二账号为具备第二注释的查看权限的账号；

发送第二注释和第二账号的账号标识。

可选地，本实施例中，在指示第一账号新增第二注释时，同时确定第二账号为具备第二注释的查看权限的账号。以在显示界面的第一区域中应用注释服务器显示源代码，在显示界面的第二区域应用注册编辑器显示注释信息为例，则第二注释和第二账号的账号标识将被发送到注释服务器，由注释服务器进行保存。当第二账号请求注释信息时，服务器会将第二注释发送到第二账号，由第二账号的客户端进行显示。

作为一种选的示例，方法还包括：

显示第三注释，其中，第三注释为第二账号为第二注释增加的回复注释，第一账号具备第三注释的查看权限。

可选地，本实施例中，当第二账号显示第二注释时，可以对第二注释回复第三注释。第三注释会自动确定产生第二注释的账号为具备查看第三注释的查看权限的账号。

作为一种选的示例，方法还包括：

获取对第一注释进行回复的第四注释，其中，产生第一注释的第三账号具备第四注释的查看权限；

发送第四注释和第三账号的账号标识。

可选地，本实施例中，第一账号可以针对第一注释进行回复，回复的注释为第四注释。第四注释可以自动确定第三账号具备查看权限。在回复第四注释时，还可以增加具备查看第四注释的权限的账号。

例如，如图7所示。图7中，对于代码702，显示对应的注释内容704。张三添加了注释，当前显示张三的注释。如果对该注释进行回复，则可以@张三进行回复。则新增的注释张三具备查看权限。

本实施例中，还可以提示一个账号，当前的源代码中包括多少条账号具备查看权限的注释。例如，如图8所示。目录802和代码显示区804中，目录中可以显示代码中包括的具有查看权限的注释有多少。类2对应的代码有99条以上的具备查看权限的注释，而类3中包括了3条具备查看权限的注释。

作为一种选的示例，获取目标代码对应的注释信息包括：

向注释服务器发送目标代码的代码标识；

从注释服务器接收与代码标识对应的注释信息，其中，注释信息中包括目标代码对应的代码行号、注释的内容、注释的类型和具备注释的查看权限的账号的账号标识。

可选地，本实施例中，本实施例中，注释信息可以标记目标代码的行号。获取到注释信息后，可以确定对应的目标注释，显示在目标注释所在的位置。例如，显示在目标注释的右侧。

作为一种选的示例，响应注释显示请求，获取目标代码对应的注释信息，并将注释信息显示在显示界面与第一区域独立的第二区域中，包括以下至少之一：

在注释信息包括多媒体内容的情况下，基于多媒体内容的链接地址获取多媒体内容，并将获取的多媒体内容显示在第二区域中；

在注释信息包括多系统协同处理的协同内容时，基于多系统之间的协同处理，获得协同内容，并将协同内容显示在第二区域中；

在注释信息包括针对文件的文件注释的情况下，获取针对文件的文件注释，并将文件注释显示在第二区域中。

可选地，本实施例中的注释的类型并不限定。可以为文字、图片、超链接、视频、音频等任意形式的注释。超链接的注释被点击后，可以显示对应的内容，或者跳转到超链接对应的页面。注释信息还可以为其他文件、系统中的关联功能等。例如，点击注释信息，则调用系统中的功能。

本实施例中，通过分布式版本控制系统git进行文件定位，然后将多媒体类型的注释保存在远端服务器，而不是保存在源码文件中。用户可以通过注释向其他系统进行关联，灵活的对注释进行处理。

增加一类注释，用于描述一些开发过程中的讨论结果和中间过程记录等，功能包括但不限于可以评论，可以艾特其他账号，艾特其他账号即为注释信息分配查看权限。可以回复注释信息。这类注释信息是不跟随源代码本身保存的，而是保存在注释文件中，保存在服务器上。该类注释可以存放在“注释服务器”中，从而将原文件中彻底分离出去，不影响源代码的整洁性。在代码编辑器中植入一个专门浏览注释的区域(例如注释编辑器webview)对于注释的形式就没有任何格式的限制。

图9是根据一示例性实施例示出的一种界面处理装置框图。参照图9，该装置包括：

第一显示单元91，被配置为在显示界面的第一区域显示源代码；

接收单元92，被配置为接收注释显示请求，其中，注释显示请求用于请求显示源代码中目标代码的注释信息，注释信息脱离源代码独立存储；

第一获取单元93，被配置为响应注释显示请求，从注释服务器中获取目标代码对应的注释信息，并将注释信息显示在显示界面与第一区域独立的第二区域中。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图10是根据一示例性实施例示出的一种电子设备的结构框图。如图10所示，电子设备包括处理器1020和用于存储上述处理器可执行指令的存储器1010。上述处理器1020被配置为执行指令，以实现上述的界面处理方法。本实施例中的电子设备还可以包括传输装置1030、显示器1040和连接总线1050。传输装置1030用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中，传输装置1030包括一个网络适配器(Network Interface Controller，NIC)，其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中，传输装置1030为射频(RadioFrequency，RF)模块，其用于通过无线方式与互联网进行通讯。上述显示器1040用于显示源代码和注释信息；上述连接总线1050，用于连接上述电子设备中的各个模块部件。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器1010，上述指令可由上述电子设备的处理器1020执行以完成上述方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供一种计算机程序产品，包括计算机指令，上述计算机指令被处理器执行时实现上述的界面处理方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种界面处理方法，其特征在于，包括：

在显示界面的第一区域显示源代码；

接收注释显示请求，其中，所述注释显示请求用于请求显示所述源代码中目标代码的注释信息，所述注释信息脱离所述源代码独立存储；

响应所述注释显示请求，获取所述目标代码对应的注释信息，并将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中。

2.根据权利要求1所述的界面处理方法，其特征在于，所述将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中包括：

显示所述显示界面中的所述第二区域；

在所述第二区域中显示所述注释信息。

3.根据权利要求1所述的界面处理方法，其特征在于，所述将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中包括：

在登录所述显示界面的第一账号具备第一注释的查看权限的情况下，在所述第二区域中显示所述注释信息中的所述第一注释。

4.根据权利要求3所述的界面处理方法，其特征在于，所述方法还包括：

获取注释指令，其中，所述注释指令用于指示所述第一账号新增第二注释；

获取第二账号的账号标识，其中，所述第二账号为具备所述第二注释的查看权限的账号；

发送所述第二注释和所述第二账号的账号标识。

5.根据权利要求4所述的界面处理方法，其特征在于，所述方法还包括：

显示第三注释，其中，所述第三注释为所述第二账号为所述第二注释增加的回复注释，所述第一账号具备所述第三注释的查看权限。

6.根据权利要求3所述的界面处理方法，其特征在于，所述方法还包括：

获取对所述第一注释进行回复的第四注释，其中，产生所述第一注释的第三账号具备所述第四注释的查看权限；

发送所述第四注释和所述第三账号的账号标识。

7.一种界面处理装置，其特征在于，包括：

第一显示单元，被配置为在显示界面的第一区域显示源代码；

接收单元，被配置为接收注释显示请求，其中，所述注释显示请求用于请求显示所述源代码中目标代码的注释信息，所述注释信息脱离所述源代码独立存储；

第一获取单元，被配置为响应所述注释显示请求，获取所述目标代码对应的注释信息，并将所述注释信息显示在所述显示界面与所述第一区域独立的第二区域中。

8.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的界面处理方法。

9.一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至6中任一项所述的界面处理方法。

10.一种计算机程序产品，包括计算机指令，其特征在于，所述计算机指令被处理器执行时实现权利要求1至6中任一项所述的界面处理方法。

Images