CN107368293B - 页面结构生成方法、页面截图上报方法、装置及系统 - Google Patents

Abstract

本申请实施例公开了一种页面结构生成方法、页面截图上报方法、装置及系统。该页面结构生成方法包括：获取应用的页面截图及对应的页面路径；根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；当该页面路径在第一显示区域中被选中时，在第二显示区域中显示该页面截图。利用本申请实施例，可以辅助开发设计人员进行开发设计，提高项目的开发效率。

Description

页面结构生成方法、页面截图上报方法、装置及系统

技术领域

本申请涉及计算机软件技术领域，尤其涉及一种页面结构生成方法、页面截图上报方法、装置及系统。

背景技术

在进行应用软件的项目开发时，通常需要关注应用的结构设计的整体情况及合理性。

在现有技术中，一般通过文件系统来控制应用软件的项目结构，通过代码托管平台如git，svn等托管代码。项目开发人员可以从代码托管平台下载项目代码到本地，并通过个人电脑的文件系统或代码开发工具查看项目结构；产品设计人员可以通过项目的设计文档来了解项目中的页面分布情况。

但是，由于现有应用软件的项目开发通常采用分包管理，项目设计也采用分模块设计，每个项目开发人员通常只能接触到整体项目的一部分，无法从整体上把控项目的设计结构；每个产品设计人员一般也只能看到某一模块的页面分布，无法了解整个项目的页面分布情况。并且，由于项目的设计文档通常具备很多非正式版本，产品设计人员从设计文档中看到的页面和实际应用中的页面有差距。应用软件的开发设计的效率较低，周期较长。

亟需一种辅助开发设计人员进行开发设计的项目管理方案，提高应用软件的开发效率。

发明内容

本申请实施例的目的是提供一种页面结构生成方法、页面截图上报方法、装置及系统，以辅助开发设计人员进行开发设计，提高项目的开发效率。

为解决上述技术问题，本申请实施例是这样实现的：

第一方面，提出了一种应用页面结构生成方法，包括：

获取应用的页面截图及对应的页面路径；

根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当该页面路径在第一显示区域中被选中时，在第二显示区域中显示该页面截图。

第二方面，提出了一种应用页面截图上报方法，包括：

根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

第三方面，提出了一种应用页面结构生成装置，包括：

获取单元，获取应用的页面截图及对应的页面路径；

映射关系建立单元，根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

页面截图显示单元，当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

第四方面，提出了一种应用页面截图上报方法，包括：

获取单元，根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

发送单元，将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

第五方面，提出了一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：

获取应用的页面截图及对应的页面路径；

根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

第六方面，提出了一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：

根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

第七方面，提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序当被包括多个应用程序的电子设备执行时，使得该电子设备执行以下操作：

获取应用的页面截图及对应的页面路径；

根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

第八方面，提出了另一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序当被包括多个应用程序的电子设备执行时，使得该电子设备执行以下操作：

根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

第九方面，提出了一种应用页面结构管理系统，包括第三方面的应用页面结构生成装置和第四方面的应用页面截图上报装置，或包括第五方面的电子设备和第六方面的电子设备。

由以上本申请实施例提供的技术方案可见，本申请实施例通过页面截图及对应的页面路径生成应用的页面分布展示图，从而使得开发设计人员能够了解应用的整体结构和页面设计，大大提高了项目的开发效率。

附图说明

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

图1是本申请的一个实施例应用页面截图上报及页面结构生成方法流程图。

图2是本申请的一个实施例应用的页面截图示意图。

图3是本申请的一个实施例应用的页面分布展示图中的页面分布示意图。

图4是本申请的一个实施例应用的页面分布展示图的示意图。

图5是本申请的一个实施例应用的页面分布展示图中的页面分布示意图。

图6是本申请的一个实施例应用的页面分布展示图的示意图。

图7是本申请的一个实施例电子设备的结构示意图。

图8是本申请的一个实施例应用页面截图上报装置的结构示意图。

图9是本申请的一个实施例电子设备的结构示意图。

图10是本申请的一个实施例应用页面结构生成装置的结构示意图。

具体实施方式

本申请实施例提供一种页面结构生成方法、页面截图上报方法、装置及系统。

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

图1是本申请的一个实施例应用页面截图上报及页面结构生成方法流程图。如图1所示，该方法可包括

S101，应用页面截图上报装置根据应用打开的页面，获取该页面的页面截图及对应的页面路径。

应理解，在本申请实施例中，应用页面截图上报装置，可以是应用本身，也可以是独立于应用之外的第三方装置，本申请实施例对此不作限制。

应理解，在本申请实施例中，可在应用打开的页面中，对页面进行截图，并获取页面的路径。

获取页面路径的具体实现，可参考现有技术，本申请实施例在此不再赘。

可选地，在步骤S101中，获取该页面的页面截图，具体可实现为：在该页面打开并完成绘制后，对该页面进行截图得到该页面截图。具体地，在本申请实施例中，步骤S101可通过在应用的页面中植入埋点代码等方式实现，或者通过应用之外的第三方装置捕捉应用的页面的打开事件实现，本申请实施例对此不作限制。

可选地，在对该页面进行截图前，该方法还包括：向该应用页面结构生成装置发送查询请求，该查询请求携带该页面截图对应的页面路径的信息，该查询请求用于请求查询是否存在该页面截图；

对该页面进行截图得到该页面截图包括：当接收到用于表示该页面截图不存在的反馈信息时，对该页面进行截图得到该页面截图。

本申请实施例中，在对页面截图之前判断页面截图是否已经存在于应用的页面分布展示图中，可以避免重复截图，提高页面截图的效率。

可选地，对该页面进行截图得到该页面截图，具体可实现为：打开第一线程对该页面进行截图得到该页面截图，其中，该第一线程不同于该应用打开的页面对应的第二线程。

在本申请实施例中，通过建立第一线程对该页面进行截图，可以避免应用的用户接口(User Interface，UI)线程发生卡顿，提高应用的UI子线程运行效率。

可选地，步骤S101具体实现为：当该应用为测试版本时，根据应用打开的页面，获取该页面的页面截图及对应的页面路径。

具体地，例如，可以只在应用的测试版本中植入该埋点代码，或者，可为应用设置一个参数，用于表示应用是否为测试版本，并在该埋点代码中增加一个逻辑判断，当该参数表示应用为测试版本执行获取页面截图的代码，否则不执行。

S102，应用页面截图上报装置将该页面截图及对应的页面路径发送给应用页面结构生成装置。

其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示该应用的各页面路径对应的页面截图。

应理解，在本申请实施例中，应用页面截图上报装置可通过多种方式将页面截图及对应的页面路径发送给应用页面结构生成装置。

可选地，作为一个实施例，步骤S102具体实现为：将该页面截图以该页面截图对应的页面路径命名并发送给该应用页面结构生成装置。

图2是本申请的一个实施例应用的页面截图示意图。不妨假设其路径为com.alipay.mobile.fund.activity.FundArchiveActivity。在本申请实施例中，可将页面截图命名为com.alipay.mobile.fund.activity.FundArchiveActivity.png，然后直接将命名后的文件发送给该应用页面结构生成装置。当然，应理解，文件的后缀名可能是其它形式的后缀，本申请实施例对此不作限制。此外，在本申请实施例中，也可用其它形式的间隔符号表示页面的路径，本申请实施例对此不作限制。

可选地，作为另一个实施例，步骤S102具体可实现为：将该页面截图及携带该页面截图对应的页面路径的消息发送给该应用页面结构生成装置。

还是以图2所示的页面截图为例，在本申请实施例中，可将页面截图发送给该应用页面结构生成装置，同时，还可将该页面截图对应的路径，即“com.alipay.mobile.fund.activity.FundArchiveActivity”，以消息的形式发送给应用页面结构生成装置。

当然，应理解，在向应用页面结构生成装置发送页面截图时，可将页面截图以文件的形式发送到应用页面结构生成装置指定的存储路径；或者，可将页面截图以消息流的形式发送到应用页面结构生成装置。

在本申请实施例中，应用页面截图上报装置通过将页面截图及对应的页面路径发送给应用页面结构生成装置，以便应用页面结构生成装置能够根据页面截图和页面路径生成应用的页面分布展示图，使得开发设计人员能够根据应用当前的结构设计图，查看应用中的页面分布及各页面布局情况，了解应用中各页面的设计是否合理，进而能够辅助开发设计人员进行开发设计，提高项目的开发效率。

S201，应用页面结构生成装置获取应用的页面截图及对应的页面路径。

应理解，在本申请实施例中，应用页面结构生成装置是独立于应用之外的一种第三方装置，通常可部署在应用能够访问的服务器中。

如步骤S102所示，应用页面截图上报装置可将页面截图以该页面截图对应的页面路径命名并发送给该应用页面结构生成装置，或者将该页面截图及携带该页面截图对应的页面路径的消息发送给该应用页面结构生成装置。

相应地，应用页面结构生成装置可获取以页面路径命名的该页面截图；或者，应用页面结构生成装置可获取该页面截图，并获取携带该页面截图对应的页面路径的消息。

应理解，在本申请实施例中，应用页面结构生成装置可逐个获取应用的页面截图及对应的页面路径，或者从某个指定的存储路径中批量获取应用的多个页面截图及对应的页面路径。

S202，应用页面结构生成装置根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系。

其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域。

应用的页面分布，例如，可以用包含页面路径分布的树状图表示，或者用包含页面路径分布的列表来表示，等等。当然，也不排除采用其它的方式显示应用的页面分布情况。

当然，应理解，在建立页面路径与页面截图的映射关系之前，该应用的页面分布展示图中可能已经包括该页面路径，也可能还不存在该页面路径。

可选地，作为一个实施例，在建立页面路径与页面截图的映射关系之前，该应用的页面分布展示图已经包括页面路径。例如，可对该应用的页面分布展示图进行初始化操作，使得应用的页面分布展示图包括应用的所有页面路径；或者，例如之前已经建立过该页面路径与页面截图的映射关系，并为更新页面路径对应的页面截图而删除了该除页面截图。

或者，可选地，作为另一个实施例，在建立该页面路径与该页面截图的映射关系，该方法还包括：在应用的页面分布展示图中添加该页面路径的信息。

S203，当该页面路径在第一显示区域中被选中时，应用页面结构生成装置在第二显示区域中显示该页面截图。

该页面路径在第一显示区域中被选中，在不同的应用页面分布方式中有不同的表现方式。例如，在以树状图表示的应用页面分布中，表现为页面路径对应的节点被选中；在以列表表示的应用页面分布中，则表现为页面路径对应的列表项被选中。

在本申请实施例中，当页面路径在该应用的页面分布展示图中被选中时，应用页面结构生成装置即可根据页面路径与页面截图的映射关系，显示页面路径节点对应的页面截图。用户可通过该应用的页面分布，查看应用的页面分布情况及各页面布局情况。

此外，随着页面截图的增多，应用的页面分布展示图所能展示的应用的页面分布情况也就越详细，用户对应用的页面布局的了解也就越全面。也就是说，应用的页面分布展示图可随着应用开发的进程，逐步完善。

在本申请实施例中，应用页面结构生成装置根据应用页面截图上报装置上报的页面截图和页面路径生成应用的页面分布展示图，使得开发设计人员能够根据应用当前的结构设计图，查看应用中的页面分布及各页面布局，了解应用的各页面设计是否合理，进而能够辅助开发设计人员进行开发设计，提高项目的开发效率。

为便于理解本申请实施例的技术方案，下面将结合具体的例子，对应用页面结构生成装置执行的方法作进一步的说明。为便于描述，下列涉及到应用页面分布的内容，均以树状图为例进行描述。

还是以图2所示的页面截图为例，并假设其页面路径为“com.alipay.mobile.fund.activity.FundArchiveActivity”。

当应用页面结构生成装置得到该页面截图及页面路径信息后，可先查找应用的页面分布展示图中是否存在该页面路径对应的分布信息，例如查找该页面路径对应的节点，等等。

应理解，在应用的页面分布展示图中，当页面路径对应的页面截图不存在时，该页面路径对应的分布信息可以在应用的页面分布展示图中显示，也可以不在应用的页面分布展示图中展示。

图3是本申请的一个实施例应用的页面分布展示图中的页面分布图。当页面路径com.alipay.mobile.fund.activity.FundArchiveActivity对应的页面截图不存在于应用的页面分布展示图时，应用的页面分布展示图中可显示该页面路径对应的分布节点，如图3的左图所示；应用的页面分布展示图中也可不显示该页面路径对应的分布节点，如图3的右图所示。

可选地，在图3的右图所示的场景中，如果在应用的页面分布展示图中不存在该页面路径对应的分布信息，则在步骤S202之前，该方法还可包括：应用页面结构生成装置在该应用的页面分布展示图中添加该页面路径对应的分布信息。

当然，应理解，如果应用的页面路径是以树状图显示，且该页面路径的父路径对应的节点不存在，则在添加该页面路径对应的节点之前，应先添加该页面路径的父路径对应的节点。还是以页面路径com.alipay.mobile.fund.activity.FundArchiveActivity为例，如果在应用的页面分布展示图中不存在com.alipay.mobile.fund.activity对应的节点，则应先添加com.alipay.mobile.fund.activity对应的节点，以此类推。

当应用页面结构生成装置在应用的页面分布展示图添加页面路径对应的分布信息后，还可同时建立页面路径与对应的页面截图的映射关系，以便用户在应用的页面分布展示图点击查看该页面路径时，根据页面路径与页面截图的映射关系，向用户显示被点击的页面路径所对应的页面截图。

图4是本申请的一个实施例应用的页面分布展示图的示意图。当应用页面结构生成装置获取到图2所示的页面截图及对应的页面路径com.alipay.mobile.fund.activity.FundArchiveActivity时，即可根据该页面路径与该页面截图，在图4所示的页面分布展示图中，建立该页面路径与该页面截图的映射关系。如图4所示，该页面路径对应的节点为：com节点-alipay节点-mobile节点-ui节点-activity节点下的FundArchiveActivity节点。如图4所示，当应用的页面分布展示图中FundArchiveActivity节点被选中时，即可显示该节点对应的页面路径所映射的页面截图。

当然，应理解，在应用的开发设计中，其页面路径通过用英文表示。开发设计人员很难直接根据页面路径，获悉页面路径的各节点所表示的含义。

可选地，作为一个实施例，应用页面结构生成装置可根据页面路径对应的节点与注释名称的映射关系，将该页面路径对应的节点对应的注释名称，作为该应用的页面分布展示图中该页面路径对应的节点的显示名称，其中，该应用的页面分布以树状图的形式表示。该树状图中的节点，用于表示页面路径，或者页面路径的更高级的路径。页面路径的更高级路径，例如，页面路径的上一级路径，页面路径的上一级路径的上一级路径，等等。

该映射关系，例如，可以是一个映射关系表，用于存储页面路径的各级节点对应的注释名称，等等。表1是本申请的一个实施例应用的页面分布展示图中的各级节点路径与注释名称的映射关系表。

表1：

根据表1，应用页面结构生成装置可对应用的页面分布展示图中的各级节点进行处理，将节点路径对应的注释名称作为节点的显示名称。图5是本申请的一个实施例应用的页面分布展示图的页面分布示意图。以图4为例，根据表1以注释名称作为节点显示名称对节点进行处理，则图4中FundArchiveActivity节点之前的页面分布节点的显示效果可如图5所示。

当然，应理解，基于页面路径的建立的节点中，经常会包括一些无意义的节点。为使得页面分布展示图更为简洁，可设置一个显示过滤表，以过滤出现在显示过滤表中的节点。

具体地，该方法可包括：过滤该应用的页面分布展示图中出现在显示过滤表的节点，其中，该显示过滤表用于该应用的页面分布展示图中记录需要隐藏或者不需要显示的节点，该应用的页面分布以树状图的形式表示。应理解，在本申请实施例中，过滤节点，是指将该节点隐藏，或者直接从页面分布展示图中删除。当然，应理解，被过滤节点的路径信息会保存到子节点中，使得子节点的完整路径保持不变。

图6是本申请的一个实施例应用的页面分布展示图的示意图。如图6所示，应用的页面分布展示图中对页面分布的节点进行了过滤，使得应用的页面分布更为简洁。当然，应理解，其每个节点对应的页面路径并不会发生变化。例如，在图6中，“基金模块”对应的路径还是com.alipay.mobile.fund，“活动”对应的路径还是com.alipay.mobile.fund.activity。

应理解，为提高应用端的页面截图效率，应用页面结构生成装置可根据应用端的查询请求中携带的页面路径，向应用端反馈页面路径对应的节点是否存在对应的页面截图。

可选地，该方法还可包括：

应用页面结构生成装置接收查询请求，该查询请求用于查询第一页面路径对应的第一页面截图是否存在；

如果存在该第一页面路径对应的分布信息且存在该第一页面截图，则应用页面结构生成装置反馈该第一页面截图存在的信息；

或者，如果不存在该第一页面路径对应的分布信息或者不存在该第一页面截图，则应用页面结构生成装置反馈该第一页面截图不存在的信息。

应理解，当在该应用的页面分布展示图中页面截图生成之后，可能由于各种方面的原因，需要更新页面截图。例如，页面重新开发，或者，页面截图不清楚，等等。

可选地，该方法还包括：如果需要更新第二页面路径对应的页面截图，则删除该第二页面路径对应的页面截图和/或该第二页面路径对应的分布信息。

在本申请实施例中，通过删除页面路径对应的分布信息，和/或删除页面路径对应的页面截图，从而使得应用端在打开该页面路径对应的页面时，能够重新截图上传。

当然，应理解，在删除页面截图之后，还可主动向应用端发送携带该页面路径的提示信息，提示应用端对该页面路径对应的页面重新截图上传。

图7是本申请的一个实施例电子设备的结构示意图。请参考图7，在硬件层面，该电子设备包括处理器，可选地还包括内部总线、网络接口、存储器。其中，存储器可能包含内存，例如高速随机存取存储器(Random-Access Memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少1个磁盘存储器等。当然，该电子设备还可能包括其他业务所需要的硬件。

处理器、网络接口和存储器可以通过内部总线相互连接，该内部总线可以是ISA(Industry Standard Architecture，工业标准体系结构)总线、PCI(PeripheralComponent Interconnect，外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture，扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图7中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

存储器，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器，并向处理器提供指令和数据。

处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成应用页面截图上报装置。处理器，执行存储器所存放的程序，并具体用于执行以下操作：

根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

上述如本申请图1所示实施例揭示的应用页面截图上报装置执行的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括中央处理器(Central ProcessingUnit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。

该电子设备还可执行图1中应用页面截图上报装置执行的方法，并实现应用页面截图上报装置在图1所示实施例的功能，本申请实施例在此不再赘述。

图8是本申请的一个实施例应用页面截图上报装置的结构示意图。请参考图8，在一种软件实施方式中，应用页面截图上报装置800可包括：获取单元810和发送单元820，其中，

获取单元810，根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

发送单元820，将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

在本申请实施例中，应用页面截图上报装置通过将页面截图及对应的页面路径发送给应用页面结构生成装置，以便应用页面结构生成装置能够根据页面截图和页面路径生成应用的页面分布展示图，使得开发设计人员能够根据应用当前的结构设计图，查看应用中的页面分布及各页面布局，了解应用的各页面设计是否合理，进而能够辅助开发设计人员进行开发设计，提高项目的开发效率。

可选地，作为一个实施例，获取单元810具体在该页面打开并完成绘制后，对该页面进行截图得到该页面截图。

进一步地，应用页面截图上报装置800还可包括接收单元830，发送单元820还在对该页面进行截图前，向该应用页面结构生成装置发送查询请求，该查询请求携带该页面截图对应的页面路径的信息，该查询请求用于请求查询是否存在该页面截图；接收单元830接收该查询请求的反馈信息；获取单元810具体在接收到的反馈信息表示该页面截图不存在时，对该页面进行截图得到该页面截图。

可选地，获取单元810具体可建立第一线程对该页面进行截图得到该页面截图，其中，该第一线程不同于该应用打开的页面对应的第二线程。

可选地，获取单元810具体可在该应用为测试版本时，根据应用打开的页面，获取该页面的页面截图及对应的页面路径。

可选地，作为一个实施例，发送单元820可将所述页面截图以所述页面截图对应的页面路径命名并发送给所述应用页面结构生成装置。

或者，可选地，作为另一个实施例，发送单元820可将该页面截图及携带该页面截图对应的页面路径的消息发送给该应用页面结构生成装置。

应用页面截图上报装置800还可执行图1中应用页面截图上报装置执行的方法，并实现应用页面截图上报装置在图1所示实施例的功能，本申请实施例在此不再赘述。

图9是本申请的一个实施例电子设备的结构示意图。请参考图9，在硬件层面，该电子设备包括处理器，可选地还包括内部总线、网络接口、存储器。其中，存储器可能包含内存，例如高速随机存取存储器(Random-Access Memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少1个磁盘存储器等。当然，该电子设备还可能包括其他业务所需要的硬件。

处理器、网络接口和存储器可以通过内部总线相互连接，该内部总线可以是ISA(Industry Standard Architecture，工业标准体系结构)总线、PCI(PeripheralComponent Interconnect，外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture，扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

存储器，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器，并向处理器提供指令和数据。

处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成应用页面结构生成装置。处理器，执行存储器所存放的程序，并具体用于执行以下操作：

获取应用的页面截图及对应的页面路径；

根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

上述如本申请图1所示实施例揭示的应用页面结构生成装置执行的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括中央处理器(Central ProcessingUnit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。

该电子设备还可执行图1的方法，并实现应用页面结构生成装置在图1所示实施例的功能，本申请实施例在此不再赘述。

图10是本申请的一个实施例应用页面结构生成装置的结构示意图。

请参考图10，在一种软件实施方式中，应用页面结构生成装置1000可包括：获取1010、映射关系建立单元1020和页面截图显示单元1030，其中，

获取单元1010，获取应用的页面截图及对应的页面路径；

映射关系建立单元1020，根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

页面截图显示单元1030，当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

在本申请实施例中，应用页面结构生成装置根据应用页面结构生成装置上报的页面截图和页面路径生成应用的页面分布展示图，使得开发设计人员能够根据应用当前的结构设计图，查看应用中的页面分布及各页面布局，了解应用的各页面设计是否合理，进而能够辅助开发设计人员进行开发设计，提高项目的开发效率。

可选地，应用页面结构生成装置1000还可包括接收单元1040和发送单元1050，

接收单元1040，接收查询请求，该查询请求用于查询第一页面路径对应的第一页面截图是否存在；

如果存在该第一页面路径对应的分布信息且存在该第一页面截图，则发送单元1050反馈该第一页面截图存在的信息；

或者，如果不存在该第一页面路径对应的分布信息或者不存在该第一页面截图，则发送单元1050反馈该第一页面截图不存在的信息。

可选地，应用页面结构生成装置1000还可包括删除单元1060，在需要更新第二页面路径对应的页面截图时，删除该第二页面路径对应的分布信息，和/或删除该第二页面路径对应的分布信息所映射的页面截图。

可选地，应用页面结构生成装置1000还可包括页面分布显示单元1070，根据页面路径对应的节点与注释名称的映射关系，将该页面路径对应的节点对应的注释名称，作为该应用的页面分布展示图中该页面路径对应的节点的显示名称，其中，该应用的页面分布以树状图的形式表示。

可选地，页面分布显示单元1070还可过滤该应用的页面分布展示图中出现在显示过滤表的节点，其中，该显示过滤表用于该应用的页面分布展示图中记录需要隐藏或者不需要显示的节点。

可选地，作为一个实施例，获取单元1010可获取以页面路径命名的该页面截图。

或者，可选地，作为另一个实施例，获取单元1010可获取该页面截图，并获取携带该页面截图对应的页面路径的消息。

应用页面结构生成装置1000还可执行图1中应用页面结构生成装置执行的方法，并实现应用页面结构生成装置在图1所示实施例的功能，本申请实施例在此不再赘述。

本申请实施例还提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行图1所示实施例中应用页面截图上报装置执行的方法，并具体用于执行：

根据应用打开的页面，获取该页面的页面截图及对应的页面路径；

将该页面截图及对应的页面路径发送给应用页面结构生成装置，其中，该应用页面结构生成装置用于根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

本申请实施例还提出了另一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行图1所示实施例中应用页面结构生成装置执行的方法，并具体用于执行：

获取应用的页面截图及对应的页面路径；

根据该页面截图及对应的页面路径，在该应用的页面分布展示图中建立该页面路径与该页面截图的映射关系，其中，该应用的页面分布展示图包括用于显示该应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当该页面路径在第一显示区域中被选中时，在该第二显示区域中显示该页面截图。

本申请实施例还提供了一种应用页面结构管理系统，包括图7所示实施例的应用页面截图上报装置和图9所示实施例的应用页面结构生成装置，或包括图8所示实施例的应用页面截图上报装置和图10所示实施例的应用页面结构生成装置。

当然，除了软件实现方式之外，本申请的电子设备并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

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

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

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

Claims (18)

1.一种应用页面结构生成方法，包括：

获取应用的页面截图及对应的页面路径；

根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，其中，所述应用的页面分布展示图包括用于显示所述应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当所述页面路径在第一显示区域中被选中时，在所述第二显示区域中显示所述页面截图。

2.如权利要求1所述的方法，所述方法还包括：

接收查询请求，所述查询请求用于查询第一页面路径对应的第一页面截图是否存在；

如果存在所述第一页面路径对应的分布信息且存在所述第一页面截图，则反馈所述第一页面截图存在的信息；或者

如果不存在所述第一页面路径对应的分布信息或者不存在所述第一页面截图，则反馈所述第一页面截图不存在的信息。

3.如权利要求1所述的方法，所述方法还包括：

如果需要更新第二页面路径对应的页面截图，则删除所述第二页面路径对应的分布信息，和/或删除所述第二页面路径对应的分布信息所映射的页面截图。

4.如权利要求1所述的方法，所述方法还包括：

根据页面路径对应的节点与注释名称的映射关系，将所述页面路径对应的节点对应的注释名称，作为所述应用的页面分布展示图中所述页面路径对应的节点的显示名称，其中，所述应用的页面分布以树状图的形式表示。

5.如权利要求1所述的方法，所述方法还包括：

过滤所述应用的页面分布展示图中出现在显示过滤表的节点，其中，所述显示过滤表用于所述应用的页面分布展示图中记录需要隐藏或者不需要显示的节点，其中，所述应用的页面分布以树状图的形式表示。

6.如权利要求1-5中任一项所述的方法，

获取应用的页面截图及对应的页面路径包括：

获取以页面路径命名的所述页面截图；或者

获取所述页面截图，并获取携带所述页面截图对应的页面路径的消息。

7.一种应用页面截图上报方法，

根据应用打开的页面，获取所述页面的页面截图及对应的页面路径；

将所述页面截图及对应的页面路径发送给应用页面结构生成装置，其中，所述应用页面结构生成装置用于根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

8.如权利要求7所述的方法，根据应用打开的页面，获取所述页面的页面截图包括：

在所述页面打开并完成绘制后，对所述页面进行截图得到所述页面截图。

9.如权利要求8所述的方法，其特征在于，

在对所述页面进行截图前，所述方法还包括：向所述应用页面结构生成装置发送查询请求，所述查询请求携带所述页面截图对应的页面路径的信息，所述查询请求用于请求查询是否存在所述页面截图；

所述对所述页面进行截图得到所述页面截图包括：当接收到用于表示所述页面截图不存在的反馈信息时，对所述页面进行截图得到所述页面截图。

10.如权利要求8或9所述的方法，其特征在于，

对所述页面进行截图得到所述页面截图包括：

建立第一线程对所述页面进行截图得到所述页面截图，其中，所述第一线程不同于所述应用打开的页面对应的第二线程。

11.如权利要求7所述的方法，其特征在于，

根据应用打开的页面，获取所述页面的页面截图及对应的页面路径，包括：

当所述应用为测试版本时，根据应用打开的页面，获取所述页面的页面截图及对应的页面路径。

12.如权利要求7所述的方法，将所述页面截图及对应的页面路径发送给应用页面结构生成装置包括：

将所述页面截图以所述页面截图对应的页面路径命名并发送给所述应用页面结构生成装置；或

将所述页面截图及携带所述页面截图对应的页面路径的消息发送给所述应用页面结构生成装置。

13.一种应用页面结构生成装置，包括：

获取单元，获取应用的页面截图及对应的页面路径；

映射关系建立单元，根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，其中，所述应用的页面分布展示图包括用于显示所述应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

页面截图显示单元，当所述页面路径在第一显示区域中被选中时，在所述第二显示区域中显示所述页面截图。

14.一种应用页面截图上报装置，包括：

获取单元，根据应用打开的页面，获取所述页面的页面截图及对应的页面路径；

发送单元，将所述页面截图及对应的页面路径发送给应用页面结构生成装置，其中，所述应用页面结构生成装置用于根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

15.一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：

获取应用的页面截图及对应的页面路径；

根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，其中，所述应用的页面分布展示图包括用于显示所述应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当所述页面路径在第一显示区域中被选中时，在所述第二显示区域中显示所述页面截图。

16.一种电子设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：

根据应用打开的页面，获取所述页面的页面截图及对应的页面路径；

将所述页面截图及对应的页面路径发送给应用页面结构生成装置，其中，所述应用页面结构生成装置用于根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

17.一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行以下操作：

获取应用的页面截图及对应的页面路径；

根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，其中，所述应用的页面分布展示图包括用于显示所述应用的页面分布的第一显示区域和用于显示页面截图的第二显示区域；

当所述页面路径在第一显示区域中被选中时，在所述第二显示区域中显示所述页面截图。

18.一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行以下操作：

根据应用打开的页面，获取所述页面的页面截图及对应的页面路径；

将所述页面截图及对应的页面路径发送给应用页面结构生成装置，其中，所述应用页面结构生成装置用于根据所述页面截图及对应的页面路径，在所述应用的页面分布展示图中建立所述页面路径与所述页面截图的映射关系，并向用户显示应用的各页面路径对应的页面截图。

Images